2022-07-22 04:05:01 +01:00
<!----------------------------------------------------
Theme [13]: Parfait
Made by glenthemes
Initial release: 2015/11/??
Remake [v1] date: 2020/03/23
Remake [v2] date: 2022/05/10
2023-08-19 04:51:52 +01:00
Last updated: 2023/08/18
What's new:
✱ NPF audio post support
2022-07-22 04:05:01 +01:00
HOW TO USE:
https://docs.google.com/presentation/d/1jv8m7GLZWYv9-xrkmFFtfaRyxmEgDkbfn1WZ9cS8hgM/edit?usp=sharing
TERMS OF USE:
1) Do not remove the theme credit.
2) Do not repost/redistribute my themes.
3) Do not take parts of the code and use it as your own.
4) Do not use my themes as a base code.
5) Do not mix my themes together.
CREDITS:
ヾ(❀•ㅅ•)ノ
----------------------------------------------------->
2023-05-08 02:14:35 +01:00
<!DOCTYPE html>
2022-07-22 04:05:01 +01:00
<html blog-name="{Name}" font="{select:font}" tumblr-controls="{select:tumblr controls color}" tc-hov="{select:hover tumblr controls}" bg-type="{select:background image type}" portrait="{PortraitURL-64}" {block:IndexPage}index-page{/block:IndexPage} {block:PermalinkPage}perma-page{/block:PermalinkPage} post-borders="{select:post borders}" cls="{select:customlinks}" thm-help="{select:theme help message}">
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
{block:Description}
<meta name="description" content="{MetaDescription}">
{/block:Description}
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<!-------- FONTS -------->
<!-- google fonts -->
<link href="//fonts.googleapis.com/css?family=Work+Sans|Public+Sans:500|Cousine|Libre+Franklin|Open+Sans|Manrope:500|Karla|Inter|Plus+Jakarta+Sans:500|Krub:500|Sen|Sora|Quicksand:500|DM+Sans:500|Tajawal:500|Readex+Pro" rel="stylesheet">
<!-------- ICON FONTS -------->
<!-- phosphor icons -->
<link rel="stylesheet" href="//unpkg.com/phosphor-icons@1.3.2/src/css/phosphor.css">
<!-- akar icons -->
<link href="//unpkg.com/akar-icons-fonts/src/css/akar-icons.css" rel="stylesheet">
<!-- mono icons -->
<link href="//unpkg.com/mono-icons@latest/iconfont/icons.css" rel="stylesheet">
<!-- lucide icons -->
<script src="//unpkg.com/lucide@latest/dist/umd/lucide.js"></script>
<!-------- JQUERY -------->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<!-------- PRELOAD -------->
<link rel="preload" href="//glen-assets.github.io/fonts/GoogleSans-Regular.ttf" as="font" type="font/ttf" crossorigin>
<!-------- THEME SCRIPTS -------->
<link rel="stylesheet" media="screen" href="//assets.tumblr.com/client/prod/standalone/blog-network-npf/index.build.css">
<script src="//npf-images-v3.github.io/script.js"></script>
<link rel="stylesheet" href="//npf-images-v3.github.io/recon.css">
<script src="//rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
<link href="//static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
{block:ifsongfilemp3}
<script src="//glenthemes.github.io/-music-/glenplayer07.js"></script>
{/block:ifsongfilemp3}
<!-- cssgram -->
<link href="https://static.tumblr.com/gtjt4bo/9L4raxpxh/cssgram-filters.css" rel="stylesheet">
<script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
<link href="//static.tumblr.com/gtjt4bo/kIbrbaazv/glvwj.css" rel="stylesheet">
2023-08-19 04:51:52 +01:00
<script src="//static.tumblr.com/gtjt4bo/sgMrymui0/waitforelement.js"></script>
2023-04-29 00:55:22 +01:00
<link href="//glen-themes.gitlab.io/thms/13/limonade-de-fraise.css" rel="stylesheet">
<script src="//glen-themes.gitlab.io/thms/13/hibiscus-tea.js"></script>
2023-08-19 04:51:52 +01:00
<script src="//glen-themes.gitlab.io/thms/13/more-tea.js"></script>
2022-07-22 04:05:01 +01:00
2023-04-30 01:46:23 +01:00
<!-- unblue polls -->
<!-- glenthemes.tumblr.com/post/708014819571302400 -->
<link href="//static.tumblr.com/gtjt4bo/mXBrpdj0n/unblue-polls.css" rel="stylesheet">
2023-08-19 04:51:52 +01:00
<style unblue-polls>
2023-04-30 01:46:23 +01:00
.poll-post {
--Poll-Question-Font-Size: var(--Body-Font-Size);
--Poll-Option-Background-Color: {color:posts};
--Poll-Option-Corner-Rounding: var(--Post-Corner-Roundness);
--Poll-Option-Border-Size: 1px;
--Poll-Option-Border-Color: {color:post borders inner};
--Poll-Option-Padding: 8px;
--Poll-Option-Font-Size: var(--Body-Font-Size);
--Poll-Option-Spacing: 10px;
--Poll-Option-Text-Color: {color:text};
--Poll-Option-HOVER-Border-Color: {color:special border};
--Poll-Option-HOVER-Background-Color: {color:special background};
--Poll-Option-HOVER-Text-Color: {color:special text};
--Poll-Option-HOVER-Speed: 0.4s;
}
2023-05-08 00:09:09 +01:00
.poll-see-results {
padding-bottom:0!important;
border-bottom:none!important;
font-size:calc(var(--Poll-Option-Font-Size) - 1px)!important;
text-transform:uppercase;
letter-spacing:0.5px;
}
2023-04-30 01:46:23 +01:00
</style>
2023-08-19 04:51:52 +01:00
<!-- npf audio player -->
<!-- glenthemes.tumblr.com/post/722160746171072512 -->
<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: "",
artistLabel: "",
albumLabel: ""
});
</script>
<style edit-npf-audio-player>
.npf-audio-wrapper {
--NPF-Audio-Buttons-Size: var(--Audio-Post-Buttons-Size);
--NPF-Audio-Buttons-Color: var(--Audio-Post-Buttons-Color);
--NPF-Audio-Buttons-Padding: var(--Audio-Post-Buttons-Padding);
--NPF-Audio-Buttons-Spacing: calc(var(--p) + var(--Audio-Post-Album-Right-Gap));
--NPF-Audio-Image-Size: var(--Audio-Post-Album-Size);
--NPF-Audio-Image-Spacing: 0px;
--t:calc((var(--NPF-Audio-Buttons-Padding) * 2) + var(--NPF-Audio-Buttons-Size));
--p:calc(var(--NPF-Audio-Buttons-Padding) + ((var(--NPF-Audio-Image-Size) - var(--t)) / 2));
}
.npf-audio-wrapper {
position:relative;
background:{color:special background};
z-index:0;
}
.npf-audio-background {
margin-left:var(--p);
}
.npf-audio-play, .npf-audio-pause {
position:relative;
z-index:0;
}
.npf-audio-play:after, .npf-audio-pause:after {
content:"";
position:absolute;
top:0;left:0;
margin-top:calc(0px - var(--NPF-Audio-Buttons-Padding));
margin-left:calc(0px - var(--NPF-Audio-Buttons-Padding));
width:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));
height:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));
background:var(--Audio-Post-Buttons-Background);
border-radius:100%;
z-index:-1;
}
.npf-audio-play svg { margin-left:1px; }
.npf-audio-pause svg { margin-left:0; }
figcaption.audio-caption,
figcaption.audio-caption ~ audio[controls]{
display:none;
}
.npf-audio-image {
position:absolute;
top:0;left:0;
z-index:-1;
}
.npf-audio-details {
font-size:calc(var(--Body-Font-Size) - 1px);
color:{color:special text};
}
.npf-audio-details > * + * {
margin-top:-1px;
}
</style>
2023-05-08 00:09:09 +01:00
<script src="//glen-npf.gitlab.io/other/neue.js"></script>
<link href="//glen-npf.gitlab.io/other/neue.css" rel="stylesheet">
2022-07-22 04:05:01 +01:00
<!-------- CUSTOMIZE PANEL OPTIONS -------->
{block:Hidden}
<!-- hi if you're reading this click the back arrow to edit! -->
<meta name="image:sidebar icon" content="//64.media.tumblr.com/3c028891215be5ea1b969866ae0a494a/43fd56aa2f0ea9ac-9a/s2048x3072/4ba3e9d1f95c66268213d15e3b47368712aa15bc.png">
<meta name="image:header image" content="//66.media.tumblr.com/b7b8286748cad966a5a1eda5b362695f/8472e58f7738e2b6-2e/s1280x1920/3433c50da21a39636883ebb3c867e593433325fc.png">
<meta name="image:background image" content="">
<meta name="color:background" content="#fdfdfd">
<!------ MUSIC PLAYER COLORS ------>
<meta name="color:🌸 𝐌𝐔𝐒𝐈𝐂 𝐏𝐋𝐀𝐘𝐄𝐑 🌸" content="#">
<meta name="color:musicplayer bg" content="#fcfcfc">
<meta name="color:musicplayer border" content="#eee">
<meta name="color:musicplayer progress" content="#fdd1c1">
<meta name="color:musicplayer buttons" content="#ebaf98">
<meta name="color:song name" content="#333">
<meta name="color:artist name" content="#999">
<!------ SIDEBAR COLORS ------>
<meta name="color:🌸 𝐒𝐈𝐃𝐄𝐁𝐀𝐑 🌸" content="#">
<meta name="color:sidebar title" content="#333">
<meta name="color:sidebar username" content="#999">
<meta name="color:sidebar username hover" content="#f5b09d">
<meta name="color:sidebar icon border A" content="#e0e0e0">
<meta name="color:sidebar icon border B" content="#fff">
<!------ DESC COLORS ------>
<meta name="color:🌸 𝐃𝐄𝐒𝐂𝐑𝐈𝐏𝐓𝐈𝐎𝐍 🌸" content="#">
<meta name="color:desc text" content="#555">
<meta name="color:desc bold" content="#ebaf98">
<meta name="color:desc italic" content="#a29483">
<meta name="color:desc link" content="#fc8f86">
<meta name="color:desc link underline" content="#fed4d1">
<meta name="color:desc line" content="#fdd1c1">
<!------ SEARCHBAR COLORS ------>
<meta name="color:🌸 𝐒𝐄𝐀𝐑𝐂𝐇𝐁𝐀𝐑 🌸" content="#">
<meta name="color:searchbar placeholder text" content="#999">
<meta name="color:searchbar text" content="#555">
<meta name="color:searchbar icon" content="#ebaf98">
<!------ NAVLINKS COLORS ------>
<meta name="color:🌸 𝐍𝐀𝐕𝐋𝐈𝐍𝐊𝐒 🌸" content="#">
<meta name="color:navlinks bg" content="#fdbba8">
<meta name="color:navlinks icon" content="#fff">
<meta name="color:navlinks HOVER bg" content="#fc958f">
<meta name="color:navlinks HOVER icon" content="#fff">
<!------ CUSTOMLINKS COLORS ------>
<meta name="color:🌸 𝐂𝐔𝐒𝐓𝐎𝐌 𝐋𝐈𝐍𝐊𝐒 🌸" content="#">
<meta name="color:customlinks plus" content="#f4b4a2">
<meta name="color:customlinks dot" content="#fdbba8">
<meta name="color:customlinks text" content="#666">
<!------ HEADER COLORS ------>
<meta name="color:🌸 𝐇𝐄𝐀𝐃𝐄𝐑 🌸" content="#">
<meta name="color:header bg" content="#fff">
<meta name="color:header info icons" content="#e8907f">
<meta name="color:header info label" content="#e8907f">
<meta name="color:header info text" content="#666">
<meta name="color:header info links" content="#fc8f86">
<meta name="color:header info links underline" content="#fed4d1">
<!------ POSTS COLORS ------>
<meta name="color:🌸 𝐏𝐎𝐒𝐓𝐒 🌸" content="#">
<meta name="color:post" content="#fff">
<meta name="color:post shadow" content="#000">
<meta name="color:post borders outer" content="#eee">
<meta name="color:post borders inner" content="#f2f2f2">
<meta name="color:text" content="#444">
<meta name="color:link" content="#fc8f86">
<meta name="color:link underline" content="#fed4d1">
<meta name="color:reblogger" content="#222">
<meta name="color:special background" content="#fafafa">
<meta name="color:special text" content="#222">
<meta name="color:special border" content="#e9e9e9">
<meta name="color:tags" content="#999">
<meta name="color:permalink" content="#222">
<meta name="color:post buttons" content="#444">
<meta name="color:like button liked" content="#f57a69">
<meta name="color:🌸 𝐎𝐓𝐇𝐄𝐑 / 𝐌𝐈𝐒𝐂 🌸" content="#">
<meta name="color:scrollbar" content="#888">
<meta name="color:scrollbar track" content="#eee">
<meta name="color:scrollbar background" content="#fdfdfd">
<meta name="color:text selection background" content="#f7f4f1">
<meta name="color:text selected" content="#333">
<meta name="color:tooltips bg" content="#fd9fa0">
<meta name="color:tooltips border" content="#fd9fa0">
<meta name="color:tooltips text" content="#fff">
<meta name="color:tumblr controls cog" content="#252525">
<!-------- GENERAL OPTIONS -------->
<meta name="select:🌸 𝐆𝐄𝐍𝐄𝐑𝐀𝐋 𝐎𝐏𝐓𝐈𝐎𝐍𝐒 🌸" content="">
<meta name="select:theme help message" title="show" content="show">
<meta name="select:theme help message" title="hide" content="hide">
<meta name="select:window margin" title="55px" content="55px">
<meta name="select:window margin" title="40px" content="40px">
<meta name="select:window margin" title="45px" content="45px">
<meta name="select:window margin" title="50px" content="50px">
<meta name="select:window margin" title="60px" content="60px">
<meta name="select:window margin" title="65px" content="65px">
<meta name="select:window margin" title="70px" content="70px">
<meta name="select:font" title="Plus Jakarta Sans" content="Plus Jakarta Sans">
<meta name="select:font" title="Libre Franklin" content="Libre Franklin">
<meta name="select:font" title="Open Sans" content="Open Sans">
<meta name="select:font" title="Manrope" content="Manrope">
<meta name="select:font" title="Karla" content="Karla">
<meta name="select:font" title="Google Sans" content="Google Sans">
<meta name="select:font" title="Krub" content="Krub">
<meta name="select:font" title="Sen" content="Sen">
<meta name="select:font" title="Sora" content="Sora">
<meta name="select:font" title="Quicksand" content="Quicksand">
<meta name="select:font" title="Tajawal" content="Tajawal">
<meta name="select:font size" title="12px" content="12px">
<meta name="select:font size" title="10px" content="10px">
<meta name="select:font size" title="11px" content="11px">
<meta name="select:font size" title="13px" content="13px">
<meta name="select:font size" title="14px" content="14px">
<meta name="select:font size" title="15px" content="15px">
<meta name="select:center gap" title="70px" content="70px">
<meta name="select:center gap" title="50px" content="50px">
<meta name="select:center gap" title="55px" content="55px">
<meta name="select:center gap" title="60px" content="60px">
<meta name="select:center gap" title="65px" content="65px">
<meta name="select:center gap" title="75px" content="75px">
<meta name="select:center gap" title="80px" content="80px">
<meta name="select:center gap" title="85px" content="85px">
<meta name="select:center gap" title="90px" content="90px">
<meta name="select:background image type" title="small" content="repeat">
<meta name="select:background image type" title="large" content="full">
<!-------- SIDEBAR OPTIONS -------->
<meta name="select:🌸 𝐒𝐈𝐃𝐄𝐁𝐀𝐑 🌸" content="">
<meta name="select:sidebar width" title="250px" content="250px">
<meta name="select:sidebar width" title="200px" content="200px">
<meta name="select:sidebar width" title="225px" content="225px">
<meta name="select:sidebar width" title="275px" content="275px">
<meta name="select:sidebar width" title="300px" content="300px">
<meta name="select:sidebar width" title="325px" content="325px">
<meta name="select:sidebar width" title="350px" content="350px">
<meta name="select:sidebar icon size" title="50px" content="50px">
<meta name="select:sidebar icon size" title="40px" content="40px">
<meta name="select:sidebar icon size" title="45px" content="45px">
<meta name="select:sidebar icon size" title="55px" content="55px">
<meta name="select:sidebar icon size" title="60px" content="60px">
<meta name="select:sidebar icon size" title="65px" content="65px">
<meta name="select:sidebar icon padding" title="4px" content="4px">
<meta name="select:sidebar icon padding" title="2px" content="2px">
<meta name="select:sidebar icon padding" title="6px" content="6px">
<meta name="select:sidebar icon padding" title="8px" content="8px">
<meta name="select:sidebar icon padding" title="none" content="0px">
<meta name="select:🌸 𝐃𝐄𝐒𝐂𝐑𝐈𝐏𝐓𝐈𝐎𝐍 🌸" content="">
<meta name="select:desc font size" title="11px" content="11px">
<meta name="select:desc font size" title="10px" content="10px">
<meta name="select:desc font size" title="12px" content="12px">
<meta name="select:desc font size" title="13px" content="13px">
<meta name="select:desc font size" title="14px" content="14px">
<meta name="select:desc text align" title="right" content="right">
<meta name="select:desc text align" title="justify" content="justify">
<meta name="select:desc text align" title="left" content="left">
<meta name="select:desc text align" title="center" content="center">
<meta name="select:🌸 𝐒𝐄𝐀𝐑𝐂𝐇𝐁𝐀𝐑 🌸" content="">
<meta name="select:show searchbar" title="show" content="show">
<meta name="select:show searchbar" title="hide" content="hide">
<meta name="select:searchbar icon" title="flipped" content="flipped">
<meta name="select:searchbar icon" title="normal" content="normal">
<meta name="select:🌸 𝐂𝐔𝐒𝐓𝐎𝐌 𝐋𝐈𝐍𝐊𝐒 🌸" content="">
<meta name="select:customlinks" title="toggle" content="toggle">
<meta name="select:customlinks" title="always show" content="show">
<meta name="select:customlinks per row" title="3" content="3">
<meta name="select:customlinks per row" title="1" content="1">
<meta name="select:customlinks per row" title="2" content="2">
<meta name="select:customlinks per row" title="4" content="4">
<meta name="select:customlinks column spacing" title="18px" content="18px">
<meta name="select:customlinks column spacing" title="10px" content="10px">
<meta name="select:customlinks column spacing" title="14px" content="14px">
<meta name="select:customlinks column spacing" title="22px" content="22px">
<meta name="select:customlinks column spacing" title="26px" content="26px">
<meta name="select:customlinks row spacing" title="11px" content="11px">
<meta name="select:customlinks row spacing" title="5px" content="5px">
<meta name="select:customlinks row spacing" title="8px" content="8px">
<meta name="select:customlinks row spacing" title="14px" content="14px">
<meta name="select:customlinks row spacing" title="17px" content="17px">
<!-------- HEADER OPTIONS -------->
<meta name="select:🌸 𝐇𝐄𝐀𝐃𝐄𝐑 🌸" content="">
<meta name="select:show header" title="show" content="show">
<meta name="select:show header" title="hide" content="hide">
<meta name="select:header padding" title="26px" content="26px">
<meta name="select:header padding" title="10px" content="10px">
<meta name="select:header padding" title="14px" content="14px">
<meta name="select:header padding" title="18px" content="18px">
<meta name="select:header padding" title="22px" content="22px">
<meta name="select:header padding" title="30px" content="30px">
<meta name="select:header padding" title="34px" content="34px">
<meta name="select:header padding" title="38px" content="38px">
<meta name="select:header bottom gap" title="50px" content="50px">
<meta name="select:header bottom gap" title="25px" content="25px">
<meta name="select:header bottom gap" title="30px" content="30px">
<meta name="select:header bottom gap" title="35px" content="35px">
<meta name="select:header bottom gap" title="40px" content="40px">
<meta name="select:header bottom gap" title="45px" content="45px">
<meta name="select:header bottom gap" title="55px" content="55px">
<meta name="select:header bottom gap" title="60px" content="60px">
<meta name="select:header bottom gap" title="65px" content="65px">
<meta name="select:header bottom gap" title="70px" content="70px">
<!-------- POSTS OPTIONS -------->
<meta name="select:🌸 𝐏𝐎𝐒𝐓𝐒 🌸" content="">
<meta name="select:post width" title="500px" content="500px">
<meta name="select:post width" title="400px" content="400px">
<meta name="select:post width" title="450px" content="450px">
<meta name="select:post width" title="540px" content="540px">
<meta name="select:post width" title="600px" content="600px">
<meta name="select:post padding" title="18px" content="18px">
<meta name="select:post padding" title="10px" content="10px">
<meta name="select:post padding" title="14px" content="14px">
<meta name="select:post padding" title="22px" content="22px">
<meta name="select:post padding" title="26px" content="26px">
<meta name="select:post borders" title="no" content="no">
<meta name="select:post borders" title="yes" content="yes">
<meta name="select:photoset spacing" title="4px" content="4px">
<meta name="select:photoset spacing" title="2px" content="2px">
<meta name="select:photoset spacing" title="6px" content="6px">
<meta name="select:photoset spacing" title="8px" content="8px">
<meta name="select:photoset spacing" title="10px" content="10px">
<meta name="select:grayscale images" title="off" content="off">
<meta name="select:grayscale images" title="reblogger icon only" content="rb-ico">
<meta name="select:grayscale images" title="everything in posts" content="everything">
<meta name="select:click tags" title="yes" content="yes">
<meta name="select:click tags" title="no" content="no">
<meta name="select:post spacing" title="45px" content="45px">
<meta name="select:post spacing" title="30px" content="30px">
<meta name="select:post spacing" title="25px" content="25px">
<meta name="select:post spacing" title="35px" content="35px">
<meta name="select:post spacing" title="40px" content="40px">
<meta name="select:post spacing" title="50px" content="50px">
<meta name="select:post spacing" title="55px" content="55px">
<meta name="select:post spacing" title="60px" content="60px">
<meta name="select:post spacing" title="65px" content="65px">
<meta name="select:post spacing" title="70px" content="70px">
<!-------- PERMALINK OPTIONS -------->
<meta name="select:🌸 𝐏𝐄𝐑𝐌𝐀𝐋𝐈𝐍𝐊 🌸" content="">
<meta name="select:permalink top gap" title="regular" content="regular">
<meta name="select:permalink top gap" title="small" content="small">
<meta name="select:permalink top gap" title="large" content="large">
<meta name="select:permalink icon" title="eye" content="eye-open">
<meta name="select:permalink icon" title="bookmark" content="ribbon">
<meta name="select:permalink icon" title="link" content="link-chain">
<meta name="select:permalink icon" title="paperclip" content="attach">
<meta name="select:permalink icon" title="pin" content="pin">
<meta name="select:permalink icon" title="pencil" content="pencil">
<meta name="select:permalink icon" title="plant" content="plant">
<meta name="select:permalink icon" title="radish" content="radish">
<meta name="select:permalink icon" title="leaf" content="leaf">
<meta name="select:permalink icon" title="moon & star" content="moon">
<meta name="select:permalink icon" title="star" content="star">
<meta name="select:permalink icon" title="cloud" content="cloud">
<meta name="select:permalink icon" title="diamond" content="tetragon">
<meta name="select:permalink icon" title="location pin 1" content="location">
<meta name="select:permalink icon" title="location pin 2" content="check-in">
<!--------- TUMBLR CONTROLS OPTIONS --------->
<meta name="select:🌸 𝐓𝐔𝐌𝐁𝐋𝐑 𝐂𝐎𝐍𝐓𝐑𝐎𝐋𝐒 🌸" content="">
<meta name="select:tumblr controls color" title="black" content="black">
<meta name="select:tumblr controls color" title="white" content="white">
<meta name="select:hover tumblr controls" title="hover" content="hover">
<meta name="select:hover tumblr controls" title="always show" content="show">
{/block:Hidden}
<!--------- TEXT FIELDS --------->
<meta name="text:move everything left" content="50px">
{block:Hidden}
<meta name="text:󠀠‌‌" content="🌸 𝐌𝐔𝐒𝐈𝐂 𝐏𝐋𝐀𝐘𝐄𝐑 🌸
">
{/block:Hidden}
<meta name="text:💭 ʜᴏᴡ ᴛᴏ ᴄʜᴀɴɢᴇ ᴛʜᴇ ᴍᴜsɪᴄ?" content="https://linktr.ee/direct_file_links">
<meta name="text:song name" content="Spring Garden">
<meta name="text:artist name" content="paniyolo">
2023-04-29 00:55:22 +01:00
<meta name="text:song file mp3" content="https://rhizo.gitlab.io/m/Spring_Garden.mp3">
2022-07-22 04:05:01 +01:00
<meta name="text:song volume" content="100%">
{block:Hidden}
<meta name="text:󠀠‌‌‌" content="🌸 𝐒𝐈𝐃𝐄𝐁𝐀𝐑 🌸
">
{/block:Hidden}
<meta name="text:sidebar title" content="*✧ — parfait">
<meta name="text:sidebar desc" content="your description here">
<meta name="text:searchbar placeholder text" content="search...">
{block:Hidden}
<meta name="text:󠀠‌" content="🌸 𝐇𝐄𝐀𝐃𝐄𝐑 𝐒𝐓𝐀𝐓𝐒 🌸
">
{/block:Hidden}
2023-04-29 00:55:22 +01:00
<meta name="text:💭 ʜᴏᴡ ᴛᴏ ᴇᴅɪᴛ ʜᴇᴀᴅᴇʀ ᴛᴇxᴛ?" content="https://dub.sh/parfait-guide-slide11">
2022-07-22 04:05:01 +01:00
<meta name="text:💭 ᴡʜᴀᴛ ɪᴄᴏɴs ᴄᴀɴ ɪ ᴜsᴇ?" content="https://akaricons.com/">
<meta name="text:header text column 1" content="<li>
[icon-name] person
[bold-text] A is for:
[text] apple

