2023-12-21 08:55:25 +00:00
<!---/*Gull Theme by Springy (springbloggy.tumblr.com)
2024-05-26 22:56:42 +01:00
Current version: 2024.05.26
2023-12-21 08:55:25 +00:00
*/--->
<html>
<head>
<title>{Title}</title>
<meta name="viewport" content="width=device-width, initial-scale = 1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<link rel="shortcut icon" href="{Favicon}">
{block:ifcustomtabimage}
<link rel="shortcut icon" href="{image:custom tab image}">
{/block:ifcustomtabimage}
<link href="https://static.tumblr.com/lxcm3wt/JTAs5dqmk/style.css" rel="stylesheet" />
<!---/*SCRIPTS BEGIN*/--->
<!--✻✻✻✻✻✻ UN-BLUE POLLS by @glenthemes ✻✻✻✻✻✻-->
<link href="//static.tumblr.com/gtjt4bo/mXBrpdj0n/unblue-polls.css" rel="stylesheet">
<!--✻✻✻✻✻✻ npf audio player by @glenthemes ✻✻✻✻✻✻-->
<script src="//tmblr-npf-audio.gitlab.io/s/init.js"></script>
<link href="//tmblr-npf-audio.gitlab.io/s/base.css" rel="stylesheet">
<script>
tumblr_npf_audio({
emptyTitleText: "Untitled track",
emptyArtistText: "Untitled artist",
emptyAlbumText: "Untitled album",
titleLabel: "Track:",
artistLabel: "Artist:",
albumLabel: "Album:"
});
</script>
<style edit-npf-audio-player>
.npf-audio-wrapper {
--NPF-Audio-Buttons-Size: 1.4rem;
--NPF-Audio-Buttons-Spacing: 1.3rem; /* space between buttons and song info */
--NPF-Audio-Image-Size: 85px;
--NPF-Audio-Image-Spacing: 0px; /* gap between player info and cover image */
/**/
--NPF-Audio-Buttons-Color: #444444; /* color of play & pause buttons */
}
2024-05-26 22:56:42 +01:00
2023-12-21 08:55:25 +00:00
.npf-audio-background {
padding: 1.5rem;
/**/
background-color:#F2F2F2; /* background color of player (optional) */
}
.npf-audio-title-label,
.npf-audio-artist-label,
.npf-audio-album-label {
font-weight: bold;
}
.npf-audio-title,
.npf-audio-artist,
.npf-audio-album {
color: #444444; /* color of audio text (optional) */
}
2024-05-26 22:56:42 +01:00
2023-12-21 08:55:25 +00:00
</style>
<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>
<!----RESPONSIVE IFRAMES---->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
<!--/*remove redirects*/-->
<script>
function noHrefLi(){
var linkSet = document.querySelectorAll('a[href*="href.li/?"]');
Array.prototype.forEach.call(linkSet,function(el,i){
var theLink = linkSet[i].getAttribute('href').split("href.li/?")[1];
linkSet[i].setAttribute("href",theLink);
});
}
noHrefLi();
</script>
<!---/*photoset*/-->
<link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
<script>
function gatherData(images, arr) {
for (let i = 0; i < images.length; i++) {
let currentData = {
"width": images[i].getAttribute('data-width'),
"height": images[i].getAttribute('data-height'),
"low_res": images[i].getAttribute('data-lowres'),
"high_res": images[i].getAttribute('data-highres')
};
arr.push(currentData);
}
}
function getIndex(elem) {
let i = 0;
while( (elem = elem.previousElementSibling) != null ) i++;
return i;
}
function lightbox(elem) {
let currentPhotoset = elem.parentNode;
let photosetPhotos = currentPhotoset.getElementsByTagName('div');
let data = [];
gatherData(photosetPhotos, data);
Tumblr.Lightbox.init(data, getIndex(elem) + 1);
}
</script>
{block:ifredirectrefreshlink}
<script>
if(window.location.pathname == '/') location.replace('{text:HomeLink}');
</script>
{/block:ifredirectrefreshlink}
{block:ifredirectasklink}
<script>
if(window.location.pathname == '/ask') location.replace('{text:AskLink}');
</script>
{/block:ifredirectasklink}
{block:ifredirectsubmitlink}
<script>
if(window.location.pathname == '/submit') location.replace('{text:SubmitLink}');
</script>
{/block:ifredirectsubmitlink}
<!---tooltips--->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/tippy.js@6/dist/svg-arrow.css"/>
<!---fonts--->
<style>
@font-face {
font-family: "San Fransisco";
src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-regular-webfont.woff") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Lucida Grande";
src: url("https://static.tumblr.com/lxcm3wt/3Pjs5dn3n/lucida_grande_regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Epsy Sans";
src: url("https://static.tumblr.com/lxcm3wt/L5os5dndm/epsysrg.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Geneva";
src: url("https://static.tumblr.com/lxcm3wt/WePs5dnkl/geneva_regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Ubuntu";
src: url("https://static.tumblr.com/lxcm3wt/xNWs5dnry/ubuntu_regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Liberation Sans";
src: url("https://static.tumblr.com/lxcm3wt/0p3s5dnua/liberationsans-regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Atkinson Hyperlegible";
src: url("https://static.tumblr.com/lxcm3wt/zajs5dnx3/atkinson-hyperlegible-regular-102.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Custom Font";
src: url("{text:custom font url}") format("truetype");
font-weight: normal;
font-style: normal;
}
</style>
<!---/*SCRIPTS END*/--->
<!-----/*OPTIONS BEGIN*/----->
{block:Options}
<!---main-stuff--->
<!---night mode--->
<meta name="select:•──⋅☾ ☽⋅──•" content=""/>
<meta name="select:night mode by default" content="dark" title="no"/>
<meta name="select:night mode by default" content="light" title="yes"/>
<!---font--->
<meta name="select:font" content="Tahoma"/>
<meta name="select:font" content="Arial"/>
<meta name="select:font" content="Atkinson Hyperlegible"/>
<meta name="select:font" content="Calibri"/>
<meta name="select:font" content="Candara"/>
<meta name="select:font" content="Century Gothic"/>
<meta name="select:font" content="Dejavu Sans"/>
<meta name="select:font" content="Epsy Sans"/>
<meta name="select:font" content="Favorit"/>
<meta name="select:font" content="Franklin Gothic Medium"/>
<meta name="select:font" content="Geneva"/>
<meta name="select:font" content="Helvetica"/>
<meta name="select:font" content="Inconsolata"/>=
<meta name="select:font" content="Liberation Sans"/>
<meta name="select:font" content="Lucida Grande"/>
<meta name="select:font" content="Lucinda Sans"/>
<meta name="select:font" content="Microsoft Sans Serif"/>
<meta name="select:font" content="Open Sans"/>
<meta name="select:font" content="San Francisco"/>
<meta name="select:font" content="Trebuchet MS"/>
<meta name="select:font" content="Ubuntu"/>
<meta name="select:font" content="Custom Font"/>
<!---font size--->
<meta name="select:font size" content="13px"/>
<meta name="select:font size" content="15px"/>
<meta name="select:font size" content="17px"/>
<meta name="select:font size" content="19px"/>
<meta name="select:font size" content="clamp(.92rem, 16px, 20px)"/>
<!---custom font--->
<meta name="text:•──⋅☾ ☽⋅──•" content=""/>
<meta name="text:custom font" content="https://static.tumblr.com/lxcm3wt/zajs5dnx3/atkinson-hyperlegible-regular-102.ttf"/>
<!---custom cursor--->
<meta name="image:•──⋅☾ ☽⋅──•" content=""/>
<meta name="image:custom cursor image" content="https://cdn.imgchest.com/files/l4necg32xq4.png"/>
<!---hovered--->
<meta name="image:custom cursor hover image" content="https://cdn.imgchest.com/files/p7bwcar8lz7.png"/>
<!---cursor appearance--->
<meta name="select:cursor appearance" content="default"/>
<meta name="select:cursor appearance" content="cell"/>
<meta name="select:cursor appearance" content="crosshair"/>
<meta name="select:cursor appearance" content="grab"/>
<meta name="select:cursor appearance" content="move"/>
<meta name="select:cursor appearance" content="all-scroll"/>
<meta name="select:cursor appearance" content="var(--cursor-img)" title="custom image"/>
<!---hovered--->
<meta name="select:cursor hover appearance" content="cursor:pointer!important;" title="pointer"/>
<meta name="select:cursor hover appearance" content="cursor:default!important;" title="arrow"/>
<meta name="select:cursor hover appearance" content="cursor:cell!important;" title="cell"/>
<meta name="select:cursor hover appearance" content="cursor:crosshair!important;" title="crosshair"/>
<meta name="select:cursor hover appearance" content="cursor:grab!important;" title="grab"/>
<meta name="select:cursor hover appearance" content="cursor:move!important;" title="move"/>
<meta name="select:cursor hover appearance" content="cursor:all-scroll!important;" title="all-scroll"/>
<meta name="select:cursor hover appearance" content="cursor:zoom-in!important;" title="zoom-in"/>
<meta name="select:cursor hover appearance" content="cursor:copy!important;" title="copy"/>
<meta name="select:cursor hover appearance" content="cursor:help!important;" title="help"/>
<meta name="select:cursor hover appearance" content="cursor:var(--cursor-hvr-img),auto!important;" title="custom image"/>
<!---background image--->
<meta name="image:background" content=""/>
<!---toggles full size--->
<meta name="select:full size background" content="background:var(--bg-color) var(--bg-image) no-repeat center center fixed;background-size: cover;" title="yes"/>
<meta name="select:full size background" content="background:var(--bg-color) var(--bg-image) fixed;background-size: auto;" title="no"/>
<!---favicon image--->
<meta name="image:custom tab image" content=""/>
<meta name="if:•──⋅☾ ☽⋅──•" content=""/>
<meta name="if:custom tab image" content=""/>
<!---round corners--->
<meta name="select:top corner roundness" content="5px"/>
<meta name="select:top corner roundness" content="0px"/>
<meta name="select:top corner roundness" content="3px"/>
<meta name="select:top corner roundness" content="7px"/>
<meta name="select:top corner roundness" content="10px"/>
<meta name="select:top corner roundness" content="14px"/>
<meta name="select:top corner roundness" content="16px"/>
<meta name="select:top corner roundness" content="20px"/>
<meta name="select:top corner roundness" content="30px"/>
<meta name="select:top corner roundness" content="40px"/>
<!---bottom corners--->
<meta name="select:bottom corner roundness" content="5px"/>
<meta name="select:bottom corner roundness" content="0px"/>
<meta name="select:bottom corner roundness" content="3px"/>
<meta name="select:bottom corner roundness" content="7px"/>
<meta name="select:bottom corner roundness" content="10px"/>
<meta name="select:bottom corner roundness" content="14px"/>
<meta name="select:bottom corner roundness" content="16px"/>
<meta name="select:bottom corner roundness" content="20px"/>
<meta name="select:bottom corner roundness" content="30px"/>
<meta name="select:bottom corner roundness" content="40px"/>
<!---link text decoration--->
<meta name="select:link text decoration" content="none"/>
<meta name="select:link text decoration" content="underline"/>
<!---hovered--->
<meta name="select:link hover text decoration" content="none"/>
<meta name="select:link hover text decoration" content="underline"/>
<!---style of the decoration--->
<meta name="select:link text decoration style" content="solid"/>
<meta name="select:link text decoration style" content="double"/>
<meta name="select:link text decoration style" content="dotted"/>
<meta name="select:link text decoration style" content="dashed"/>
<meta name="select:link text decoration style" content="wavy"/>
<!---hovered--->
<meta name="select:link hover text decoration style" content="solid"/>
<meta name="select:link hover text decoration style" content="double"/>
<meta name="select:link hover text decoration style" content="dotted"/>
<meta name="select:link hover text decoration style" content="dashed"/>
<meta name="select:link hover text decoration style" content="wavy"/>
<!---tooltip arrow--->
<meta name="select:tooltip arrow" content="false" title="no"/>
<meta name="select:tooltip arrow" content="tippy.roundArrow + tippy.roundArrow" title="yes"/>
<!---image filter--->
<meta name="select:image filter" content="" title="none"/>
<meta name="select:image filter" content="filter:contrast(90%) brightness(110%) saturate(150%) hue-rotate(-10deg);
filter: contrast(90%) brightness(110%) saturate(150%) hue-rotate(-10deg);" title="amaro"/>
<meta name="select:image filter" content="filter: contrast(110%) brightness(110%) saturate(130%);" title="1977-like"/>
<meta name="select:image filter" content="filter: contrast(90%) brightness(120%) saturate(85%) hue-rotate(20deg);" title="aden-like"/>
<meta name="select:image filter" content="filter: contrast(140%) sepia(50%);" title="brannan-like"/>
<meta name="select:image filter" content="filter: contrast(90%) brightness(110%);" title="brooklyn-like"/>
<meta name="select:image filter" content="filter: contrast(120%) saturate(125%);" title="clarendon-like"/>
<meta name="select:image filter" content="filter: contrast(90%) sepia(20%);" title="earlybird-like"/>
<meta name="select:image filter" content="filter: contrast(90%) brightness(120%) saturate(110%);" title="hudson-like"/>
<meta name="select:image filter" content="filter: contrast(110%) brightness(110%) sepia(30%) grayscale(100%);" title="inkwell-like"/>
<meta name="select:image filter" content="filter: contrast(150%) saturate(110%);" title="lofi-like"/>
<meta name="select:image filter" content="filter: contrast(95%) brightness(95%) saturate(150%) sepia(25%);" title="maven-like"/>
<meta name="select:image filter" content="filter:contrast(85%) brightness(110%) saturate(75%) sepia(22%);" title="reyes-like"/>
<meta name="select:image filter" content="filter:contrast(75%) brightness(115%) saturate(85%);" title="stinson-like"/>
<meta name="select:image filter" content="filter:contrast(150%) brightness(90%);" title="toaster-like"/>
<meta name="select:image filter" content="filter:contrast(108%) brightness(108%) sepia(8%);" title="valencia-like"/>
<meta name="select:image filter" content="filter:sepia(30%);" title="xpro2-like"/>
<meta name="select:image filter" content="filter: brightness(68%);" title="darken"/>
<meta name="select:image filter" content="filter:grayscale(1);" title="grayscale"/>
<meta name="select:image filter" content="filter: hue-rotate(140deg);" title="hue rotate"/>
<meta name="select:image filter" content="filter: saturate(2);" title="saturate"/>
<meta name="select:image filter" content="filter: sepia(100%);" title="sepia"/>
<meta name="select:image filter" content="filter: blur(1px);" title="slight blur"/>
<!---hover-filters--->
<meta name="select:image hover filter" content="" title="none"/>
<meta name="select:image hover filter" content="filter:contrast(90%) brightness(110%) saturate(150%) hue-rotate(-10deg);
filter: contrast(90%) brightness(110%) saturate(150%) hue-rotate(-10deg);" title="amaro"/>
<meta name="select:image hover filter" content="filter: contrast(110%) brightness(110%) saturate(130%);" title="1977-like"/>
<meta name="select:image hover filter" content="filter: contrast(90%) brightness(120%) saturate(85%) hue-rotate(20deg);" title="aden-like"/>
<meta name="select:image hover filter" content="filter: contrast(140%) sepia(50%);" title="brannan-like"/>
<meta name="select:image hover filter" content="filter: contrast(90%) brightness(110%);" title="brooklyn-like"/>
<meta name="select:image hover filter" content="filter: contrast(120%) saturate(125%);" title="clarendon-like"/>
<meta name="select:image hover filter" content="filter: contrast(90%) sepia(20%);" title="earlybird-like"/>
<meta name="select:image hover filter" content="filter: contrast(90%) brightness(120%) saturate(110%);" title="hudson-like"/>
<meta name="select:image hover filter" content="filter: contrast(110%) brightness(110%) sepia(30%) grayscale(100%);" title="inkwell-like"/>
<meta name="select:image hover filter" content="filter: contrast(150%) saturate(110%);" title="lofi-like"/>
<meta name="select:image hover filter" content="filter: contrast(95%) brightness(95%) saturate(150%) sepia(25%);" title="maven-like"/>
<meta name="select:image hover filter" content="filter:contrast(85%) brightness(110%) saturate(75%) sepia(22%);" title="reyes-like"/>
<meta name="select:image hover filter" content="filter:contrast(75%) brightness(115%) saturate(85%);" title="stinson-like"/>
<meta name="select:image hover filter" content="filter:contrast(150%) brightness(90%);" title="toaster-like"/>
<meta name="select:image hover filter" content="filter:contrast(108%) brightness(108%) sepia(8%);" title="valencia-like"/>
<meta name="select:image hover filter" content="filter:sepia(30%);" title="xpro2-like"/>
<meta name="select:image hover filter" content="filter: brightness(68%);" title="darken"/>
<meta name="select:image hover filter" content="filter:grayscale(1);" title="grayscale"/>
<meta name="select:image hover filter" content="filter: hue-rotate(140deg);" title="hue rotate"/>
<meta name="select:image hover filter" content="filter: saturate(2);" title="saturate"/>
<meta name="select:image hover filter" content="filter: sepia(100%);" title="sepia"/>
<meta name="select:image hover filter" content="filter: blur(1px);" title="slight blur"/>
<!---image float--->
<meta name="image:floating image" content=""/>
<meta name="select:floating image" content="hidden" title="no"/>
<meta name="select:floating image" content="visible" title="yes"/>
<!---position--->
<meta name="select:floating image position" content="5px"/>
<meta name="select:floating image position" content="0px"/>
<meta name="select:floating image position" content="10px"/>
<meta name="select:floating image position" content="15px"/>
<meta name="select:floating image position" content="20px"/>
<meta name="select:floating image position" content="25px"/>
<meta name="select:floating image position" content="30px"/>
<meta name="select:floating image position" content="35px"/>
<meta name="select:floating image position" content="40px"/>
<meta name="select:floating image position" content="45px"/>
<meta name="select:floating image position" content="50px"/>
<meta name="select:floating image position" content="55px"/>
<!---size--->
<meta name="select:floating image size" content="3%"/>
<meta name="select:floating image size" content="5%"/>
<meta name="select:floating image size" content="8%"/>
<meta name="select:floating image size" content="10%"/>
<meta name="select:floating image size" content="13%"/>
<meta name="select:floating image size" content="15%"/>
<meta name="select:floating image size" content="17%"/>
<meta name="select:floating image size" content="20%"/>
<meta name="select:floating image size" content="23%"/>
<meta name="select:floating image size" content="25%"/>
<meta name="select:floating image size" content="30%"/>
<meta name="select:floating image size" content="33%"/>
<meta name="select:floating image size" content="35%"/>
<meta name="select:floating image size" content="40%"/>
<meta name="select:floating image size" content="43%"/>
<meta name="select:floating image size" content="45%"/>
<meta name="select:floating image size" content="50%"/>
<meta name="select:floating image size" content="53%"/>
<meta name="select:floating image size" content="55%"/>
<meta name="select:floating image size" content="60%"/>
<meta name="select:floating image size" content="63%"/>
<meta name="select:floating image size" content="65%"/>
<meta name="select:floating image size" content="70%"/>
<meta name="select:floating image size" content="73%"/>
<meta name="select:floating image size" content="75%"/>
<meta name="select:floating image size" content="80%"/>
<meta name="select:floating image size" content="83%"/>
<meta name="select:floating image size" content="85%"/>
<meta name="select:floating image size" content="90%"/>
<meta name="select:floating image size" content="93%"/>
<meta name="select:floating image size" content="95%"/>
<meta name="select:floating image size" content="100%"/>
<!----post stuff--->
<meta name="image:· · ── ·𖥸· ── · ·" content=""/>
<!---anon image--->
2024-01-07 21:35:42 +00:00
<meta name="image:anon" content=https://assets.tumblr.com/images/anonymous_avatar_64.gif""/>
2023-12-21 08:55:25 +00:00
<!--title font size--->
<meta name="select:· · ── ·𖥸· ── · ·" content=""/>
<meta name="select:title font size" content="20px"/>
<meta name="select:title font size" content="13px"/>
<meta name="select:title font size" content="15px"/>
<meta name="select:title font size" content="17px"/>
<meta name="select:title font size" content="19px"/>
<meta name="select:title font size" content="clamp(.92rem, 16px, 20px)"/>
<!---side stuff--->
<!---toggle sidebar--->
<meta name="select:∘₊✧──────✧₊∘" content=""/>
<meta name="select:show sidebar" content="hidden" title="no"/>
<meta name="select:show sidebar" content="visible" title="yes"/>
<!---left or right sidebar--->
<meta name="select:side area position" content="width: 100%;left:85px;" title="left"/>
<meta name="select:side area position" content="right:85px;" title="right"/>
<!---link menu--->
<!---title--->
<meta name="text:∘₊✧──────✧₊∘" content=""/>
<meta name="text:link menu title" content="Links"/>
<!---stay open--->
<meta name="select:keep link menu open" content="" title="no"/>
<meta name="select:keep link menu open" content="open" title="yes"/>
<!---show blog header image--->
<meta name="if:∘₊✧──────✧₊∘" content=""/>
<meta name="if:show blog header image" content=""/>
<!---header-color--->
<meta name="if:show blog header color" content=""/>
<!---show blog avatar--->
<meta name="if:show blog avatar" content=""/>
<!---show blog title--->
<meta name="if:show blog title" content=""/>
<!---show search bar--->
<meta name="if:show search form" content=""/>
<!---pagination in side--->
<meta name="if:pagination in sidebar" content=""/>
<!----put pagination in side area--->
<meta name="if:pagination in side area" content=""/>
<!---links--->
<meta name="text:refresh link url" content="/"/>
<meta name="text:refresh link title" content="Refresh"/>
<meta name="text:ask link url" content="/ask"/>
<meta name="text:ask link title" content="Ask"/>
<meta name="text:submit link url" content="/submit"/>
<meta name="text:submit link title" content="Submit"/>
<meta name="text:history link title" content="History"/>
<meta name="text:custom links" content""/>
<!---show/hide refresh and history links--->
<meta name="if:show refresh link" content=""/>
<meta name="if:show history link" content=""/>
<!---redirect links--->
<meta name="if:redirect refresh link" content=""/>
<meta name="if:redirect ask link" content=""/>
<meta name="if:redirect submit link" content=""/>
<!---permalink stuff--->
<meta name="select:➽───────❥" content=""/>
<!---tag font size--->
<meta name="select:tag font size" content="13px"/>
<meta name="select:tag font size" content="15px"/>
<meta name="select:tag font size" content="17px"/>
<meta name="select:tag font size" content="19px"/>
<meta name="select:tag font size" content="clamp(.92rem, 16px, 20px)"/>
2023-12-21 20:30:44 +00:00
<!---tags above permalink--->
2023-12-21 08:55:25 +00:00
<meta name="if:➽───────❥" content=""/>
2023-12-21 20:30:44 +00:00
<meta name="if:tags above permalink" content=""/>
<!---hide tags--->
2023-12-21 08:55:25 +00:00
<meta name="if:hide tags outside of permalink" content=""/>
<!---font size--->
<meta name="select:permalink font size" content="13px"/>
<meta name="select:permalink font size" content="15px"/>
<meta name="select:permalink font size" content="17px"/>
<meta name="select:permalink font size" content="19px"/>
<meta name="select:permalink font size" content="clamp(.92rem, 16px, 20px)"/>
<!----permalink icon note count--->
<meta name="select:permalink icon" content="forum"/>
<meta name="select:permalink icon" content="account"/>
<meta name="select:permalink icon" content="add"/>
<meta name="select:permalink icon" content="baseball"/>
<meta name="select:permalink icon" content="basketball"/>
<meta name="select:permalink icon" content="bathtub"/>
<meta name="select:permalink icon" content="bed"/>
<meta name="select:permalink icon" content="bicycle"/>
<meta name="select:permalink icon" content="bookmark"/>
<meta name="select:permalink icon" content="bug"/>
<meta name="select:permalink icon" content="calc"/>
<meta name="select:permalink icon" content="calendar"/>
<meta name="select:permalink icon" content="camera"/>
<meta name="select:permalink icon" content="carton"/>
<meta name="select:permalink icon" content="chair"/>
<meta name="select:permalink icon" content="clock"/>
<meta name="select:permalink icon" content="coffee"/>
<meta name="select:permalink icon" content="fish"/>
<meta name="select:permalink icon" content="flash"/>
<meta name="select:permalink icon" content="flight"/>
<meta name="select:permalink icon" content="flower"/>
<meta name="select:permalink icon" content="folder"/>
<meta name="select:permalink icon" content="frying-pan"/>
<meta name="select:permalink icon" content="grape"/>
<meta name="select:permalink icon" content="grill"/>
<meta name="select:permalink icon" content="gym"/>
<meta name="select:permalink icon" content="hairdryer"/>
<meta name="select:permalink icon" content="hatchet"/>
<meta name="select:permalink icon" content="heart"/>
<meta name="select:permalink icon" content="home"/>
<meta name="select:permalink icon" content="hourglass"/>
<meta name="select:permalink icon" content="ice-cream"/>
<meta name="select:permalink icon" content="id"/>
<meta name="select:permalink icon" content="idea"/>
<meta name="select:permalink icon" content="image"/>
<meta name="select:permalink icon" content="kiosk"/>
<meta name="select:permalink icon" content="knife"/>
<meta name="select:permalink icon" content="like"/>
<meta name="select:permalink icon" content="message"/>
<meta name="select:permalink icon" content="milk"/>
<meta name="select:permalink icon" content="moon"/>
<meta name="select:permalink icon" content="night"/>
<meta name="select:permalink icon" content="paint"/>
<meta name="select:permalink icon" content="phone"/>
<meta name="select:permalink icon" content="play"/>
<meta name="select:permalink icon" content="reload"/>
<meta name="select:permalink icon" content="rocket"/>
<meta name="select:permalink icon" content="share"/>
<meta name="select:permalink icon" content="star"/>
<meta name="select:permalink icon" content="store"/>
<meta name="select:permalink icon" content="sunny"/>
<meta name="select:permalink icon" content="tent"/>
<meta name="select:permalink icon" content="timeline"/>
<meta name="select:permalink icon" content="tree-palm"/>
<meta name="select:permalink icon" content="umbrella"/>
<meta name="select:permalink icon" content="usb"/>
<!---show/hide date-->
<meta name="if:show post date" content=""/>
<meta name="select:show note count with date" content="visible" title="yes"/>
<meta name="select:show note count with date" content="hidden" title="no"/>
<!---colors--->
<meta name="color:━━ ˖°˖ ☼ ˖°˖ ━━━" content=""/>
<meta name="color:background" content="#cfdae2"/>
<meta name="color:sidebar header" content="#f6f6f6"/>
<!---nm--->
<meta name="color:━━ ˖°˖ ☾ ˖°˖ ━━━" content=""/>
<meta name="color:night background" content="#272b32"/>
<meta name="color:night sidebar header" content="#50545b"/>
<!---primary--->
<meta name="color:━━ ˖°˖ ☼ ☁︎ ˖°˖ ━━━" content=""/>
<meta name="color:primary background 1" content="#ffffff"/>
<meta name="color:outline 1" content="#e0e0e0"/>
<meta name="color:primary font 1" content="#7f7c6f"/>
<meta name="color:secondary font 1" content="#00b8ff"/>
<meta name="color:secondary font 2" content="#96dafb"/>
<!---nm--->
<meta name="color:━━ ˖°˖ ☾ ☁︎ ˖°˖ ━━━" content=""/>
<meta name="color:night primary background 1" content="#3b3f46"/>
<meta name="color:night outline 1" content="#3f4146"/>
<meta name="color:night primary font 1" content="#d8d5ca"/>
<meta name="color:night secondary font 1" content="#00b8ff"/>
<meta name="color:night secondary font 2" content="#96dafb"/>
<!---secondary--->
<meta name="color:━━ ˖°˖ ☼ ☁︎ ˖°˖ ⋆ ━━━" content=""/>
<meta name="color:primary background 2" content="#f6f6f6"/>
<meta name="color:primary font 2" content="#9a9999"/>
<meta name="color:outline color 2" content="#e1e1e1"/>
<meta name="color:secondary font 3" content="#c6c4c4"/>
<!---nm--->
<meta name="color:━━ ˖°˖ ☾ ☁︎ ˖°˖ ⋆ ━━━" content=""/>
<meta name="color:night primary background 2" content="#50545b"/>
<meta name="color:night primary font 2" content="#a8aaac"/>
<meta name="color:night outline color 2" content="#e1e1e1"/>
<meta name="color:night secondary font 3" content="#c6c4c4"/>
{/block:Options}
<!-----/*OPTIONS END*/----->
{NewPostStyles}
<style>
* {box-sizing: border-box;}
:root {
--font-family:{select:font};
--outline:2px solid;
--radius:{select:top corner roundness};
--bottom-radius:{select:bottom corner roundness};
--bg-image:url("{image:background}");
--cursor:{select:cursor appearance};
--cursor-img: url({image:custom cursor image}),auto;
--cursor-hvr-img: url({image:custom cursor hover image});
--link-decor:{select:link text decoration};
--link-decor-style:{select:link text decoration style};
--linkhov-decor:{select:link hover text decoration};
--linkhov-decor-style:{select:link hover text decoration style};
/**/
--bg-color:{color:background};
--primary-bg1:{color:primary background 1}; /*posts*/
--outline-color:{color:outline 1};
--primary-font1:{color:primary font 1};/*text*/
--secondary-font1:{color:secondary font 1}; /*links*/
--secondary-font2:{color:secondary font 2}; /*link hover*/
--primary-bg2:{color:primary background 2}; /*footers + other small elements*/
--primary-font2:{color:primary font 2};
--outline-color2:{color:outline color 2};
--secondary-font3:{color:secondary font 3}; /*footer link hover*/
--header-color:{color:sidebar header};
}
@media (prefers-color-scheme:{select:night mode by default}) {
:root {
--font-family:{select:font};
--outline:2px solid;
--radius:{select:top corner roundness};
--bottom-radius:{select:bottom corner roundness};
--bg-image:url("{image:background}");
--cursor:{select:cursor appearance};
--cursor-img: url({image:custom cursor image}),auto;
--cursor-hvr-img: url({image:custom cursor hover image});
--link-decor:{select:link text decoration};
--link-decor-style:{select:link text decoration style};
--linkhov-decor:{select:link hover text decoration};
--linkhov-decor-style:{select:link hover text decoration style};
/**/
--bg-color:{color:night background};
--primary-bg1:{color:night primary background 1}; /*posts*/
--outline-color:{color:night outline 1};
--primary-font1:{color:night primary font 1};/*text*/
--secondary-font1:{color:night secondary font 1}; /*links*/
--secondary-font2:{color:night secondary font 2}; /*link hover*/
--primary-bg2:{color:night primary background 2}; /*footers + other small elements*/
--primary-font2:{color:night primary font 2};
--outline-color2:{color:night outline color 2};
--secondary-font3:{color:night secondary font 3}; /*footer link hover*/
--header-color:{color:night sidebar header};
}
}
/*MAIN*/
body{
font-size:{select:font size}; /*clamp(.92rem, 16px, 20px)*/
margin: 0;
height: 100vh;
width: 100vw;
/**/
font-family:var(--font-family),sans-serif;
color:var(--primary-font1);
cursor:var(--cursor)!important;
/**/
{select:full size background}
}
main{
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-around;
max-width:1100px;
margin:auto;
}
article {
width: 100%;
position:relative;
width: 500px;
margin: calc(1rem * 5) auto;
border-radius:1px;
padding:15px;
overflow: hidden;
/**/
background:var(--primary-bg1);
border:var(--outline) var(--outline-color);
border-radius:var(--radius) var(--radius) var(--bottom-radius) var(--bottom-radius);
}
blockquote{
margin-left:3px;
border-left:3px solid transparent;
}
/*✻✻✻✻✻✻ UN-BLUE POLLS by @glenthemes ✻✻✻✻✻✻*/
.poll-post {
--Poll-Question-Font-Size: 16px;
--Poll-Option-Corner-Rounding: 18px;
--Poll-Option-Border-Size: 2px;
--Poll-Option-Padding: 15px;
--Poll-Option-Font-Size: 13px;
--Poll-Option-Spacing: 10px;
--Poll-Option-HOVER-Speed: 0.4s;
/**/
--Poll-Option-Background-Color:var(--primary-bg2);
--Poll-Option-Border-Color:var(--outline-color2);
--Poll-Option-Text-Color:var(--primary-font2);
--Poll-Option-HOVER-Border-Color:var(--outline-color);
--Poll-Option-HOVER-Background-Color:var(--primary-bg1);
--Poll-Option-HOVER-Text-Color:var(--primary-font1);
}
.iframe-controls--desktop {
position:fixed;
top:0px;
right:0px;
z-index:214748364789123456789;
transform:scale(0.8,0.8);
transform-origin:100% 0%;
/**/
filter:invert(0%);
-webkit-filter:invert(0%);
}
.tippy-box[data-theme~='tomato'] {
background-color:var(--primary-bg2);
color:var(--primary-font2);
border:var(--outline) var(--outline-color2);
}
.tippy-box[data-theme~='tomato'] > .tippy-svg-arrow > svg:first-child {
fill: var(--primary-font2);
}
.tippy-box[data-theme~='tomato'] > .tippy-svg-arrow > svg:last-child {
fill:var(--primary-bg2);
}
.lilguy{
visibility:{select:floating image};
position: fixed;
z-index:99999;
width:{select:floating image size};
bottom:{select:floating image position};
right:{select:floating image position};
}
/*CAPTIONS*/
* {
position: relative;
}
p:first-child {
margin-top: 0;
}
p:last-child {
margin-bottom: 0;
}
.caption:empty{
display:none;
}
.caption{
padding:1rem;
}
.tmblr-attribution {
display:flex;
justify-content:space-between;
font-size: .7em; /* font size*/
padding: .5em;
margin-bottom: .5em; /* to separate from the rest of the post, change it if you wanna*/
/**/
background:var(--primary-bg2); /* background color */
color:var(--primary-font2); /* text/link color */
}
.tmblr-attribution::after {
content: "❯
}
.tmblr-attribution a,.tmblr-attribution a:visited{
color:var(--primary-font2);
}
.tmblr-attribution a:hover,.tmblr-attribution a:visited:hover{
color:var(--secondary-font3);
}
/*POST TYPES*/
/*audio*/
/*soundcloud and spotify*/
.soundcloud_audio_player {
max-height:80px!important;
display: grid;
justify-content: center;
border-radius:2px;
}
.spotify_audio_player {
max-height:85px!important;
overflow: hidden!important;
display: grid;
justify-content: center;
border-radius:2px;
}
.audioplayer{
display: grid;
justify-content: center;
}
2024-05-26 22:56:42 +01:00
2023-12-21 08:55:25 +00:00
/*photosets*/
.photoset-grid {
grid-gap: 5px;
}
.photoset-grid img{
display: grid;
justify-content: center;
}
/*links*/
/* all link box */
a.link,a.link:visited{
display:inline-block;
width:100%;
padding:1em; /* padding */
text-decoration:none!important;
/**/
background:var(--primary-bg1); /* background of the whole link*/
color:var(--primary-font2); /* text color */
}
a.link:hover,a.link:visited:hover{
text-decoration:none!important;
/**/
color:var(--secondary-font3); /* text color */
}
/* first little text - host url */
.link-url{
font-size:.8em; /* font size of the first line */
}
/* main link text */
.link-title{
font-size:2em; /* font size of the main link text */
font-family:; /* font */
}
/* excerpt - the little description of the link shared */
.link-desc{
font-size:.8em;
font-style:italic;
/**/
color:var(--primary-font2);
}
/* for style purposes */
.link-title,
.link-url,
.link-desc,
.thumbnail{
{select:cursor hover appearance}
}
/* if the links generates a thumbnail (image)*/
.thumbnail img{
all:unset;
width:calc(100% + 2em);
display:block;
margin:.4em 0;
margin-left:-1em;
}
a,a:visited{
text-decoration:var(--link-decor)!important;
text-decoration-style:var(--link-decor-style)!important;
/**/
color:var(--secondary-font1);
}
a:hover,a:visited:hover{
text-decoration:var(--linkhov-decor)!important;
text-decoration-style:var(--linkhov-decor-style)!important;
{select:cursor hover appearance}
/**/
color:var(--secondary-font2);
}
a,a:visited,a:hover,a:visited:hover{
transition: all 0.8s linear;
}
div.npf-link-block .poster .title{
background:var(--primary-bg1); /* background of the whole link*/
color:var(--primary-font2); /* text color */
transition: all 0.8s linear;
}
div.npf-link-block .poster .title:hover{
opacity: 0.59;
transition: all 0.8s linear;
{select:cursor hover appearance}
}
/*ask*/
/*question*/
.ask{
display:flex;
justify-content: space-between;
align-items: flex-start;
width:100%;
position:relative;
text-align: left;
font-size: 15px;
left:10px;
}
.asker-avatar{
border-radius:100%;
position: relative;
right:18px;
/**/
border:var(--outline) var(--primary-bg2);
outline:var(--outline) var(--outline-color2);
}
.question{
position: relative;
padding: 20px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
width:calc(100% - 70px);
/**/
background:var(--primary-bg2);
border:var(--outline) var(--outline-color2);
}
.question:after{
content: '';
position: absolute;
border-style: solid;
border-width: 13px 15px 13px 0;
display: block;
width: 0;
z-index: 1;
left: -15px;
top: 23px;
/**/
border-color: transparent var(--primary-bg2);
}
.question:before
{
content: '';
position: absolute;
border-style: solid;
border-width: 14px 16px 14px 0;
display: block;
width: 0;
z-index: 0;
left: -18px;
top: 22px;
/**/
border-color: transparent var(--outline-color2);
}
/*photo*/
img, article img, .caption img,.photos,.tmblr-full img,.post_media_photo image{
max-width:100%;
border:none;
object-fit: cover;
}
.caption img,.photos,.tmblr-full img,.post_media_photo image{
display: grid;
justify-content: center;
height: auto !important;
padding-bottom:5px;
}
img:hover, article img:hover, .caption img:hover,.photos:hover,.tmblr-full img:hover,.post_media_photo image:hover,.photos:hover,img, article img, .caption img,.photos,.tmblr-full img,.post_media_photo image,.photos{
transition: all 0.8s linear;
}
img{
{select:image filter}
}
img:hover{
{select:image hover filter}
{select:cursor hover appearance}
}
/*video*/
.tumblr_video_container{
max-width:100%!important;
overflow:hidden!important;
max-height:100%!important;
height:auto!important;
}
.caption iframe,.video,.tumblr_video_container{
display: grid;
justify-content: center;
}
article iframe,.video,.html5-video-player{
max-width:100%!important;
overflow:hidden!important;
max-height:100%!important;
}
article iframe{
padding-bottom:5px;
}
2024-05-26 22:56:42 +01:00
.caption iframe:hover,.video:hover,.tumblr_video_container:hover{
{select:cursor hover appearance}
}
2023-12-21 08:55:25 +00:00
/*text boxes*/
.quote,p.npf_quote,.title,.p.npf_chat,.chat{
font-weight:bold;
font-size:{select:title font size};
text-align:center;
padding:13px;
border-radius:var(--radius) var(--radius) var(--bottom-radius) var(--bottom-radius);
/**/
background:var(--primary-bg2);
color:var(--primary-font2);
}
/*SIDEBOXES*/
.sideboxes{
display: grid;
grid-gap:10px;
top:18px;
position: fixed;
{select:side area position}
}
.slinks details{
width:176.5px;
text-align:center;
transition: 0.15s background linear;
margin: 95px 0 0 0px;
border-radius:var(--radius) var(--radius) var(--bottom-radius) var(--bottom-radius);
padding:4px;
/**/
background:var(--primary-bg2);
color:var(--primary-font2);
border:var(--outline) var(--outline-color);
}
.slinks details > summary {
list-style: none;
font-weight:bold;
{select:cursor hover appearance}
}
.slinks details summary{
transition: margin 150ms ease-out;
}
.slinks details[open] summary{
margin-bottom: 10px;
}
.slinks details[open],.slinks details[open] summary{
max-height: 99rem;
transition: all 1s ease;
}
.slinks details > p{
font-weight:normal!important;
}
.aside1{
width:180px;
text-align:center;
border-radius:var(--radius) var(--radius) var(--bottom-radius) var(--bottom-radius);
background:transparent;
padding-right:8px;
visibility:{select:show sidebar};
}
.aside1 a,.aside1 a:visited{
text-decoration:none!important;
text-transform: capitalize;
}
.aside1 a:hover,.aside1 a:visited:hover{
text-transform: capitalize;
text-decoration:var(--linkhov-decor)!important;
text-decoration-style:var(--linkhov-decor-style)!important;
}
{block:ifshowblogtitle}
.aside1{
background:var(--primary-bg1);
color:var(--primary-font1);
border:var(--outline) var(--primary-bg1);
}
.side-title{
font-weight:bold;
}
.slinks details{
border-radius:0px 0px var(--bottom-radius) var(--bottom-radius);
/**/
border:transparent;
}
{/block:ifshowblogtitle}
{block:ifshowblogavatar}
.pfp{
border-radius:100%;
padding:.2rem;
margin:-1rem auto 0px;
z-index:1;
/**/
border:var(--outline) var(--primary-bg1));
outline:var(--outline) var(--outline-color);
background:var(--primary-bg1);
}
.aside1{
background:var(--primary-bg1);
color:var(--primary-font1);
border:var(--outline) var(--primary-bg1);
}
.slinks details{
border-radius:0px 0px var(--bottom-radius) var(--bottom-radius);
/**/
border:transparent;
}
{/block:ifshowblogavatar}
{block:ifshowblogheaderimage}
.side-header{
width:177px;
background-size: cover;
}
.side-header img{
border-radius:var(--radius) var(--radius) 0px 0px;
}
.pfp{
margin:-3rem auto 0px;
}
.aside1{
background:var(--primary-bg1);
color:var(--primary-font1);
border:var(--outline) var(--primary-bg1);
}
.slinks details{
border-radius:0px 0px var(--bottom-radius) var(--bottom-radius);
/**/
border:transparent;
}
.header-color{
visibility:hidden;
}
{/block:ifshowblogheaderimage}
{block:ifshowblogheadercolor}
.header-color{
background:var(--header-color);
width:177px;
border-radius:var(--radius) var(--radius) 0px 0px;
height:70px;
}
.pfp{
margin:-3rem auto 0px;
}
.aside1{
background:var(--primary-bg1);
color:var(--primary-font1);
border:var(--outline) var(--primary-bg1);
}
.slinks details{
border-radius:0px 0px var(--bottom-radius) var(--bottom-radius);
/**/
border:transparent;
}
.side-header{
visibility:hidden;
}
{/block:ifshowblogheadercolor}
/*search*/
{block:ifshowsearchform}
#search-form input {
padding:2px;
width:80%;
border-radius:var(--radius) var(--radius) var(--bottom-radius) var(--bottom-radius);
text-transform: capitalize;
/**/
border:var(--outline) var(--outline-color);
}
::placeholder {
color:var(--primary-font1);
}
#search-form input{
outline: none;
}
.aside1{
background:var(--primary-bg1);
color:var(--primary-font1);
border:var(--outline) var(--primary-bg1);
}
.slinks details{
border-radius:0px 0px var(--bottom-radius) var(--bottom-radius);
/**/
border:transparent;
}
{/block:ifshowsearchform}
/*pagination*/
{block:ifpaginationinsidebar}
.aside1{
background:var(--primary-bg1);
color:var(--primary-font1);
border:var(--outline) var(--primary-bg1);
}
.slinks details{
border-radius:0px 0px var(--bottom-radius) var(--bottom-radius);
/**/
border:transparent;
}
.pagi a, .pagi a:visited{
text-decoration:none!important;
/**/
color:var(--primary-font1);
}
.pagi a:hover, .pagi a:visited:hover{
text-decoration:var(--linkhov-decor)!important;
text-decoration-style:var(--linkhov-decor-style)!important;
/**/
color:var(--primary-font2);
}
.pagi{
text-align: center;
clear:both;
display: block;
padding-bottom:.5rem;
position: relative;
}
{/block:ifpaginationinsidebar}
/*link-list*/
.link-list{
text-align: center;
clear:both;
display: block;
padding:.5rem;
position: relative;
}
.link-list li{
padding:2px;
list-style-type:none;
}
.link-list li a,.link-list li a:visited{
color:var(--primary-font2);
}
.link-list li a:hover,.link-list li a:visited:hover{
color:var(--secondary-font3)!important;
}
.list-box{
overflow:auto;
height:100px;
}
/*pagination in side area*/
.aside2{
visibility:hidden;
}
2024-01-07 21:35:42 +00:00
.pagi2{
visibility:hidden;
}
2023-12-21 08:55:25 +00:00
{block:ifpaginationinsidearea}
.aside2{
width:180px;
text-align:center;
border-radius:var(--radius) var(--radius) var(--bottom-radius) var(--bottom-radius);
background:transparent;
padding-right:8px;
visibility:visible;
/**/
background:var(--primary-bg1);
color:var(--primary-font1);
border:var(--outline) var(--primary-bg1);
}
2024-01-07 21:35:42 +00:00
.pagi2{
visibility:visible;
}
2023-12-21 08:55:25 +00:00
.pagi2 a, .pagi2 a:visited{
text-decoration:none!important;
/**/
color:var(--primary-font1);
}
.pagi2 a:hover, .pagi2 a:visited:hover{
text-decoration:var(--linkhov-decor)!important;
text-decoration-style:var(--linkhov-decor-style)!important;
/**/
color:var(--primary-font2);
}
.pagi2{
text-align: center;
clear:both;
display: block;
padding-bottom:.5rem;
position: relative;
}
.pagi,.bottom-box{
visibility:hidden;
}
{/block:ifpaginationinsidearea}
/*PERMALINK*/
.taggy{
text-align:left;
line-height:24px;
font-size:{select:tag font size};
padding:2px;
}
.taggy a,.taggy a:visited{
text-decoration:none!important;
/**/
color:var(--primary-font2);
}
.taggy a:hover,.taggy a:visited:hover{
text-decoration:var(--linkhov-decor)!important;
text-decoration-style:var(--linkhov-decor-style)!important;
/**/
color:var(--secondary-font3);
}
2023-12-21 20:30:44 +00:00
{block:iftagsabovepermalink}
.taggy{
visibility:hidden;
margin-top:-100%;
}
2023-12-21 20:53:26 +00:00
.taggy2{
text-align:left;
line-height:24px;
font-size:{select:tag font size};
padding:2px;
}
.taggy2 a,.taggy2 a:visited{
text-decoration:none!important;
/**/
color:var(--primary-font1);
}
.taggy2 a:hover,.taggy2 a:visited:hover{
text-decoration:var(--linkhov-decor)!important;
text-decoration-style:var(--linkhov-decor-style)!important;
/**/
color:var(--secondary-font3);
}
2023-12-21 20:30:44 +00:00
{/block:iftagsabovepermalink}
2023-12-21 08:55:25 +00:00
{block:ifhidetagsoutsideofpermalink}
.taggy{
visibility:hidden;
margin-top:-100%;
}
2023-12-21 20:30:44 +00:00
.taggy2{
visibility:hidden;
margin-top:-10%;
}
2023-12-21 08:55:25 +00:00
{block:PermalinkPage}
.taggy{
visibility:visible;
margin-top:0px;
}
2023-12-21 20:30:44 +00:00
.taggy2{
visibility:visible;
margin-top:0px;
}
2023-12-21 08:55:25 +00:00
{/block:PermalinkPage}
{/block:ifhidetagsoutsideofpermalink}
.perma-zone{
display: flex;
justify-content: space-between;
padding:5px;
margin-bottom: -15px;
width:107%;
margin-left:-15px;
font-size:{select:permalink font size};
/**/
background:var(--primary-bg2);
color:var(--primary-font2);
backdrop-filter: blur(1px) saturate(182%);
-webkit-backdrop-filter: blur(1px) saturate(182%);
}
.perma-area,.reblog-area{
display: block;
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
align-self: auto;
order: 0;
}
.perma-area a,.perma-area a:visited{
text-decoration:none!important;
/**/
color:var(--primary-font2);
}
.perma-area a:hover,.perma-area a:visited:hover{
text-decoration:var(--linkhov-decor)!important;
text-decoration-style:var(--linkhov-decor-style)!important;
/**/
color:var(--secondary-font3);
}
/*reblog grid*/
.reblog-grid{
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr;
gap: 0px 1.5px;
}
/*like button*/
.like {
position: relative;
}
/* Change color */
.like svg path,.reblog svg path{
fill: var(--primary-font2);
}
/* Position like button above your custom one */
.like .like_button {
position: absolute;
top: 0;
opacity: 0;
}
/* Keep like functionality active */
.like .like_button.liked {
opacity: 1;
}
/*show/hide note count*/
.note-only{
visibility:visible;
font-style: normal!important;
}
{block:ifshowpostdate}
.note-only{
visibility:hidden;
}
.src{
font-style: normal!important;
}
.date-note{
visibility:{select:show note count with date};
}
{/block:ifshowpostdate}
/*notes*/
.notes li{
list-style-type:none;
}
.notes.notes img{
display:none;
}
li.note.like::before{
content:"❤";
}
li.note.reblog::before{
content:'↻';
}
li.note.reblog.original_post::before{
content:'✦';
}
li.note.reply::before{
content:'➼';
}
li.note.like::before,li.note.reblog::before,li.note.reblog.original_post::before,li.note.reply::before{
padding:2px;
}
li.note.like::before,li.note.reblog::before,li.note.reblog.original_post::before,li.note.reply::before,.note a,.note a:visited{
text-decoration:none!important;
/**/
color:var(--primary-font1);
}
.note a:hover,.note a:visited:hover{
text-decoration:var(--linkhov-decor)!important;
text-decoration-style:var(--linkhov-decor-style)!important;
/**/
color:var(--primary-font2);
}
/*BOTTOM PAGINATION*/
.bottom-box{
width:180px;
text-align:center;
border-radius:var(--radius) var(--radius) var(--bottom-radius) var(--bottom-radius);
background:transparent;
padding-right:8px;
left: 50%;
transform: translate(-50%, -50%);
/**/
background:var(--primary-bg1);
color:var(--primary-font1);
border:var(--outline) var(--outline-color);
}
.pagi3 a, .pagi3 a:visited{
text-decoration:none!important;
/**/
color:var(--primary-font1);
}
.pagi3 a:hover, .pagi3 a:visited:hover{
text-decoration:var(--linkhov-decor)!important;
text-decoration-style:var(--linkhov-decor-style)!important;
/**/
color:var(--primary-font2);
}
.pagi3{
text-align: center;
clear:both;
display: block;
padding-bottom:.5rem;
position: relative;
}
.side-pagi{
visibility:hidden;
}
.aside-2{
visibility:hidden;
}
/*RESPONSIVE STUFF*/
@media only screen and (max-width: 1100px){
.sideboxes{
width: 100%;
display: grid;
grid-gap:10px;
justify-content: center;
position: static;
}
article {
max-width:90%;
margin: 13rem auto;
}
main, .contained main, section {
width: 100%;
height: auto;
}
.pfp{
display: flex;
justify-content: center;
margin: 0 auto;
border-radius:100%;
padding:.2rem;
margin:1rem auto 0px;
}
}
@media only screen and (max-width:1200px){
.bub{
visibility:hidden;
}
.bub2{
width:180px;
text-align:center;
border-radius:var(--radius) var(--radius) var(--bottom-radius) var(--bottom-radius);
background:transparent;
padding-right:8px;
padding-bottom:3px;
left: 50%;
transform: translate(-50%, -50%);
/**/
background:var(--primary-bg1);
color:var(--primary-font1);
border:var(--outline) var(--outline-color);
visibility:visible!important;
}
.bub2 a,.bub2 a:visited{
text-decoration:none!important;
/**/
color:var(--primary-font1);
}
.bub2 a:hover,.bub2 a:visited:hover{
text-decoration:var(--linkhov-decor)!important;
text-decoration-style:var(--linkhov-decor-style)!important;
/**/
color:var(--primary-font2);
}
2024-05-26 22:56:42 +01:00
.bottom-box{
visibility:visible;
}
.pagi,.pagi2,.aside2{
visibility:hidden;
}
2023-12-21 08:55:25 +00:00
}
.bub{
bottom:5px;
left:5px;
position:fixed;
z-index:1;
font-weight:bold;
text-decoration:none!important;
text-align: center;
clear:both;
display: block;
padding-top:5px;
padding-bottom:3px;
padding-right:5px;
padding-left:5px;
border-radius:50%;
min-width:30px;
min-height:30px;
font-size:clamp(.92rem, 16px, 20px);
/**/
background:var(--primary-bg1);
border:var(--outline) var(--outline-color);
color:var(--primary-font1)!important;
}
.bub:hover,.bub:visited:hover{
text-decoration:var(--linkhov-decor)!important;
text-decoration-style:var(--linkhov-decor-style)!important;
/**/
color:var(--primary-font2);
}
.bub2{
visibility:hidden;
}
{CustomCSS}
</style></head>
<body class="default">
<main><section>
<!----/*SIDEBOXES*/---->
<div class="sideboxes">
<!---main sidebox--->
<div class="aside1">
<!---header-color--->
{block:ifshowblogheadercolor}
<div class="header-color">
</div>
{/block:ifshowblogheadercolor}
<!---header-image--->
{block:ifshowblogheaderimage}
<div class="side-header">
<img src="{HeaderImage}">
</div>
{/block:ifshowblogheaderimage}
<!---pfp--->
{block:ifshowblogavatar}
<br>
<img src="{PortraitURL-48}" class="pfp">
{/block:ifshowblogavatar}
<!---blog title--->
{block:ifshowblogtitle}
{block:ShowTitle}
<div class="side-title">{Title}</div>
{/block:ShowTitle}
{/block:ifshowblogtitle}
<!---search--->
{block:ifshowsearchform}
<p><form action="/search" method="get" id="search-form">
<input type="text" name="q" class="query" value="" placeholder="{lang:Search}">
</form>
{/block:ifshowsearchform}
<!---pagination--->
{block:ifpaginationinsidebar}
{block:Pagination}
<div class="pagi">
<p><p>
{block:PreviousPage}<a href="{PreviousPage}" title="{lang:Previous page}"class="arrow"/><</a>{/block:PreviousPage} Page {CurrentPage} / {TotalPages} {block:NextPage}<a href="{NextPage}" title="{lang:Next page}"class="arrow"/>></a>{/block:NextPage}
</div>
{/block:Pagination}
<!---permalink-->
2024-01-07 21:35:42 +00:00
{block:PermalinkPagination}
<div class="pagi">
<p><p>
{block:PreviousPost}<a href="{PreviousPost}" title="{lang:Previous post}"/><</a>{/block:PreviousPost} {lang:Next post} {block:NextPost}<a href="{NextPost}"title="{lang:Next post}">></a>{/block:NextPost}
</div>
{/block:PermalinkPagination}
2023-12-21 08:55:25 +00:00
{/block:ifpaginationinsidebar}
<!---links--->
<div class="slinks">
<details {select:keep link menu open}>
<summary>{text:link menu title}</summary>
<!---link-list--->
<div class="list-box">
<ul class="link-list">
{block:ifshowrefreshlink}<li><a href="{text:refresh link url}"/>{block:English}{text:refresh link title}{/block:English}{block:NotEnglish}{lang:Home}{/block:NotEnglish}</a></li>{/block:ifshowrefreshlink}
{block:AskEnabled}<li><a href="{text:ask link url}"/>{text:ask link title}</a></li>{/block:AskEnabled}
{block:SubmissionsEnabled}<li><a href="{text:submit link url}"/>{text:submit link title}</a></li>{/block:SubmissionsEnabled}
{block:ifshowhistorylink}<li><a href="/archive"/>{text:history link title}</a></li>{/block:ifshowhistorylink}
{text:custom links}
</ul>
</div>
<!---link-list end--->
</details>
</div>
<!---links end--->
</div>
<!---main sidebox end--->
<!---pagination sidebox--->
2024-01-07 21:35:42 +00:00
2023-12-21 08:55:25 +00:00
{block:Pagination}
2023-12-21 20:30:44 +00:00
<div class="aside2">
2023-12-21 08:55:25 +00:00
<div class="pagi2">
<p><p>
{block:PreviousPage}<a href="{PreviousPage}" title="{lang:Previous page}"class="arrow"/><</a>{/block:PreviousPage} Page {CurrentPage} / {TotalPages} {block:NextPage}<a href="{NextPage}" title="{lang:Next page}"class="arrow"/>></a>{/block:NextPage}
</div>
2024-01-07 21:35:42 +00:00
</div>
2023-12-21 08:55:25 +00:00
{/block:Pagination}
2024-01-07 21:35:42 +00:00
2023-12-21 08:55:25 +00:00
<!---permalink-->
{block:PermalinkPagination}
2024-01-07 21:35:42 +00:00
<div class="aside2">
2023-12-21 08:55:25 +00:00
<div class="pagi2">
<p><p>
{block:PreviousPost}<a href="{PreviousPost}" title="{lang:Previous post}"/><</a>{/block:PreviousPost} {lang:Next post} {block:NextPost}<a href="{NextPost}"title="{lang:Next post}">></a>{/block:NextPost}
</div>
2024-01-07 21:35:42 +00:00
</div>
2023-12-21 08:55:25 +00:00
{/block:PermalinkPagination}
<!---permalink end-->
<!---pagination sidebox end--->
</div>
{block:Posts}<article id="post-{PostID}">
<!----/*POST TYPES*/---->
<!---/*audio*/-->
{block:Audio}
{block:AudioEmbed}
<div class="audioplayer">{AudioEmbed}</div>
{/block:AudioEmbed}
{/block:Audio}
<!---/*photosets*/--->
{block:Photoset}
<div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>
{/block:Photoset}
<!---/*links*/-->
<!-- post link style by todorokiscute -->
{block:Link}
<div class="post-link">
<a href="{URL}" class="link" {Target}>
<div class="link-url">
{block:Host}{Host}{/block:Host}
</div>
{block:Thumbnail}
<div class="thumbnail">
<img src="{Thumbnail}"/>
</div>
{/block:Thumbnail}
<div class="link-title">
{Name}
</div>
<div class="link-desc">
{block:Excerpt}
{Excerpt}
{/block:Excerpt}
</div>
</a>
</div>
{/block:Link}
<!---/*ask*/--->
{block:Answer}
<!---/*question*/--->
<div class="ask">
<img class="asker-avatar" src="{AskerPortraitURL-64}" alt="">
<div class="question">
<b>{Asker}:</b>
{Question}
</div>
</div>
<!---/*question end*/--->
{block:Answerer}
<p><i class="moon-id"></i> - {Answerer}:
<p>{Answer}
{/block:Answerer}
{block:NotReblog}
{Replies}
{/block:NotReblog}
{/block:Answer}
<!---/*photo*/-->
{block:Photo}
<img src="{PhotoURL-HighRes}" alt="{photoalt}" class="photos">
{/block:Photo}
<!---/*video*/-->
{block:Video}
<div class="video">{Video-500}</div>
{/block:Video}
<!---/*quotes*/-->
{block:Quote}
<div class="quote">{Quote}</div>
<p>-{Source}
{/block:Quote}
<!---/*text*/-->
{block:Text}
{block:Title}
<h2 class="title">{Title}</h2>
{/block:Title}
{/block:Text}
<!---/*panorama*/-->
{block:Panorama}
<img src="{photourl-panorama}" alt="{photoalt}">
{/block:Panorama}
<!---/*chat*/-->
{block:Chat}
<ul class="chat">
{block:Lines}
<li>
{block:Label}
{Label}
{/block:Label}
{Line}</li>
{/block:Lines}
</ul>
{/block:Chat}
<!---/*CAPTIONS*/--->
<!---/*links*/-->
{block:Link}
{block:Description}
<div class="link-description">
{block:NotReblog}
{Description}
{/block:NotReblog}
{block:RebloggedFrom}
{block:Reblogs}
<div class="comment_container"><div class="commenter">
{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}<i class="moon-id"></i> {Username}{block:HasPermalink}</a>{/block:HasPermalink}</span>
</div>
<div class="comment">
{Body}
</div></div>
{/block:Reblogs}{/block:RebloggedFrom}
</div>
{/block:Description}
{/block:Link}
<!---/*photo*/-->
{block:Photo}
<div class="caption">
{block:NotReblog}
{Caption}
{/block:NotReblog}
{block:RebloggedFrom}
{block:Reblogs}
<div class="comment_container"><div class="commenter">
<span>{block:HasPermalink}
<a href="{Permalink}">{/block:HasPermalink}<i class="moon-id"></i> {Username}{block:HasPermalink}</a>
{/block:HasPermalink}</span>
</div>
<div class="comment">
{Body}
</div></div>
{/block:Reblogs}{/block:RebloggedFrom}
</div>
{/block:Photo}
<!---/*photoset*/-->
{block:Photoset}
<div class="caption">
{block:NotReblog}
{Caption}
{/block:NotReblog}
{block:RebloggedFrom}
{block:Reblogs}
<div class="comment_container"><div class="commenter">
<span>{block:HasPermalink}
<a href="{Permalink}">{/block:HasPermalink}<i class="moon-id"></i> {Username}{block:HasPermalink}</a>
{/block:HasPermalink}</span>
</div>
<div class="comment">
{Body}
</div></div>
{/block:Reblogs}{/block:RebloggedFrom}
</div>
{/block:Photoset}
<!---/*ask*/--->
{block:Answer}
{block:Reblogs}
{block:HasPermalink}
<a href="{Permalink}">{/block:HasPermalink}<i class="moon-id"></i> {Username}{block:HasPermalink}</a> {/block:HasPermalink}
<div class="caption">
{Body}
</div>
{/block:Reblogs}
{/block:Answer}
{block:Audio}
<div class="caption">
{block:NotReblog}
{Caption}
{/block:NotReblog}
{block:RebloggedFrom}
{block:Reblogs}
<div class="comment_container"><div class="commenter">
<span>{block:HasPermalink}
<a href="{Permalink}">{/block:HasPermalink}<i class="moon-id"></i> {Username}{block:HasPermalink}</a>
{/block:HasPermalink}</span>
</div>
<div class="comment">
{Body}
</div></div>
{/block:Reblogs}{/block:RebloggedFrom}
</div>
{/block:Audio}
<!---/*video*/-->
{block:Video}
<div class="caption">
{block:NotReblog}
{Caption}
{/block:NotReblog}
{block:RebloggedFrom}
{block:Reblogs}
<div class="comment_container"><div class="commenter">
<span>{block:HasPermalink}
<a href="{Permalink}">{/block:HasPermalink}<i class="moon-id"></i> {Username}{block:HasPermalink}</a>
{/block:HasPermalink}</span>
</div>
<div class="comment">
{Body}
</div></div>
{/block:Reblogs}{/block:RebloggedFrom}
</div>
{/block:Video}
<!---/*text*/-->
{block:Text}
<div class="body">
{block:NotReblog}{Body}{/block:NotReblog}
{block:RebloggedFrom}
{block:Reblogs}
<div class="comment_container">
<div class="commenter">
<span>
{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}<i class="moon-id"></i> {Username}{block:HasPermalink}</a>{/block:HasPermalink}
</span>
</div>
<div class="comment">{Body}</div>
</div>
{/block:Reblogs}
{/block:RebloggedFrom}
</div>
{/block:Text}
<!---/*panorama*/-->
{block:Panorama}
<div class="caption">
{block:NotReblog}
{Caption}
{/block:NotReblog}
{block:RebloggedFrom}
{block:Reblogs}
<div class="comment_container"><div class="commenter">
<span>{block:HasPermalink}
<a href="{Permalink}">{/block:HasPermalink}<i class="moon-id"></i> {Username}{block:HasPermalink}</a>
{/block:HasPermalink}</span>
</div>
<div class="comment">
{Body}
</div></div>
{/block:Reblogs}{/block:RebloggedFrom}
</div>
{/block:Panorama}
<!---/*CAPTIONS end*/--->
<!---/*PERMALINK*/--->
2023-12-21 20:30:44 +00:00
{block:iftagsabovepermalink}
{block:HasTags}
<div class="taggy2"><br><i class="moon-bookmark"></i> {block:Tags}<a href="{TagURL}" class="tags">#{Tag}</a> {/block:Tags}</div>
{/block:HasTags}
{/block:iftagsabovepermalink}
2023-12-21 08:55:25 +00:00
<!---permalink zone--->
<p>{block:Date}<footer class="perma-zone">
<div class="perma-area">
{block:PinnedPostLabel}<i class="moon-pin"></i>{/block:PinnedPostLabel} <i class="moon-{select:permalink icon}"></i><!---date--->{block:ifshowpostdate}{block:Date} <a href="{permalink}"/>{ShortMonth}. {DayOfMonth}, {Year}</a>{/block:Date}{block:RebloggedFrom}<i class="src"> (</i><a href="{ReblogParentURL}"title="{ReblogParentName}"class="src"/>via</a><i class="src"> | </i><a href="{ReblogRootURL}"title="{ReblogRootName}"class="src"/>source</a><i class="src">)</i>{/block:RebloggedFrom}{block:NoteCount}<i class="date-note"> -</i><a href="{permalink}"class="date-note"/> {NoteCountWithLabel}</a>{/block:NoteCount}{/block:ifshowpostdate}<!---date-end--><!---note count only--->{block:NoteCount}<a href="{permalink}"class="note-only"/> {NoteCountWithLabel}</a>{block:RebloggedFrom}<i class="note-only"> (</i><a href="{ReblogParentURL}"title="{ReblogParentName}"class="note-only"/>via</a><i class="note-only"> | </i><a href="{ReblogRootURL}"title="{ReblogRootName}"class="note-only"/>source</a><i class="note-only">)</i>{/block:RebloggedFrom}{/block:NoteCount}<!---note count only end--->
{block:HasTags}
<div class="taggy"><i class="moon-bookmark"></i> {block:Tags}<a href="{TagURL}" class="tags">#{Tag}</a> {/block:Tags}</div>
{/block:HasTags}
<!---->
</div>
<div class="reblog-area"><!--/*like n reblog*/-->
<div class="reblog-grid"><!--/*reblog grid*/-->
<div class="reblog">{ReblogButton size="19"}</div>
<div class="like"><svg width="19" height="19" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"> <path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path>
</svg>{LikeButton size="19"}</div><!---/*like button*/-->
</div><!--/*reblog grid end*/-->
</div><!--/*like n reblog end*/-->
</footer>{/block:Date}
<!---/*post notes*/--->
{block:PermalinkPage}
<br>{block:PostNotes}<div class="notes">{PostNotes-64}</div>{/block:PostNotes}
{/block:PermalinkPage}
<!---/*PERMALINK end*/--->
</article>{/block:Posts}</section></main>
<!---/*BOTTOM PAGINATION*/--->
<div class="bottom-box">
{block:Pagination}
<div class="pagi3">
<p><p>
{block:PreviousPage}<a href="{PreviousPage}" title="{lang:Previous page}"class="arrow"/><</a>{/block:PreviousPage} Page {CurrentPage} / {TotalPages} {block:NextPage}<a href="{NextPage}" title="{lang:Next page}"class="arrow"/>></a>{/block:NextPage}
</div>
{/block:Pagination}
<!---permalink-->
{block:PermalinkPagination}
<div class="pagi3">
<p><p>
{block:PreviousPost}<a href="{PreviousPost}" title="{lang:Previous post}"/><</a>{/block:PreviousPost} {lang:Next post} {block:NextPost}<a href="{NextPost}"title="{lang:Next post}">></a>{/block:NextPost}
</div>
{/block:PermalinkPagination}
<!---permalink end-->
</div>
<!---/*BOTTOM PAGINATION end*/--->
<a href="https://springbloggy.tumblr.com/"title="theme by springy"class="bub"><i class="moon-{select:permalink icon}"></i></a>
<img class="lilguy" src="{image:floating image}"/>
<div class="bub2"><a href="https://springbloggy.tumblr.com/">theme by springy</a></div>
<!---MORE SCRIPTS--->
<script>
/*remove redirects*/
function noHrefLi(){
var linkSet = document.querySelectorAll('a[href*="href.li/?"]');
Array.prototype.forEach.call(linkSet,function(el,i){
var theLink = linkSet[i].getAttribute('href').split("href.li/?")[1];
linkSet[i].setAttribute("href",theLink);
});
}
noHrefLi();
/*fix empty images-*/
var imgs = document.querySelectorAll("img");
Array.prototype.forEach.call(imgs, function(invis){
if(invis.src.indexOf("assets.tumblr.com/images/x.gif") > -1){
invis.setAttribute("src","https://cdn.glitch.com/bdf00c8f-434a-46d9-a514-ec8332ec176a/1x1.png");
}
});
2024-01-07 21:35:42 +00:00
</script>
<script>
2023-12-21 08:55:25 +00:00
var image = document.querySelectorAll(".asker-avatar");
2024-01-07 21:35:42 +00:00
var newImage = "{image:anon}";
2023-12-21 08:55:25 +00:00
image.forEach(el =>{
2024-01-07 21:35:42 +00:00
if(el.src === "https://assets.tumblr.com/images/anonymous_avatar_64.gif"){
2023-12-21 08:55:25 +00:00
el.src = newImage; //DON’
}});
</script>
2024-01-07 21:35:42 +00:00
2023-12-21 08:55:25 +00:00
<!---no autoplay--->
<script type="text/javascript">
document.querySelectorAll('video').forEach((v) => {v.autoplay = false; v.pause();});
</script>
<!---tooltips--->
<!-- Development -->
<script src="https://unpkg.com/@popperjs/core@2/dist/umd/popper.min.js"></script>
<script src="https://unpkg.com/tippy.js@6/dist/tippy-bundle.umd.js"></script>
<!-- Production -->
<script src="https://unpkg.com/@popperjs/core@2"></script>
<script src="https://unpkg.com/tippy.js@6"></script>
<link rel="stylesheet" href="https://unpkg.com/tippy.js@6/dist/border.css">
<script>
tippy('a[title]', {
theme: 'tomato',
zIndex: 9999999999,
arrow:{select:tooltip arrow},
followCursor: true,
placement: 'top',
content(reference) {
const title = reference.getAttribute('title');
reference.removeAttribute('title');
return title;
},
});
</script>
<!---MORE SCRIPTS end--->
</body></html>
