2220 lines
66 KiB
Plaintext
2220 lines
66 KiB
Plaintext
<!---/*Gull Theme by Springy (springbloggy.tumblr.com)
|
||
Current version: 2023.01.07
|
||
*/--->
|
||
<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 */
|
||
}
|
||
|
||
.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) */
|
||
}
|
||
</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--->
|
||
<meta name="image:anon" content=https://assets.tumblr.com/images/anonymous_avatar_64.gif""/>
|
||
|
||
|
||
<!--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)"/>
|
||
<!---tags above permalink--->
|
||
<meta name="if:➽───────❥" content=""/>
|
||
<meta name="if:tags above permalink" content=""/>
|
||
<!---hide tags--->
|
||
<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;
|
||
}
|
||
|
||
/*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;
|
||
}
|
||
|
||
/*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;
|
||
}
|
||
.pagi2{
|
||
visibility:hidden;
|
||
}
|
||
{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);
|
||
}
|
||
|
||
.pagi2{
|
||
visibility:visible;
|
||
}
|
||
|
||
.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);
|
||
}
|
||
|
||
{block:iftagsabovepermalink}
|
||
.taggy{
|
||
visibility:hidden;
|
||
margin-top:-100%;
|
||
}
|
||
|
||
.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);
|
||
}
|
||
{/block:iftagsabovepermalink}
|
||
|
||
{block:ifhidetagsoutsideofpermalink}
|
||
.taggy{
|
||
visibility:hidden;
|
||
margin-top:-100%;
|
||
}
|
||
.taggy2{
|
||
visibility:hidden;
|
||
margin-top:-10%;
|
||
}
|
||
{block:PermalinkPage}
|
||
.taggy{
|
||
visibility:visible;
|
||
margin-top:0px;
|
||
}
|
||
.taggy2{
|
||
visibility:visible;
|
||
margin-top:0px;
|
||
}
|
||
{/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);
|
||
}
|
||
}
|
||
|
||
.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-->
|
||
{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}
|
||
|
||
{/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--->
|
||
|
||
{block:Pagination}
|
||
<div class="aside2">
|
||
<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>
|
||
</div>
|
||
{/block:Pagination}
|
||
|
||
<!---permalink-->
|
||
{block:PermalinkPagination}
|
||
<div class="aside2">
|
||
<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>
|
||
</div>
|
||
{/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*/--->
|
||
{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}
|
||
<!---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");
|
||
}
|
||
});
|
||
</script>
|
||
|
||
|
||
<script>
|
||
var image = document.querySelectorAll(".asker-avatar");
|
||
var newImage = "{image:anon}";
|
||
image.forEach(el =>{
|
||
if(el.src === "https://assets.tumblr.com/images/anonymous_avatar_64.gif"){
|
||
el.src = newImage; //DON’T CHANGE ANYTHING ON THIS LINE!!!
|
||
}});
|
||
</script>
|
||
|
||
|
||
|
||
<!---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>
|
||
|