<li>
[icon-name] face very happy
[bold-text] C is for:
[text] cannoli">
<meta name="text:header text column 2" content="<li>
[icon-name] person
[bold-text] B is for:
[text] bingo

<li>
[icon-name] face neutral
[bold-text] D is for:
[text] ding dong">
{block:Hidden}
<meta name="text:󠀠" content="🌸 𝐏𝐎𝐒𝐓 𝐒𝐇𝐀𝐃𝐎𝐖 🌸
">
{/block:Hidden}
<meta name="text:post shadow size" content="1px">
<meta name="text:post shadow strength" content="4%">
<meta name="text:post shadow blur" content="7px">
{block:Hidden}
<meta name="text:󠀠​" content="🌸 𝐂𝐔𝐒𝐓𝐎𝐌 𝐋𝐈𝐍𝐊𝐒 🌸
">
{/block:Hidden}
<meta name="text:customlink 1 name" content="sample link">
<meta name="text:customlink 1 url" content="https://youtube.com/watch?v=ZkNMZlkrzaU">
{block:Hidden}
<meta name="text:󠀠​​" content="✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧
">
{/block:Hidden}
<meta name="text:customlink 2 name" content="">
<meta name="text:customlink 2 url" content="">
{block:Hidden}
<meta name="text:󠀠​​​" content="✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧
">
{/block:Hidden}
<meta name="text:customlink 3 name" content="">
<meta name="text:customlink 3 url" content="">
{block:Hidden}
<meta name="text:󠀠​​​​" content="✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧
">
{/block:Hidden}
<meta name="text:customlink 4 name" content="">
<meta name="text:customlink 4 url" content="">
{block:Hidden}
<meta name="text:󠀠​​​​​" content="✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧
">
{/block:Hidden}
<meta name="text:customlink 5 name" content="">
<meta name="text:customlink 5 url" content="">
{block:Hidden}
<meta name="text:󠀠​​​​​​" content="✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧
">
{/block:Hidden}
<meta name="text:customlink 6 name" content="">
<meta name="text:customlink 6 url" content="">
{block:Hidden}
<meta name="text:󠀠​​​​​​​" content="✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧
">
{/block:Hidden}
<meta name="text:customlink 7 name" content="">
<meta name="text:customlink 7 url" content="">
{block:Hidden}
<meta name="text:󠀠​​​​​​​​" content="✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧ ✧
">
{/block:Hidden}
<meta name="text:customlink 8 name" content="">
<meta name="text:customlink 8 url" content="">
<!--------------------------------------------------->
<style type="text/css">
@font-face { font-family: "google sans"; src: url("//glen-assets.github.io/fonts/GoogleSans-Regular.ttf"); }
/*-------- TUMBLR CONTROLS --------*/
iframe#tumblr_controls, .iframe-controls--desktop {
top:9px!important;
right:9px!important;
position:fixed!important;
transform:scale(0.6,0.6);
-webkit-transform:scale(0.6,0.6);
transform-origin:100% 0;
z-index:999999!important;
user-select:none;
}
[tc-hov="hover"] iframe#tumblr_controls,
[tc-hov="hover"] .iframe-controls--desktop {
top:9px!important;
right:var(--Cog-Edge-Offset)!important;
opacity:0;
transition:opacity 0.369s ease-in-out;
}
[tc-hov="hover"] iframe#tumblr_controls:hover,
[tc-hov="hover"] .iframe-controls--desktop:hover {
opacity:1;
}
[tumblr-controls="black"] iframe#tumblr_controls,
[tumblr-controls="black"] .iframe-controls--desktop {
filter:invert(100%) hue-rotate(180deg)!important;
-webkit-filter:invert(100%) hue-rotate(180deg)!important;
}
[corner-cog]{
position:fixed;
top:0;right:0;
margin-top:var(--Cog-Edge-Offset);
margin-right:var(--Cog-Edge-Offset);
}
/* chrome adjustments for the tumblr controls */
@supports(-webkit-text-security: circle){
[tc-hov="hover"] iframe#tumblr_controls,
[tc-hov="hover"] .iframe-controls--desktop {
padding-right:calc(var(--TumblrControls-Cog-Size) + (var(--Scrollbar-Padding) / 2))!important;
}
[corner-cog]{
--Cog-Bonus-Gap:3px;
margin-right:calc((var(--Cog-Edge-Offset) + var(--Cog-Bonus-Gap)) - calc(var(--Scrollbar-Padding) / 2));
}
}
/* firefox adjustments for the tumblr controls */
@-moz-document url-prefix(){
[tc-hov="hover"] iframe#tumblr_controls,
[tc-hov="hover"] .iframe-controls--desktop {
padding-right:calc(var(--TumblrControls-Cog-Size) + 14px)!important;
}
}
[tc-hov="show"] [corner-cog]{
display:none;
}
[corner-cog] [class*="ai-"]{
font-size:var(--TumblrControls-Cog-Size);
color:{color:tumblr controls cog};
}
/*------- SCROLLBAR --------*/
::-webkit-scrollbar {
width:var(--Scrollbar-Padding);
height:var(--Scrollbar-Padding);
background-color:{color:scrollbar background};
}
::-webkit-scrollbar-thumb {
background-color:{color:scrollbar};
border:calc((var(--Scrollbar-Padding) - 1px) / 2) solid {color:scrollbar background};
border-top:calc(var(--Scrollbar-Padding) / 2.69) solid {color:scrollbar background};
border-bottom:calc(var(--Scrollbar-Padding) / 2.69) solid {color:scrollbar background};
}
::-webkit-scrollbar-track {
background-color:{color:scrollbar track};
border:calc((var(--Scrollbar-Padding) - 1px) / 2) solid {color:scrollbar background};
border-top:calc(var(--Scrollbar-Padding) / 2.69) solid {color:scrollbar background};
border-bottom:calc(var(--Scrollbar-Padding) / 2.69) solid {color:scrollbar background};
}
::-webkit-scrollbar-thumb:horizontal {
border:calc((var(--Scrollbar-Padding) - 1px) / 2) solid {color:scrollbar background}!important;
}
::-webkit-scrollbar-track:horizontal {
border:calc((var(--Scrollbar-Padding) - 1px) / 2) solid {color:scrollbar background}!important;
}
::-webkit-scrollbar-corner {
background:{color:scrollbar background};
}
/*------- TOOLTIPS --------*/
#s-m-t-tooltip {
padding:6px 9px;
margin:17px;
background:var(--Tooltips-BG);
border:1px solid var(--Tooltips-Border);
border-radius:2px;
font-family:var(--SmallCaps-Font-Family);
font-size:calc(var(--SmallCaps-Font-Size) - .5px);
letter-spacing:0.5px;
text-transform:uppercase;
color:var(--Tooltips-Text);
line-height:var(--Line-Height);
z-index:99!important;
max-width:40vw;
}
#s-m-t-tooltip[style*="opacity: 0"]{
display:none!important;
}
/*---- GLOBAL FONT SETTINGS -----*/
[font]{
font-family:var(--Body-Font-Family);
font-size:var(--Body-Font-Size);
color:var(--Body-Text-Color);
}
[font="Libre Franklin"]{
font-size:calc(var(--Body-Font-Size) - .5px)!important;
letter-spacing:0.1px;
}
[font="Manrope"]{
font-size:calc(var(--Body-Font-Size) - 1px)!important;
letter-spacing:0.3px;
}
[font="Plus Jakarta Sans"]{
font-size:calc(var(--Body-Font-Size) - 0.5px)!important;
letter-spacing:0.2px;
}
[font="Google Sans"]{
letter-spacing:0.5px;
}
[font="Quicksand"]{
font-size:calc(var(--Body-Font-Size) + .5px)!important;
letter-spacing:0.2px;
}
/*------- TEXT HIGHLIGHT --------*/
::selection {
background:{color:text selection background};
color:{color:text selected};
}
::-moz-selection {
background:{color:text selection background};
color:{color:text selected};
}
img::selection {background:transparent}
img::-moz-selection {background:transparent}
/*------- BASICS --------*/
@-moz-document url-prefix(){
* {
scrollbar-width:thin; /* firefox only */
}
}
body {
margin:0;
background-color:{color:background};
background-image:url('{image:background image}');
background-attachment:fixed;
overscroll-behavior-y:none;
overflow-y:scroll!important;
}
[bg-type="repeat"] body {
background-repeat:repeat;
}
[bg-type="full"] body {
background-repeat:no-repeat;
background-size:cover;
background-position:center;
}
a {
text-decoration:none;
color:var(--Link);
}
a[title][class*="smt-current-element"]:not([href]){
cursor:help;
}
a[title=""]:not([href]){
cursor:initial;
}
p {
margin:var(--Paragraph-Margins) 0;
}
blockquote {
margin:var(--Paragraph-Margins);
margin-right:0;
padding-left:var(--Paragraph-Margins);
border-left:1px solid rgba({RGBcolor:text},0.169);
}
.posts blockquote {
margin-left:calc(var(--Reblogger-Avatar-Size) / 2);
padding-left:calc((var(--Reblogger-Avatar-Size) / 2) + var(--Reblogger-Avatar-Gap-Right));
}
b, strong {
font-weight:normal;
-webkit-text-stroke-width:.3px;
-webkit-text-stroke-color:currentColor;
}
/* headings */
h1, h2, h3, h4, h5, h6 {
margin:var(--Heading-Margins) 0;
font-family:var(--Heading-Font-Family);
font-weight:normal;
font-size:var(--Body-Font-Size);
text-transform:uppercase;
letter-spacing:.3px;
line-height:calc(var(--Line-Height) * 1.1);
}
img, iframe {
vertical-align:middle;
max-width:100%;
}
figure {
margin:0;
}
figure img {
height:auto;
}
pre, code {
white-space:pre-wrap;
font-family:cousine;
font-size:calc(var(--Body-Font-Size) - 2px);
background:{color:special background};
border:1px solid {color:special border};
color:{color:special text};
}
pre {
padding:0.8em 1em;
}
code {
padding:3px 4px;
}
hr {
display:block;
margin:var(--Heading-Margins) auto;
border-width:0px;
width:69%;
height:1px;
background:{color:post borders inner};
}
a.read_more {
padding-bottom:1.5px!important;
font-family:var(--SmallCaps-Font-Family);
font-size:calc(var(--SmallCaps-Font-Size) + 1px);
text-transform:uppercase;
letter-spacing:.7px;
}
a.read_more:before {
content:"\f82d";
display:inline-block;
margin-top:-1.5px;
font-family:phosphor;
margin-right:4px;
vertical-align:middle;
}
ul, ol {
margin:var(--Paragraph-Margins) 0;
margin-left:1.69em;
padding:0;
}
ol li {
padding-left:0.420em;
}
ul li {
position:relative;
padding-left:0.25em;
margin-left:calc((var(--Body-Font-Size) * 1.420) - 3px);
list-style:none;
}
ul li:before {
content:"";
position:absolute;
margin-top:calc(((var(--Body-Font-Size) * var(--Line-Height-INT)) / 2) - 0px);
transform:perspective(0);
left:0;margin-left:calc((var(--Body-Font-Size) * -1.420) - 3px);
width:var(--Body-Font-Size);
height:.7px;
background:rgba({RGBcolor:text},0.420);
}
small {
font-size:calc(var(--Body-Font-Size) * 0.85);
}
.flex, [flex]{
display:flex!important;
align-items:center;
}
.tmblr-attribution a {
color:{color:link}!important;
}
:root {
--Window-Margin:{select:window margin};
--Container-Shift-Amount:{text:move everything left};
/*--- MUSIC PLAYER SETTINGS ---*/
--Circle-Size:38px;
--Progress-Border-Size:2px;
--Progress-Empty:{color:musicplayer border};
--Progress-Fill:{color:musicplayer progress};
--Player-Background:{color:musicplayer bg};
--Play-Pause-Buttons-Size:9px;
--Play-Pause-Buttons-Color:{color:musicplayer buttons};
--Player-Text-Margin:13px;
--Song-Name-Font-Family:"readex pro";
--Song-Name-Font-Size:var(--SmallCaps-Font-Size);
--Song-Name-Color:{color:song name};
--Artist-Name-Font-Family:var(--Body-Font-Family);
--Artist-Name-Font-Size:calc(var(--Body-Font-Size) - 1.5px);
--Artist-Name-Color:{color:artist name};
/*--- SIDEBAR SETTINGS ---*/
--Sidebar-Title-Font-Family:"readex pro";
--Sidebar-Title-Font-Size:calc(var(--SmallCaps-Font-Size) + 1.5px);
--Sidebar-Username-Font-Family:"karla";
--Sidebar-Username-Font-Size:calc(var(--SmallCaps-Font-Size) + .5px);
--Sidebar-Text-Row-Spacing:2px;
--Sidebar-Text-Gap-Right:12px;
--Sidebar-Image-Size:{select:sidebar icon size};
--Sidebar-Image-Padding:{select:sidebar icon padding};
--Sidebar-Image-Border-Size:1px;
--Sidebar-Image-Roundness:100%;
--Sidebar-Image-Total-Size:calc(var(--Sidebar-Image-Size) + (var(--Sidebar-Image-Padding) * 2) + (var(--Sidebar-Image-Border-Size) * 2));
/*--- DESC SETTINGS ---*/
--Description-Gap-X:14px; /* space between desc and the bar */
--Description-Gap-Y:14px;
--Description-Font-Family:var(--Body-Font-Family);
--Description-Font-Size:{select:desc font size};
--Description-Line-Height:185%;
--Description-Bar-Width:3px;
--Description-Bar-Bonus-Height:5px;
/* ignore the next few incoherent lines */
--pfp-half:calc((var(--Sidebar-Image-Total-Size) / 2));
--zcodl:calc(var(--pfp-half) - (var(--Description-Bar-Width) / 2));
--eiwes:calc(var(--pfp-half) - (var(--Searchbar-Icon-Size) / 2));
--kihwh:calc(var(--pfp-half) - (var(--CustomLinks-Toggle-Button-Size) / 2));
--enxyf:calc(var(--pfp-half) - (var(--BoxLinks-Each-Total-Size) / 2));
/*--- SEARCHBAR SETTINGS ---*/
--Searchbar-Font-Family:"public sans";
--Searchbar-Font-Size:calc(var(--SmallCaps-Font-Size) - 1px);
--Searchbar-Icon-Size:calc(var(--Searchbar-Font-Size) * 1.5);
/*--- NAVLINKS SETTINGS ---*/
--BoxLinks-Top-Gap:14px;
--BoxLinks-Icons-Size:12px;
--BoxLinks-Icons-Padding:6px;
--BoxLinks-Corner-Roundness:3px;
--BoxLinks-Each-Total-Size:calc(var(--BoxLinks-Icons-Size) + (var(--BoxLinks-Icons-Padding) * 2));
--BoxLinks-Spacing:5px;
--BoxLinks-Fade-Speed:0.269s;
/*--- CUSTOMLINKS SETTINGS ---*/
/* the 'plus' icon */
--CustomLinks-Toggle-Button-Size:14px;
--CustomLinks-Toggle-Button-Padding:5px;
--CustomLinks-Toggle-Button-Spin-Amount:135deg;
--CustomLinks-Toggle-Button-Spin-Speed:420ms;
--CustomLinks-Top-Gap:20px;
--CustomLinks-Area:calc({select:sidebar width} - var(--pfp-half) + var(--CustomLinks-Spacing-X));
--CustomLinks-Each-Width:calc(var(--CustomLinks-Area) / {select:customlinks per row});
--CustomLinks-Dot-Size:5px;
--CustomLinks-Dot-Gap-Right:7px;
--CustomLinks-Font-Family:"krub";
--CustomLinks-Font-Size:var(--SmallCaps-Font-Size);
--CustomLinks-Line-Height:1.5; /* number only */
--CustomLinks-Spacing-X:{select:customlinks column spacing};
--CustomLinks-Spacing-Y:{select:customlinks row spacing};
--CustomLinks-Fade-Speed:400ms; /* ms only */
/*--- HEADER SETTINGS ---*/
--Header-Corner-Roundness:5px;
--Header-Info-Columns:2;
--Header-Info-Row-Spacing:4px;
--Header-Info-Column-Spacing:10px;
--Header-Info-Icons-Size:calc(var(--Body-Font-Size) + 2px);
--Header-Info-Icons-Gap-Right:8px;
--Header-Info-Labels-Font-Size:calc(var(--SmallCaps-Font-Size) + .5px);
--Header-Info-Labels-Gap-Right:6px;
--Header-Info-Body-Text-Font-Family:var(--Body-Font-Family);
--Header-Info-Body-Text-Font-Size:calc(var(--Body-Font-Size) - 1px);
/*--- POST SETTINGS ---*/
--Paragraph-Margins:1em;
--Heading-Margins:1em;
--Body-Font-Family:{select:font};
--Body-Font-Size:{select:font size};
--Body-Text-Color:{color:text};
--Line-Height:1.7em; /* line-height with suffix */
--Line-Height-INT:1.7; /* line-height without suffix */
--Heading-Font-Family:"readex pro";
--Heading-Font-Size:calc(var(--Body-Font-Size) - 1px);
--SmallCaps-Font-Family:"readex pro";
--SmallCaps-Font-Size:calc(var(--Body-Font-Size) - 3px);
--Post-Total-Width:calc(var(--Post-Width) + (var(--Post-Padding) * 2) + (var(--Post-Border-Size) * 2));
--Post-Width:{select:post width};
--Post-Corner-Roundness:5px;
--Post-Padding:{select:post padding};
--Post-BG:{color:post};
--Post-Shadow-Distance:8px;
--Post-Shadow-Size:{text:post shadow size};
--Post-Shadow-Blur:{text:post shadow blur};
--Post-Shadow-Strength:{text:post shadow strength};
--Post-Spacing:{select:post spacing};
/* filter name MUST be encased in brackets */
2023-04-29 00:55:22 +01:00
/* available filters: dub.sh/cssgram-filters-list */
2022-07-22 04:05:01 +01:00
/* for no filter, remove the word in the quotes */
--Reblogger-Avatar-Filter:"lark";
--Reblogger-Avatar-Size:25px;
--Reblogger-Avatar-Gap-Right:8px;
--Reblogger-Username-Color:{color:reblogger};
--Reblogger-Avatar-Bottom-Gap:12px;
--Reblogs-Spacing:15px;
--Reblogs-Border:{color:post borders inner};
--Captions-Gap:15px;
--NPF-Caption-Spacing:var(--Captions-Gap);
--Photoset-Spacing:{select:photoset spacing};
--NPF-Image-Spacing:var(--Photoset-Spacing);
--Grayscale-Settings:grayscale(100%) contrast(105%) brightness(102%);
--Grayscale-Transition-Speed:0.269s;
--AskerPortrait-Size:40px;
--AskerPortrait-Padding:4px;
--Audio-Post-Album-Size:64px;
--Audio-Post-Album-Right-Gap:13px;
--Audio-Post-Buttons-Size:11px;
--Audio-Post-Buttons-Color:{color:navlinks icon};
--Audio-Post-Buttons-Padding:11px;
--Audio-Post-Buttons-Background:{color:navlinks bg};
2023-08-19 04:51:52 +01:00
--Audio-Post-Download-Color:{color:special text};
2022-07-22 04:05:01 +01:00
--Link:{color:link};
--Post-Borders-Inner:{color:post borders inner};
--Quote-Font-Family:var(--Heading-Font-Family);
--Quote-Font-Size:calc(var(--Body-Font-Size) - 1px);
/*--- TAGS SETTINGS ---*/
--Tags-Font-Family:"public sans";
--Tags-Font-Size:calc(var(--SmallCaps-Font-Size) - .5px);
--Tags-Fade-Speed:350ms; /* ms only */
--Tags-Spacing:4px;
/*--- PERMALINK SETTINGS ---*/
--Permalink-Padding:calc(var(--Post-Padding) + 2px);
--Permalink-Icon-Size:calc(var(--SmallCaps-Font-Size) * 1.4);
--Permalink-Icon-Gap:5px;
--Permalink-Font-Family:"dm sans";
--Permalink-Font-Size:calc(var(--SmallCaps-Font-Size) - 0px);
/*--- POST BUTTONS SETTINGS ---*/
--Post-Buttons-Size:var(--Body-Font-Size);
--Post-Buttons-Color:{color:post buttons};
--Like-Button-Liked:{color:like button liked};
--Post-Buttons-Spacing:4px;
/*--- POST NOTES SETTINGS ---*/
--Notes-Indicator-Size:14px;
--Notes-Indicator-Gap-Right:7px;
--Notes-Row-Spacing:7px;
/*--- MISC ---*/
--Center-Gap:{select:center gap};
--Pagination-Color:{color:text};
--TumblrControls-Color:{select:tumblr controls color};
--TumblrControls-Cog-Size:14px;
--TumblrControls-Cog-Color:{color:tumblr controls cog};
--Cog-Edge-Offset:15px;
--Scrollbar-Padding:13px;
--Tooltips-BG:{color:tooltips bg};
--Tooltips-Border:{color:tooltips border};
--Tooltips-Text:{color:tooltips text};
} /* end root */
[post-borders="yes"]:root {
--Post-Border-Size:1px;
}
[post-borders="no"]:root {
--Post-Border-Size:0px;
}
/*---- MAIN CONTAINER ----*/
.ubilu {
position:absolute;
margin:0 auto;
top:0;left:0;right:0;
text-align:center;
}
.jfqqj {
display:flex;
justify-content:center;
height:100%;
text-align:initial;
margin-left:calc(0px - var(--Container-Shift-Amount));
}
.vhmqu {
position:sticky;
top:0;
width:{select:sidebar width};
height:0;
margin-right:var(--Center-Gap);
flex-shrink:0;
}
.abtpk {
position:relative;
width:100%;
height:100vh;
display:table;
}
.uaizx {
display:table-cell;
vertical-align:middle;
}
.envzk {
margin:var(--CustomLinks-Top-Gap) 0;
}
[czmym]{
display:flex;
justify-content:flex-end;
}
/*--- SIDEBAR ICON TEXT ---*/
[jbwru]{
display:flex;
flex-direction:column;
justify-content:center;
line-height:150%;
text-align:right;
padding-right:var(--Sidebar-Text-Gap-Right);
margin-right:calc(0px - var(--Sidebar-Text-Gap-Right));
}
[avi-tit]{
font-family:var(--Sidebar-Title-Font-Family);
font-size:var(--Sidebar-Title-Font-Size);
letter-spacing:0.5px;
text-transform:uppercase;
color:{color:sidebar title};
}
[avi-tit] + [avi-username]{
margin-top:var(--Sidebar-Text-Row-Spacing);
}
[avi-username]{
font-family:var(--Sidebar-Username-Font-Family);
font-size:var(--Sidebar-Username-Font-Size);
text-transform:uppercase;
letter-spacing:.7px;
color:{color:sidebar username};
transition:color 0.420s ease-in-out;
}
[jbwru]:hover [avi-username]{
color:{color:sidebar username hover};
}
[avi-username]:before {
content:"@";
font-family:inter;
margin-right:1.3px;
font-size:calc(var(--Sidebar-Username-Font-Size) - 1px);
}
/*--- SIDEBAR ICON ---*/
[sb-avi]{
position:relative;
margin-left:var(--Sidebar-Text-Gap-Right);
width:var(--Sidebar-Image-Total-Size);
height:var(--Sidebar-Image-Total-Size);
overflow:hidden;
flex-shrink:0;
}
[sb-avi], [sb-avi] img {
border-radius:var(--Sidebar-Image-Roundness);
}
[sb-avi] img:not([bvahz]){
padding:var(--Sidebar-Image-Padding);
background:{color:sidebar icon border B};
border:var(--Sidebar-Image-Border-Size) solid {color:sidebar icon border A};
width:var(--Sidebar-Image-Size);
height:var(--Sidebar-Image-Size);
object-fit:cover;
}
[sb-avi] [bvahz]{
position:absolute;
top:0;left:0;
margin-top:calc(var(--Sidebar-Image-Border-Size) + var(--Sidebar-Image-Padding));
margin-left:calc(var(--Sidebar-Image-Border-Size) + var(--Sidebar-Image-Padding));
width:calc(100% - (var(--Sidebar-Image-Border-Size) * 2) - (var(--Sidebar-Image-Padding) * 2));
height:auto;
z-index:2;
opacity:0;
}
/*--- SIDEBAR DESCRIPTION ---*/
[amche]{
margin:var(--Description-Gap-Y) 0;
margin-left:calc(0px - var(--zcodl));
}
[pfgil]{
display:table;
border-collapse:separate;
border-spacing:var(--zcodl) 0;
width:100%;
}
[yconm]{
display:table-row;
}
[ghjax]{
display:table-cell;
}
[desc]{
margin-right:calc(0px - var(--zcodl) + var(--Description-Gap-X));
padding-top:calc((var(--Description-Bar-Bonus-Height) / 2) - 1.5px);
padding-bottom:calc(var(--Description-Bar-Bonus-Height) / 2);
font-family:var(--Description-Font-Family);
font-size:var(--Description-Font-Size);
color:{color:desc text};
line-height:var(--Description-Line-Height);
text-align:{select:desc text align};
}
[desc] a {
color:{color:desc link};
padding-bottom:.5px;
border-bottom:1px solid {color:desc link underline};
}
[desc] b, [desc] strong {
color:{color:desc bold};
}
[desc] i, [desc] em {
color:{color:desc italic};
}
[barlinething]{
width:var(--Description-Bar-Width);
background:{color:desc line};
border-radius:var(--Description-Bar-Width);
}
/*--- SIDEBAR SEARCHBAR ---*/
[schb="hide"]{
display:none;
}
[searchbar-form] form {
display:flex;
align-items:center;
justify-content:flex-end;
margin-top:-3px;
margin-right:var(--eiwes);
margin-bottom:0;
}
[sbf] input {
display:block;
padding:6px;
margin:0;
margin-top:1px;
border:none;
outline:none;
background:transparent;
font-family:var(--Searchbar-Font-Family);
font-size:var(--Searchbar-Font-Size);
text-transform:uppercase;
letter-spacing:.7px;
text-align:right;
box-sizing:border-box;
color:{color:searchbar text};
line-height:1em;
flex:1;
}
[sbf] input::placeholder {
color:{color:searchbar placeholder text};
}
[sbf] input:focus::-webkit-input-placeholder {color:transparent;}
[sbf] input:focus::-moz-placeholder {color:transparent;}
[sbf] input:focus:-ms-input-placeholder {color:transparent;}
[sbf] button {
display:block;
flex-shrink:0;
padding:0;
margin-left:calc(var(--Description-Gap-X) - (var(--Searchbar-Icon-Size) / 2) + 2px - 12px);
margin-right:calc(0px - 2px - 6px);
border:none;
background:transparent;
outline:none;
line-height:var(--Searchbar-Icon-Size);
cursor:pointer;
}
[tib="flipped"] {
margin-left:calc(var(--Description-Gap-X) - (var(--Searchbar-Icon-Size) / 2) - 12px)!important;
margin-right:calc(0px - 6px)!important;
}
[tib="flipped"] [class*="ai-"]{
transform:scaleX(-1);
}
[sbf] [class*="ai-"]{
display:block;
padding:6px;
font-size:var(--Searchbar-Icon-Size);
color:{color:searchbar icon};
}
/*---- HEADER SECTION ----*/
.xcjya {
min-width:var(--Post-Total-Width);
}
.header-sect[sh="hide"]{
display:none;
}
.header-sect[sh="hide"] + .postscont {
margin-top:calc(0px - var(--Post-Spacing));
padding-top:var(--Window-Margin);
}
.header-sect {
position:relative;
margin-top:var(--Window-Margin);
width:var(--Post-Total-Width);
}
.hfzqw:after {
content:"";
position:absolute;
top:0;left:0;
margin-top:var(--Post-Shadow-Distance);
margin-left:var(--Post-Shadow-Distance);
width:calc(100% - var(--Post-Shadow-Distance) + var(--Post-Shadow-Size));
height:calc(100% - var(--Post-Shadow-Distance) + var(--Post-Shadow-Size));
border-radius:var(--Post-Corner-Roundness);
filter:blur(var(--Post-Shadow-Blur));
-webkit-filter:blur(var(--Post-Shadow-Blur));
background:rgba({RGBcolor:post shadow},var(--Post-Shadow-Strength));
z-index:-1;
}
.qmtwu {
overflow:hidden;
border-radius:var(--Header-Corner-Roundness);
}
[header-img*="assets.tumblr.com/images/x.gif"]{
display:none;
}
[header-img]{
position:relative;
background:transparent;
}
[header-img]:after {
content:"";
position:absolute;
top:0;left:0;
display:block;
width:100%;
height:100%;
z-index:2;
}
[header-img] img {
max-width:100%;
}
[header-texts]{
padding:{select:header padding};
background:{color:header bg};
line-height:var(--Line-Height);
visibility:collapse;
}
.mwfgi {
display:grid;
grid-gap:var(--Header-Info-Column-Spacing);
grid-template-columns:repeat(var(--Header-Info-Columns), 1fr);
}
[header-texts] li {
list-style-type:none;
margin:0;
padding:0;
}
[header-texts] li + li {
margin-top:var(--Header-Info-Row-Spacing);
}
[header-texts] li > * {
display:table-cell;
}
.header-sect[has-col-1]:not([has-col-2]) .mwfgi {
grid-template-columns:repeat(1, 1fr);
}
[ht-col]{
}
[htl-wrap]{
white-space:nowrap;
padding-right:var(--Header-Info-Labels-Gap-Right);
}
[htl-wrap] > * {
display:inline-block;
vertical-align:middle;
}
[header-texts] [class*="ai-"]{
font-size:var(--Header-Info-Icons-Size);
color:{color:header info icons};
}
[header-texts] [class*="ai-"] + [label]{
margin-left:var(--Header-Info-Icons-Gap-Right);
}
[header-texts] [label]{
font-family:var(--SmallCaps-Font-Family);
font-size:var(--Header-Info-Labels-Font-Size);
text-transform:uppercase;
letter-spacing:.7px;
color:{color:header info label};
}
[deet-text]{
font-family:var(--Header-Info-Body-Text-Font-Family);
font-size:var(--Header-Info-Body-Text-Font-Size);
color:{color:header info text};
}
[deet-text] a {
color:{color:header info links};
padding-bottom:.5px;
border-bottom:1px solid {color:header info links underline};
}
/*---- NAVLINKS ----*/
[dpaec]{
display:flex;
align-items:center;
justify-content:flex-end;
font-size:0;
line-height:0;
margin-top:var(--BoxLinks-Top-Gap);
}
[cls="show"] [dpaec]{
margin-right:calc(var(--enxyf) - 1px);
}
[cls="toggle"] [dpaec]{
margin-right:calc(var(--kihwh) - 1px);
}
[boxlinks]{
display:flex;
align-items:center;
}
[boxlinks] a {
display:block;
flex-shrink:0;
padding:var(--BoxLinks-Icons-Padding);
background:{color:navlinks bg};
border-radius:var(--BoxLinks-Corner-Roundness);
transition:background var(--BoxLinks-Fade-Speed) ease-in-out;
}
[boxlinks] a + a {
margin-left:var(--BoxLinks-Spacing);
}
[boxlinks] [lucide]{
display:block;
width:var(--BoxLinks-Icons-Size);
height:var(--BoxLinks-Icons-Size);
}
[boxlinks] svg.lucide {
display:block;
width:var(--BoxLinks-Icons-Size);
height:var(--BoxLinks-Icons-Size);
stroke:{color:navlinks icon};
stroke-width:1.8;
transition:stroke var(--BoxLinks-Fade-Speed) ease-in-out;
pointer-events:none;
}
.glenbiz {
display:block;
padding-left:.5px;
margin-right:-.5px;
width:var(--BoxLinks-Icons-Size);
height:var(--BoxLinks-Icons-Size);
pointer-events:none;
}
.glenbiz svg {
display:block;
width:100%;
height:100%;
}
.glenbiz svg path {
fill:{color:navlinks icon};
transition:fill var(--BoxLinks-Fade-Speed) ease-in-out;
}
/* navlinks: hover stuff */
[boxlinks] a:hover {
background:{color:navlinks HOVER bg};
}
[boxlinks] a:hover svg.lucide {
stroke:{color:navlinks HOVER icon};
}
[boxlinks] a:hover .glenbiz svg path {
fill:{color:navlinks HOVER icon};
}
/* customlinks plus icon */
[cls="show"] [dpaec] .cl-tog {
display:none;
}
.cl-tog {
--CustomLinks-Toggle-Button-Bonus-Left-Gap:2px;
margin-left:calc(var(--Description-Gap-X) - (var(--CustomLinks-Toggle-Button-Size) / 2) + var(--CustomLinks-Toggle-Button-Bonus-Left-Gap) - var(--CustomLinks-Toggle-Button-Padding));
margin-right:calc(0px - var(--CustomLinks-Toggle-Button-Padding));
padding:var(--CustomLinks-Toggle-Button-Padding);
cursor:help;
}
.cl-tog svg {
display:block;
width:var(--CustomLinks-Toggle-Button-Size);
height:var(--CustomLinks-Toggle-Button-Size);
transform-origin:center;
stroke-width:3;
stroke:{color:customlinks plus};
transition:transform var(--CustomLinks-Toggle-Button-Spin-Speed) ease-in-out;
}
.fcovn svg {
transform:rotate(var(--CustomLinks-Toggle-Button-Spin-Amount));
}
/*---- CUSTOM LINKS ----*/
[krryo]{
margin-top:calc(var(--CustomLinks-Spacing-Y) / -2);
margin-left:calc(var(--CustomLinks-Spacing-X) / -2);
margin-bottom:calc(var(--CustomLinks-Spacing-Y) / -2);
}
[cls="toggle"] [krryo]{
display:none;
opacity:0;
margin-right:calc(var(--pfp-half) - (var(--CustomLinks-Spacing-X) / 2));
}
[cls="show"] [krryo]{
margin-right:calc(var(--Sidebar-Image-Border-Size) + var(--Sidebar-Image-Padding));
}
.cl-opac {
opacity:1!important;
}
[cls="toggle"] [krryo], .cl-opac {
transition:opacity var(--CustomLinks-Fade-Speed) ease-in-out;
}
/*-------*/
[efrhc]{
display:flex;
justify-content:flex-end;
}
[customlink-col]{
flex-shrink:0;
}
[customlink]{
display:block;
overflow:hidden;
}
[cl-inner]{
display:flex;
padding:calc(var(--CustomLinks-Spacing-Y) / 2) calc(var(--CustomLinks-Spacing-X) / 2);
}
[cl-inner] > * {
flex-shrink:0;
display:block;
}
[customlink] [dot]{
display:block;
/* tfw the number of brackets matches the creases on my forehead!! */
margin-top:calc(((((((var(--CustomLinks-Font-Size) * var(--CustomLinks-Line-Height)) - var(--CustomLinks-Font-Size)) / 2) + (var(--CustomLinks-Font-Size) * var(--CustomLinks-Line-Height))) - var(--CustomLinks-Dot-Size)) / 2) - 1px);
width:var(--CustomLinks-Dot-Size);
height:var(--CustomLinks-Dot-Size);
border-radius:100%;
background:{color:customlinks dot};
font-size:0;
line-height:0;
}
[customlink] [dot] + [text]{
margin-left:var(--CustomLinks-Dot-Gap-Right);
}
[customlink] [text]{
font-family:var(--CustomLinks-Font-Family);
font-size:var(--CustomLinks-Font-Size);
text-transform:uppercase;
letter-spacing:1px;
color:{color:customlinks text};
line-height:var(--CustomLinks-Line-Height);
white-space:pre-line;
word-break:break-all;
}
/*---- POSTS ----*/
.header-sect[sh="show"] + .postscont {
margin-top:calc(0px - var(--Post-Spacing));
padding-top:{select:header bottom gap};
}
.postscont {
padding-bottom:var(--Window-Margin);
width:var(--Post-Total-Width);
}
.posts {
position:relative;
margin-top:var(--Post-Spacing);
}
.posts:after, .notescont:after {
content:"";
position:absolute;
top:0;left:0;
margin-top:var(--Post-Shadow-Distance);
margin-left:var(--Post-Shadow-Distance);
width:calc(100% - var(--Post-Shadow-Distance) + var(--Post-Shadow-Size));
height:calc(100% - var(--Post-Shadow-Distance) + var(--Post-Shadow-Size));
border-radius:var(--Post-Corner-Roundness);
filter:blur(var(--Post-Shadow-Blur));
-webkit-filter:blur(var(--Post-Shadow-Blur));
background:rgba({RGBcolor:post shadow},var(--Post-Shadow-Strength));
z-index:-1;
}
[black-and-white="rb-ico"] [reblogger-icon].cssgram:before {visibility:hidden}
[black-and-white="rb-ico"] [reblogger-icon].cssgram:after {visibility:hidden}
[black-and-white="everything"] [reblogger-icon].cssgram:before {visibility:hidden}
[black-and-white="everything"] [reblogger-icon].cssgram:after {visibility:hidden}
[black-and-white="rb-ico"] [reblogger-icon]{
transition:filter var(--Grayscale-Transition-Speed) ease-in-out;
filter:var(--Grayscale-Settings);
}
[black-and-white="everything"] [reblogger-icon],
[black-and-white="everything"] img,
[black-and-white="everything"] iframe,
[black-and-white="everything"] video {
transition:filter var(--Grayscale-Transition-Speed) ease-in-out;
filter:var(--Grayscale-Settings);
}
[black-and-white="everything"] .posts:hover img,
[black-and-white="everything"] .posts:hover iframe,
[black-and-white="everything"] .posts:hover video {
filter:none;
}
/*-----------------------*/
.postinner, .notescont {
position:relative;
padding:var(--Post-Padding);
background:{color:post};
border:var(--Post-Border-Size) solid {color:post borders outer};
border-radius:var(--Post-Corner-Roundness);
overflow:hidden;
line-height:var(--Line-Height);
}
2023-05-08 00:09:09 +01:00
.postinner a:not(.reblog-url a, .tumblr_blog, .linkpost-title, .single-photo, .post_media_photo_anchor, .inari, .tagsdiv a, .permadiv a, .asker-name a, .tmblr-attribution a), [glvwj] a {
2022-07-22 04:05:01 +01:00
padding-bottom:.5px;
border-bottom:1px solid {color:link underline};
}
/*---- REBLOG HEAD ----*/
.reblog-wrap {
margin:0 calc(0px - var(--Post-Padding));
padding:0 var(--Post-Padding);
}
.reblog-wrap + .reblog-wrap {
margin-top:var(--Reblogs-Spacing);
padding-top:var(--Reblogs-Spacing);
border-top:1px solid var(--Reblogs-Border);
}
.reblog-head {
display:flex;
align-items:center;
}
[reblogger-icon]{
display:block;
width:var(--Reblogger-Avatar-Size);
height:var(--Reblogger-Avatar-Size);
background-color:{color:post};
background-size:cover;
background-position:center;
border-radius:100%;
clip-path:circle(50% at 50% 50%);
overflow:hidden;
}
[reblogger-icon] + .reblog-url {
margin-left:var(--Reblogger-Avatar-Gap-Right);
}
.reblog-url, .reblog-url a, [customize-page="true"] .tumblr_blog, .tmblr-attribution {
font-family:var(--SmallCaps-Font-Family);
font-size:var(--SmallCaps-Font-Size);
text-transform:uppercase;
letter-spacing:.5px;
color:var(--Reblogger-Username-Color);
}
.reblog-url .deac {
margin-left:3px;
color:var(--Body-Text-Color);
}
.nosrc {
display:none;
visibility:collapse;
margin-bottom:var(--Reblogger-Avatar-Bottom-Gap);
}
.reblog-head + .reblog-comment {
margin-top:calc(0px - var(--Paragraph-Margins) + var(--Reblogger-Avatar-Bottom-Gap));
}
/*---- NPF... STUFF ----*/
figure[data-orig-src] + figure[data-orig-src]{
margin-top:var(--Photoset-Spacing);
}
img.npf-small {
width:initial!important;
}
[customize-page="true"] .npf-video {
max-height:var(--Post-Width);
display:flex;
align-items:center;
justify-content:center;
}
.tmblr-full video {
cursor:pointer;
}
video::-webkit-media-controls-panel {
position:absolute;
bottom:0;
background:transparent!important;
width:100%;
box-sizing:border-box;
opacity:1!important;
}
video::-webkit-media-controls-volume-slider, video::-webkit-media-controls-timeline {
/*display:none!important;*/
}
* + .npf-link-block {
margin-top:10px;
}
.npf-link-block {
margin-top:0px;
margin-bottom:0;
border-color:{color:special border}!important;
border-radius:0!important;
}
.npf-link-block + * {
margin-bottom:var(--Paragraph-Margins);
}
.npf-link-block a {
padding:0!important;
border:none!important;
}
.npf-link-block .title {
font-family:var(--SmallCaps-Font-Family)!important;
font-size:calc(var(--SmallCaps-Font-Size) + 4px)!important;
text-transform:uppercase;
letter-spacing:.5px;
color:{color:link}!important;
line-height:1.7em!important;
text-shadow:1px 1px 1px rgba(0,0,0,0.1);
}
.npf-link-block .bottom {
background:{color:special background}!important;
}
.npf-link-block .description {
font-family:var(--SmallCaps-Font-Family)!important;
font-size:calc(var(--SmallCaps-Font-Size) + 2px)!important;
text-transform:uppercase;
letter-spacing:.5px;
color:{color:special text}!important;
line-height:1.7em!important;
}
.npf-link-block .site-name {
text-transform:initial!important;
font-family:var(--Body-Font-Family)!important;
font-weight:normal!important;
font-size:var(--Body-Font-Size)!important;
color:rgba({RGBcolor:special text},0.8)!important;
}
.npf-link-block .description + .site-name {
margin-top:0;
}
.npf-link-block .poster:before {
display:none!important;
}
.npf-link-block .title {
font-weight:normal!important;
}
.npf-link-block .poster .title {
display:none!important;
}
.npf-link-block.no-poster .title {
padding:0.8em!important;
text-shadow:none!important;
}
.npf-link-block.no-poster .title + .bottom {
border-top:1px solid {color:special border};
}
/*---- TEXT POSTS (TITLE) ----*/
.post-title {
margin-top:2px;
margin-bottom:0;
padding:0.8em;
background:{color:special background};
border:1px solid {color:special border};
font-size:var(--Heading-Font-Size);
color:{color:special text};
text-align:center;
}
.post-title + *, .linkpost-title + * {
margin-top:var(--Heading-Margins);
}
/*---- LINK POSTS ----*/
.linkpost-title {
display:block;
color:{color:special text};
text-align:center;
}
.linkpost-title [link-icon]{
display:flex;
align-items:center;
justify-content:center;
}
.linkpost-title i[class*="-"]{
padding:calc(var(--Body-Font-Size) * 0.69);
background:{color:special background};
border:1px solid {color:special border};
border-radius:100%;
font-size:calc(var(--Body-Font-Size) * 1.25);
color:{color:special text};
line-height:1em;
}
.linkpost-title [link-display-text]{
display:block;
margin-top:calc(var(--Body-Font-Size) * 1);
font-family:var(--Heading-Font-Family);
font-size:var(--Heading-Font-Size);
text-transform:uppercase;
letter-spacing:.5px;
word-spacing:.3px;
color:{color:text};
}
.linkpost-title + .link-excerpt {
margin-top:calc(var(--Body-Font-Size) * 1.25);
}
.link-excerpt {
padding:0.8em calc(0.8em + 2px);
border:1px solid {color:post borders inner};
border-radius:var(--Post-Corner-Roundness);
}
.link-excerpt + * {
margin-top:var(--Reblogger-Avatar-Bottom-Gap);
}
.le-host {
font-family:var(--SmallCaps-Font-Family);
font-size:var(--SmallCaps-Font-Size);
text-transform:uppercase;
letter-spacing:.7px;
}
/*---- PHOTO POSTS ----*/
.nosrc + .single-photo .photopic {
margin-top:0;
}
a.single-photo {
cursor:pointer;
}
img.photopic {
width:100%;
}
.nosrc + .reblog-comment .photoset-grid {
margin-top:0!important;
}
[photoset-layout] {
grid-gap:var(--Photoset-Spacing);
}
[photoset-layout] div {
cursor:pointer;
backface-visibility:hidden;
}
.caption {
margin-top:var(--Captions-Gap);
}
/*----- LIGHTBOX BS -----*/
.tmblr-lightbox, #tumblr_lightbox {
background-color:rgba({RGBcolor:post},0.69)!important;
}
.tmblr-lightbox .vignette {
background-image:none!important;
}
#vignette {display:none!important}
.lightbox-image, #tumblr_lightbox_left_image, #tumblr_lightbox_center_image, #tumblr_lightbox_right_image {
margin-top:calc(0px - var(--Post-Padding));
}
.tmblr-lightbox img, #tumblr_lightbox img {
max-width:initial;
box-shadow:none!important;
border:var(--Post-Border-Size) solid {color:post borders outer}!important;
border-radius:var(--Post-Corner-Roundness)!important;
padding:var(--Post-Padding);
background:{color:post}!important;
box-shadow:var(--Post-Shadow-Distance) var(--Post-Shadow-Distance) var(--Post-Shadow-Blur) var(--Post-Shadow-Size) rgba({RGBcolor:post shadow},var(--Post-Shadow-Strength))!important;
}
/*----- QUOTE POSTS -----*/
.quote-ico {
display:grid;
place-items:center;
margin-bottom:calc(var(--Body-Font-Size) * 1.3);
}
.quote-ico svg.lucide {
width:calc(var(--Body-Font-Size) * 1.3);
height:calc(var(--Body-Font-Size) * 1.3);
stroke:{color:text};
}
.quote-words, .npf_quote {
padding:0 calc(var(--Post-Padding) * 1.69);
font-family:var(--Quote-Font-Family)!important;
font-size:var(--Quote-Font-Size)!important;
text-transform:uppercase;
letter-spacing:.3px;
text-align:center;
line-height:185%;
}
.quote-words + .quote-source,
.npf_quote + p[style*="margin-bottom: 0px;"]{
margin-top:var(--Paragraph-Margins);
text-align:center;
}
/*----- VIDEO POSTS -----*/
.nosrc + .tmblr-video {
margin-top:0!important;
}
.tmblr-video {
max-width:initial;
}
.tumblr_video_container, .tumblr_video_iframe {
width:100%!important;
}
/*---- CHAT POSTS ----*/
.chatwrap {
display:table;
width:calc(100% - 2px);
border:1px solid var(--Post-Borders-Inner);
}
.chat_row {
position:relative;
display:table-row;
overflow:hidden;
}
.chat_row:after {
content:"";
position:absolute;
bottom:0;left:0;
transform:perspective(0);
width:100%;
height:1px;
background:var(--Post-Borders-Inner);
}
.chatwrap .chat_row:last-child:after {
display:none;
}
.chat_row code:only-child {
display:block;
padding:0.8em;
border:none;
background:transparent;
}
.chat_label, .chat_content {
box-sizing:border-box;
}
.chat_label {
display:table-cell;
padding:1em;
width:30%;
padding-right:1em;
font-family:var(--SmallCaps-Font-Family);
font-size:var(--SmallCaps-Font-Size);
text-transform:uppercase;
letter-spacing:.3px;
}
.chat_content {
display:table-cell;
padding:1em;
width:70%;
}
.chat_label + .chat_content {
border-left:1px solid var(--Post-Borders-Inner);
}
/*---- AUDIO POSTS ----*/
.audio-post .npf_inst img {
width:100%;
}
.aud-emb {display:none}
.audiowrap {
display:flex;
align-items:center;
}
.albumwrap {
position:relative;
width:var(--Audio-Post-Album-Size);
height:var(--Audio-Post-Album-Size);
display:flex;
align-items:center;
justify-content:center;
}
.albumwrap[has-cover] .audplac {display:none}
.butts {
width:calc(var(--Audio-Post-Buttons-Size) + (var(--Audio-Post-Buttons-Padding) * 2));
height:calc(var(--Audio-Post-Buttons-Size) + (var(--Audio-Post-Buttons-Padding) * 2));
background:var(--Audio-Post-Buttons-Background);
border-radius:100%;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
z-index:2;
}
.overplay, .overpause {
width:var(--Audio-Post-Buttons-Size);
height:var(--Audio-Post-Buttons-Size);
-webkit-mask-size:contain;
-webkit-mask-repeat:no-repeat;
-webkit-mask-position:center;
background:var(--Audio-Post-Buttons-Color);
}
.overplay {
margin-left:2px;
-webkit-mask-image:var(--audioplay);
}
.overpause {
display:none;
-webkit-mask-image:var(--audiopause);
}
.ov-y {display:block}
.ov-z {display:none}
.audplac {
position:absolute;
top:0;left:0;
width:var(--Audio-Post-Album-Size);
height:var(--Audio-Post-Album-Size);
/*background:var(--Audio-Post-Buttons-Background);*/
}
.albumwrap img {
position:absolute;
top:0;left:0;
width:100%;
height:100%;
}
.audiotxt {
flex:1;
height:var(--Audio-Post-Album-Size);
padding:var(--Audio-Post-Album-Right-Gap);
background:{color:special background};
display:flex;
align-items:center;
box-sizing:border-box;
display:flex;
align-items:center;
justify-content:space-between;
font-size:calc(var(--Body-Font-Size) - 1px);
color:{color:special text};
}
.odin > div + div {
margin-top:-1px;
}
2023-08-19 04:51:52 +01:00
.aud-song-name, .npf-audio-title {
2022-07-22 04:05:01 +01:00
font-family:var(--SmallCaps-Font-Family);
font-size:calc(var(--SmallCaps-Font-Size) + .5px);
text-transform:uppercase;
letter-spacing:.7px;
word-spacing:.3px;
-webkit-text-stroke-width:.3px;
-webkit-text-stroke-color:currentColor;
}
.aud-song-name[has-name] .untit {
display:none;
}
.aud-artist[has-artist] .unart {
display:none;
}
.inari {
display:block;
padding:6px;
margin-right:-6px;
cursor:pointer;
}
.int-all {
display:block;
width:calc(var(--Audio-Post-Buttons-Size) + 6px);
height:calc(var(--Audio-Post-Buttons-Size) + 6px);
-webkit-mask-size:contain;
-webkit-mask-repeat:no-repeat;
-webkit-mask-position:center;
-webkit-mask-image:var(--install);
2023-08-19 04:51:52 +01:00
background:var(--Audio-Post-Download-Color);
pointer-events:none;
2022-07-22 04:05:01 +01:00
}
/*---- SPOTIFY ----*/
iframe[src*='open.spotify.com'][src*='track'], figure[data-npf*='open.spotify.com'][data-npf*='track']{
height:80px!important;
}
.spotify_audio_player {
width:100%;
}
/*---- SOUNDCLOUD ----*/
.tmblr-video iframe[src*='soundcloud.com']{
}
.audio-soundcloud {
max-height:113px;
border-radius:4px;
overflow:hidden;
}
.soundcloud_audio_player {
margin:-1px;
margin-bottom:0;
width:calc(100% + 2px);
max-width:initial;
}
/*---- ASK/ANSWER POSTS ----*/
.answer-post .nosrc {
display:none;
}
.une_question {
}
.asker-person {
display:grid;
place-items:center;
text-align:center;
}
.asker-person a {
color:{color:special text}!important;
}
.une_question .reblog-comment {
flex:1;
margin-left:12px;
}
.askpot {
padding:var(--AskerPortrait-Padding);
background:{color:special background};
border:1px solid {color:special border};
border-radius:100%;
}
.askpot [reblogger-icon]{
width:var(--AskerPortrait-Size);
height:var(--AskerPortrait-Size);
border-radius:100%;
}
.asker-name {
display:block;
margin-top:calc(var(--Body-Font-Size) * 1);
padding:5px 6px;
background:{color:special background};
border:1px solid {color:special border};
border-radius:2px;
font-family:var(--SmallCaps-Font-Family);
font-size:var(--SmallCaps-Font-Size);
text-transform:uppercase;
letter-spacing:.5px;
color:{color:special text};
line-height:1em;
}
.question_text {
margin-top:calc(var(--Body-Font-Size) * 1.25);
padding:0 var(--Post-Padding);
text-align:center;
}
.question_text > p:first-child {
margin-top:4px;
}
.question_text > p:only-child {
margin-bottom:0;
}
.answerer + * {
margin-top:var(--Captions-Gap);
}
.une_question + .une_reponse {
margin-top:var(--Paragraph-Margins);
}
/*---- TAGS SECTION ----*/
.tagsdiv {
margin-top:var(--Captions-Gap);
}
.tagsdiv[clicktags="yes"] {
{block:IndexPage}
display:none;
opacity:0;
transition:opacity var(--Tags-Fade-Speed) ease-in-out;
{/block:IndexPage}
}
.tagsfade {
opacity:1!important;
}
.tagsin {
display:flex;
flex-wrap:wrap;
justify-content:flex-end;
margin:calc(0px - var(--Tags-Spacing));
margin-bottom:calc((((var(--SmallCaps-Font-Size) - 1px) * var(--Line-Height-INT)) / 2) * -1);
text-align:right;
}
.tagsin a {
position:relative;
display:block;
margin:0 var(--Tags-Spacing);
font-family:var(--Tags-Font-Family);
font-size:var(--Tags-Font-Size);
text-transform:uppercase;
letter-spacing:.7px;
color:{color:tags};
}
.tagsin a:before {
content:"#";
font-family:work sans;
margin-right:.5px;
}
/*---- PERMALINK BAR ----*/
.permadiv[topdiff="small"]{
--Permalink-Top-Gap:var(--Permalink-Font-Size);
}
.permadiv[topdiff="regular"]{
--Permalink-Top-Gap:calc(var(--Post-Padding) + 1px);
}
.permadiv[topdiff="large"]{
--Permalink-Top-Gap:calc(var(--Permalink-Font-Size) * 2.25);
}
.permadiv {
margin-top:var(--Permalink-Top-Gap);
display:flex;
align-items:center;
justify-content:space-between;
font-family:var(--Permalink-Font-Family);
font-size:var(--Permalink-Font-Size);
text-transform:uppercase
}
.permadiv, .permadiv a {
color:{color:permalink};
}
.permaleft {
text-transform:uppercase;
letter-spacing:1px;
word-spacing:0px;
}
.permaleft a {
display:flex;
align-items:center;
margin:-5px;
padding:5px;
}
.permaleft a:not([href]){
cursor:default;
}
.permaleft [class*="ai-"]{
margin-right:var(--Permalink-Icon-Gap);
font-size:var(--Permalink-Icon-Size);
color:{color:permalink};
}
.permaright {
display:flex;
align-items:center;
justify-content:center;
letter-spacing:1px;
line-height:var(--Post-Buttons-Size);
}
.permaright a {
display:block;
position:relative;
{block:IndexPage}
width:var(--Post-Buttons-Size);
height:var(--Post-Buttons-Size);
{/block:IndexPage}
backface-visibility:hidden;
}
.permaright [class*="ph-"],
.permaright [class*="ai-"],
.permaright [class*="mi-"]{
font-size:var(--Post-Buttons-Size);
color:var(--Post-Buttons-Color);
}
.permaright [class*="mi-"]{
display:block;
transform:translateX(-1px) translateY(-0.1px);
font-size:calc(var(--Post-Buttons-Size) + 1px);
}
.permaright [class*="ph-"]{
transform:translateY(0.4px);
}
.permaright [class*="ai-"]{
display:block;
transform:translateY(0.5px);
}
.permaright span {
display:block;
cursor:default;
}
.permaright a + a {
margin-left:var(--Post-Buttons-Spacing);
}
.permaright[clicktags="no"] .clicktags {
display:none;
}
.clicktags {
cursor:help;
}
.like_button {
position:absolute;
top:0;left:0;
width:100%;
height:100%;
z-index:2;
}
.like_button iframe {
width:100%;
height:100%;
vertical-align:initial;
opacity:0;
}
.like_button.liked + .ai-heart {
color:var(--Like-Button-Liked);
}
.permaright a[dash]{
font-size:calc(var(--SmallCaps-Font-Size) + 1px);
}
/*---- POST NOTES ----*/
.notescont {
margin-top:var(--Post-Spacing);
margin-bottom:0!important;
background:{color:post};
border:var(--Post-Border-Size) solid {color:post borders outer};
overflow:initial;
}
.notescont h1 {
margin-top:5px;
margin-bottom:calc(var(--Heading-Margins) + 4px);
font-family:var(--Heading-Font-Family);
font-size:calc(var(--Heading-Font-Size) + 0px);
font-weight:normal!important;
letter-spacing:1px;
text-align:center;
}
.notescont ol.notes {
padding:0;
margin:0;
}
.notescont li {
max-width:100%;
list-style-type:none;
padding:0!important;
}
.notescont li + li {
margin-top:var(--Notes-Row-Spacing);
}
.notescont li:before {
font-family:phosphor;
font-size:var(--Notes-Indicator-Size);
color:{color:text};
vertical-align:middle;
}
.notescont li.like:before {
content:"\f1ca";
}
.notescont li.reblog:before {
content:"\f2c3";
}
.notescont li.reply:before,
.notescont li.with_commentary:before {
content:"\f0db"!important;
}
.notescont .avatar_frame {
display:none;
}
.notescont .avatar_frame + .action {
margin-left:var(--Notes-Indicator-Gap-Right);
}
.notescont .action a {
font-family:var(--SmallCaps-Font-Family);
font-size:var(--SmallCaps-Font-Size);
text-transform:uppercase;
letter-spacing:.7px;
color:{color:reblogger};
}
.notescont blockquote {
margin-left:calc(var(--Notes-Indicator-Size) / 2);
padding-left:calc((var(--Notes-Indicator-Size) / 2) + var(--Notes-Indicator-Gap-Right));
}
.more_notes_link_container {
margin-top:1em!important;
margin-bottom:calc(var(--Paragraph-Margins) / 2);
}
.more_notes_link, .notes_loading {
font-family:var(--SmallCaps-Font-Family);
font-size:var(--SmallCaps-Font-Size);
text-transform:uppercase;
letter-spacing:.5px;
}
/*---- PAGINATION ----*/
.botpagi {
display:flex;
align-items:center;
justify-content:space-between;
width:var(--Post-Total-Width);
margin-top:var(--Post-Spacing);
margin-bottom:0!important;
font-family:var(--SmallCaps-Font-Family);
font-size:calc(var(--SmallCaps-Font-Size) - 1px);
text-transform:uppercase;
letter-spacing:.7px;
line-height:1em;
}
.botpagi a {
padding:0.69em;
margin:-0.69em;
color:var(--Pagination-Color)!important;
}
.botpagi span {
padding:0 4px;
}
.prev-svg {
margin-top:-.5px;
width:calc(var(--Body-Font-Size) + 3px);
height:calc(var(--Body-Font-Size) + 3px);
-webkit-mask-image:var(--BackSVG);
-webkit-mask-repeat:no-repeat;
-webkit-mask-size:contain;
background:var(--Pagination-Color)
}
.next-svg {
margin-top:-.5px;
width:calc(var(--Body-Font-Size) + 3px);
height:calc(var(--Body-Font-Size) + 3px);
-webkit-mask-image:var(--NextSVG);
-webkit-mask-repeat:no-repeat;
-webkit-mask-size:contain;
background:var(--Pagination-Color)
}
.pn {
margin-left:auto!important;
}
/*---- MUSIC PLAYER ----*/
#glenplayer07 {
position:fixed;
bottom:0;margin-bottom:30px;
left:0;margin-left:30px;
z-index:99;
}
.song-name {
font-family:var(--Song-Name-Font-Family);
font-size:var(--Song-Name-Font-Size);
text-transform:uppercase;
letter-spacing:.7px;
color:var(--Song-Name-Color);
}
.artist-name {
margin-top:3px;
font-family:var(--Artist-Name-Font-Family);
font-size:var(--Artist-Name-Font-Size);
letter-spacing:0.3px;
color:var(--Artist-Name-Color);
}
{CustomCSS}
</style>
</head>
<!--------------------------------------------------->
<body>
<div corner-cog>
<i class="ai-gear"></i>
</div>
<!---- MUSIC PLAYER ---->
{block:ifsongname}
<div id="glenplayer07">
<div class="flamingo">
<div class="circleofdeath">
<div class="tinfoil">
<div class="oliveoil"></div>
</div>
<div class="crust">
<div class="cherry">
<div class="music-controls">
<i class="ph-play-fill playy"></i>
<i class="ph-pause-fill pausee"></i>
</div>
</div><!--cherry-->
</div><!--crust-->
</div><!--circleofdeath-->
<div class="music-info">
<div class="song-name">{text:song name}</div>
{block:ifartistname}
<div class="artist-name">{text:artist name}</div>
{/block:ifartistname}
</div><!--music-info-->
</div><!--flamingo-->
</div><!--glenplayer07-->
{/block:ifsongname}
{block:ifsongfilemp3}
<audio id="audio" src="{text:song file mp3}" type="audio" {block:ifsongvolume}volume="{text:song volume}"{/block:ifsongvolume}></audio>
{/block:ifsongfilemp3}
<!----end music player---->
<!---- CONTAINER ---->
<div class="ubilu">
<div class="jfqqj">
<!---- LEFT SIDEBAR ---->
<div class="vhmqu">
<div class="abtpk">
<div class="uaizx">
<div class="envzk">
<!-- sidebar stuff, TOP PART -->
<div czmym>
<a jbwru href="//{Name}.tumblr.com">
{/block:ifsidebartitle}
<div avi-tit>{text:sidebar title}</div>
{/block:ifsidebartitle}
<div avi-username>{Name}</div>
</a>
<div sb-avi>
<img src="{image:sidebar icon}">
<img bvahz src="{image:sidebar icon}">
</div><!--jbwru-->
</div><!--czmym-->
<!-- sidebar stuff, DESCRIPTION -->
<div amche>
<div pfgil>
<div yconm>
<div ghjax>
<div desc>
{block:ifsidebardesc}
{text:sidebar desc}
{/block:ifsidebardesc}
{block:ifnotsidebardesc}
{block:Description}
{Description}
{/block:Description}
{/block:ifnotsidebardesc}
</div><!--end desc-->
</div>
<div ghjax barlinething></div>
</div><!--yconm-->
</div><!--pfgil-->
</div><!--amche-->
<!-- sidebar stuff, SEARCHBAR -->
<div searchbar-form sbf schb="{select:show searchbar}">
<form action="/search" method="get">
<input type="text" placeholder="{text:searchbar placeholder text}" name="q" value="{SearchQuery}"/>
<button type="submit" tib="{select:searchbar icon}">
<i class="ai-search"></i>
</button>
</form>
</div><!--end searchbar-->
<!-- sidebar stuff, NAVLINKS -->
<div dpaec>
<div boxlinks>
<!-- icons list: https://lucide.dev/-->
<a href="//{Name}.tumblr.com" title="home">
<i lucide icon-name="home"></i>
</a>
<a href="//{Name}.tumblr.com/ask" title="askbox">
<i lucide icon-name="mail"></i>
</a>
<a href="//{Name}.tumblr.com/archive" title="archive">
<i lucide icon-name="layout-grid"></i>
</a>
<!-- please do not remove the credit, thank you! <3 -->
<a href="//glenthemes.tumblr.com" title="❀ parfait ❀ theme  —  @glenthemes">
<i class="glenbiz"></i>
</a>
</div><!--don't delete this line-->
<!-- 'plus' icon that activates the custom links -->
<div class="cl-tog">
<i lucide icon-name="plus"></i>
</div>
</div><!--end navlinks-->
</div><!--envzk-->
<!-- sidebar stuff, CUSTOM LINKS -->
<div krryo clpr="{select:customlinks per row}">
<div efrhc>
{block:ifcustomlink1name}
<a customlink href="{text:customlink 1 url}">
<span cl-inner>
<span dot></span>
<span text>{text:customlink 1 name}</span>
</span>
</a>
{/block:ifcustomlink1name}
{block:ifcustomlink2name}
<a customlink href="{text:customlink 2 url}">
<span cl-inner>
<span dot></span>
<span text>{text:customlink 2 name}</span>
</span>
</a>
{/block:ifcustomlink2name}
{block:ifcustomlink3name}
<a customlink href="{text:customlink 3 url}">
<span cl-inner>
<span dot></span>
<span text>{text:customlink 3 name}</span>
</span>
</a>
{/block:ifcustomlink3name}
{block:ifcustomlink4name}
<a customlink href="{text:customlink 4 url}">
<span cl-inner>
<span dot></span>
<span text>{text:customlink 4 name}</span>
</span>
</a>
{/block:ifcustomlink4name}
{block:ifcustomlink5name}
<a customlink href="{text:customlink 5 url}">
<span cl-inner>
<span dot></span>
<span text>{text:customlink 5 name}</span>
</span>
</a>
{/block:ifcustomlink5name}
{block:ifcustomlink6name}
<a customlink href="{text:customlink 6 url}">
<span cl-inner>
<span dot></span>
<span text>{text:customlink 6 name}</span>
</span>
</a>
{/block:ifcustomlink6name}
{block:ifcustomlink7name}
<a customlink href="{text:customlink 7 url}">
<span cl-inner>
<span dot></span>
<span text>{text:customlink 7 name}</span>
</span>
</a>
{/block:ifcustomlink7name}
{block:ifcustomlink8name}
<a customlink href="{text:customlink 8 url}">
<span cl-inner>
<span dot></span>
<span text>{text:customlink 8 name}</span>
</span>
</a>
{/block:ifcustomlink8name}
</div><!--efrhc-->
</div><!--krryo-->
</div><!--uaizx-->
</div><!--abtpk-->
</div><!--end left sidebar-->
<!---- HEADER ---->
<div class="xcjya">
<div class="header-sect" sh="{select:show header}" {block:ifheadertextcolumn1}has-col-1{/block:ifheadertextcolumn1} {block:ifheadertextcolumn2}has-col-2{/block:ifheadertextcolumn2}>
<div class="qmtwu">
<div header-img="{image:header image}">
<img src="{image:header image}">
</div>
{block:ifheadertextcolumn1}
<div header-texts>
<div class="mwfgi">
<div ht-col>{text:header text column 1}</div>
{block:ifheadertextcolumn2}
<div ht-col>{text:header text column 2}</div>
{/block:ifheadertextcolumn2}
</div>
</div>
{/block:ifheadertextcolumn1}
</div><!--qmtwu-->
</div><!--end header section-->
<!---- POSTS ---->
<div class="postscont" black-and-white="{select:grayscale images}">
{block:Posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
<div class="posts {PostType}-post" id="{PostID}" post-type="{PostType}" {block:NotReblog}original-post{/block:NotReblog} {block:RebloggedFrom}reblogged-post{/block:RebloggedFrom}>
<div class="postinner">
{block:RebloggedFrom}
<div class="reblog-head nosrc">
<span reblogger-icon="{ReblogRootPortraitURL-64}"></span>
<span class="reblog-url">
<a href="{ReblogRootURL}">{ReblogRootName}</a>
</span>
</div>
{/block:RebloggedFrom}
<!------ POST TITLE ------>
{block:Title}
<h1 class="post-title">{Title}</h1>
{/block:Title}
<!------ TEXT POSTS ------>
{block:Text}
{block:NotReblog}{Body}{/block:NotReblog}
{block:RebloggedFrom}
{block:Reblogs}
<div class="reblog-wrap">
<div class="reblog-head source-head">
<span reblogger-icon="{PortraitURL-64}"></span>
<span class="reblog-url">
<a href="{Permalink}">{Username}</a>
</span>
</div>
<div class="reblog-comment">{Body}</div>
</div>
{/block:Reblogs}
{/block:RebloggedFrom}
{/block:Text}
<!------ SINGLE PHOTO ------>
{block:Photo}
<a class="single-photo" onclick="Tumblr.Lightbox.init([{ width:{PhotoWidth-HighRes}, height:{PhotoHeight-HighRes}, low_res:'{PhotoURL-500}', high_res:'{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img class="photopic" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></a>
{/block:Photo}
<!------ 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}
<!------ QUOTE POSTS ------>
{block:Quote}
<div class="quote-ico">
<i lucide icon-name="quote"></i>
</div>
<div class="quote-words">{Quote}</div>
{block:Source}
<div class="quote-source">
<span mdash>—</span>
{Source}
</div>{/block:Source}
{/block:Quote}
<!------ LINK POSTS ------>
{block:Link}
<a class="linkpost-title" href="{URL}" {Target}>
<span link-icon>
<i class="mi-link-alt"></i>
</span>
<span link-display-text> {Name}  »</span>
</a>
{block:Excerpt}
<div class="link-excerpt">
{Excerpt}
{block:Host}— <a class="le-host" href="{URL}" {Target}>{Host}</a>{/block:Host}
</div>
{/block:Excerpt}
{block:Description}
<div class="link-description">
{block:NotReblog}{Description}{/block:NotReblog}
{block:RebloggedFrom}
{block:Reblogs}
<div class="reblog-wrap">
<div class="reblog-head">
<span reblogger-icon="{PortraitURL-64}"></span>
<span class="reblog-url">
<a href="{Permalink}">{Username}</a>
</span>
</div>
<div class="reblog-comment">{Body}</div>
</div>
{/block:Reblogs}
{/block:RebloggedFrom}
</div>
{/block:Description}
{/block:Link}
<!------ CHAT POSTS ------>
{block:Chat}
{block:Lines}
<div class="chat_row">
{block:Label}
<div class="chat_label">{Label}</div>
{/block:Label}
<div class="chat_content">
{Line}
</div>
</div>
{/block:Lines}
{/block:Chat}
<!------ AUDIO POSTS ------>
{block:Audio}
<div class="audiowrap">
{block:AudioPlayer}
<div class="aud-emb">
{AudioPlayer}
</div>
{/block:AudioPlayer}
<div class="albumwrap" {block:AlbumArt}has-cover{/block:AlbumArt}>
{block:AlbumArt}
<img src="{AlbumArtURL}">
{/block:AlbumArt}
<div class="audplac"></div>
<div class="butts">
<div class="overplay"></div>
<div class="overpause"></div>
</div>
</div>
<div class="audiotxt">
<div class="odin">
<div class="aud-song-name" {block:TrackName}has-name{/block:TrackName}>
<div class="untit">Untitled track</div>
{block:TrackName}
<div class="hastit">{TrackName}</div>
{/block:TrackName}
</div>
{block:Album}
<div class="aud-album-name">{Album}</div>
{/block:Album}
<div class="aud-artist" {block:Artist}has-artist{/block:Artist}>
<div class="unart">Unknown artist</div>
{block:Artist}
<div class="hasart">{Artist}</div>
{/block:Artist}
</div>
</div><!--odin-->
<a class="inari" title="download" target="_blank">
<span class="int-all"></span>
</a>
</div><!--audiotxt-->
</div><!--audiowrap-->
{/block:Audio}
<!------ VIDEO POSTS ------>
{block:Video}
<div class="tmblr-video">{Video-500}</div>
{/block:Video}
<!------ ANSWER POSTS ------>
{block:Answer}
<!-- who asked? -->
<div class="reblog-wrap une_question">
<div class="asker-person">
<div class="askpot">
<span reblogger-icon="{AskerPortraitURL-64}"></span>
</div>
<span class="asker-name">{Asker} asked:</span>
</div>
<div class="question_text">{Question}</div>
</div>
<!--------------------------------------->
<!-- who answered? -->
{block:Answerer}
<div class="reblog-wrap une_reponse">
<div class="answerer reblog-head">
<span reblogger-icon="{AnswererPortraitURL-64}"></span>
<span class="reblog-url">{Answerer} answered:</span>
</div>
<p class="answer_text">{Answer}</p>
</div>
<!-- additional reblogs to the ask post -->
{block:Reblogs}
<div class="reblog-wrap reply_container">
<div class="replier reblog-head">
<span reblogger-icon="{PortraitURL-64}"></span>
<span class="reblog-url">
<a href="{Permalink}">{Username}</a>
</span>
</div>
<div class="reply">{Body}</div>
</div>
{/block:Reblogs}
{/block:Answerer}
<!--------------------------------------->
<!-- original answer post -->
{block:NotReblog}
<div class="reblog-wrap une-reponse">
<div class="answerer reblog-head">
<span reblogger-icon="{PortraitURL-64}"></span>
<span class="reblog-url">
<a href="{Permalink}">{Name}</a> answered:
</span>
</div>
<div class="answer_text">{Answer}</div>
</div><!--answer-container-->
{/block:NotReblog}
{/block:Answer}
<!------ END ANSWER ------>
<!------ 'CAPTION'? ------>
{block:Caption}
<div class="caption">
{block:NotReblog}{Caption}{/block:NotReblog}
{block:RebloggedFrom}
{block:Reblogs}
<div class="reblog-wrap">
<div class="reblog-head">
<span reblogger-icon="{PortraitURL-64}"></span>
<span class="reblog-url">
<a href="{Permalink}">{Username}</a>
</span>
</div><!--reblog-head-->
<div class="reblog-comment">{Body}</div>
</div><!--comment-container-->
{/block:Reblogs}
{/block:RebloggedFrom}
</div><!--caption-->
{/block:Caption}
<!------ TAGS ------>
{block:HasTags}
<div class="tagsdiv" clicktags="{select:click tags}">
<div class="tagsin">
{block:Tags}
<a href="{TagURL}">{Tag}</a>
{/block:Tags}
</div>
</div>
{/block:HasTags}
<!------ PERMALINK ------>
{block:Date}
<div class="permadiv" topdiff="{select:permalink top gap}">
<div class="permaleft">
<a {block:IndexPage}href="{Permalink}"{/block:IndexPage}>
<i class="ai-{select:permalink icon}"></i>
{block:PermalinkPage}{ShortDayOfWeek}, {/block:PermalinkPage}{ShortMonth} {DayOfMonthWithZero}{block:PermalinkPage} {Year}{block:PermalinkPage}
  {TimeAgo}
{block:IndexPage}
 • 
{NoteCountWithLabel}
{block:PinnedPostLabel}  Pinned Post{/block:PinnedPostLabel}
{/block:IndexPage}
</a>
</div>
<!------------------------------>
{block:IndexPage}
<div class="permaright" clicktags="{select:click tags}">
{block:HasTags}
<a class="clicktags">
<i class="ph-hash-bold"></i>
</a>
{/block:HasTags}
<a href="{ReblogURL}" title="reblog this post">
<i class="mi-repeat"></i>
</a>
<a title="like this post">
{LikeButton}
<i class="ai-heart"></i>
</a>
</div>
{/block:IndexPage}
<!------------------------------>
{block:PermalinkPage}
<div class="permaright">
{block:NotReblog}
<span>original post</span>
{/block:NotReblog}
{block:RebloggedFrom}
<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
<a dash>/</a>
<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
{/block:RebloggedFrom}
</div>
{/block:PermalinkPage}
</div><!--permadiv-->
{/block:Date}
</div><!--postinner-->
</div><!--posts-->
{block:PostNotes}
<div class="notescont">
<h1>{NoteCountWithLabel}</h1>
{PostNotes}
</div>
{/block:PostNotes}
{/block:Posts}
<!------ PAGINATION ------>
{block:Pagination}
<div class="botpagi">
{block:PreviousPage}
<a class="flex" href="{PreviousPage}">
<div class="prev-svg"></div>
<span>previous page</span>
</a>
{/block:PreviousPage}
{block:NextPage}
<a class="flex pn" href="{NextPage}">
<span>next page</span>
<div class="next-svg"></div>
</a>
{/block:NextPage}
</div>
{/block:Pagination}
</div><!--postscont-->
</div><!--xcjya-->
</div><!--jfqqj-->
</div><!--ubilu-->
<script src="//static.tumblr.com/0podkko/jfMplm3f8/modified_photosets.js"></script>
<script>
lucide.createIcons();
</script>
</body>
2023-04-30 01:46:23 +01:00
</html>
