2024-01-01 02:00:22 +00:00
<!-------------------------------------------------------------------
Theme [32]: Resonance
Made by glenthemes
Initial release: 2018/07/25
Revamp date: 2023/12/31
Last updated: 2023/12/31
「 THEME INFO. 」
❃ Post: glenthemes.tumblr.com/post/176263839584
❃ Preview: glenthpvs.tumblr.com/resonance
❃ Code: pastebin.com/raw/ivPYDzsf
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
「 HOW TO USE. 」
glen-docs.gitlab.io/theme/32
「 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.
「 QUESTIONS. 」
glenthemes.tumblr.com/support
「 CREDITS. 」
ᕕ(๑•◡•๑)ﾉ♬ ~ glencredits.tumblr.com/resonance
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
-------------------------------------------------------------------->
<!DOCTYPE html>
<html
lang="en"
tumblr-controls="{select:tumblr controls}"
bg-mode="{select:background image size}"
base-font-size="{select:font size}"
{block:HomePage}home-page{/block:HomePage}
{block:IndexPage}index-page{/block:IndexPage}
{block:PermalinkPage}permalink-page{/block:PermalinkPage}
{block:TagPage}tag-page{/block:TagPage}
{block:SearchPage}search-page{/block:SearchPage}
{block:SubmitPage}submit-page{/block:SubmitPage}
{block:AskPage}ask-page{/block:AskPage}
heading-font="{select:heading font}"
uppercase-font="{select:uppercase font}"
body-font="{select:body font}"
post-padding="{select:post padding}"
rounded-corners="{select:rounded corners}"
sb2-abt-box-top-gap="{select:about box top gap}"
sb2-normal-box-gap-y="{select:sidebar 2 title bottom gap}"
hide-help-msg="{select:hide help message}"
{block:PermalinkPage}url="{Permalink}"{/block:PermalinkPage}
>
2022-07-22 04:01:29 +01:00
<head>
2024-01-01 02:00:22 +00:00
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
<link href="{Favicon}" rel="shortcut icon"/>
<title>
{Title}
{block:PostSummary} ⋮ {PostSummary}{/block:PostSummary}
{block:TagPage} ⋮ #{Tag}{/block:TagPage}
{block:SearchPage} ⋮ “{SearchQuery}” –
</title>
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
{block:Description}
<meta name="description" content="{MetaDescription}"/>
{/block:Description}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
2023-01-19 06:11:24 +00:00
2024-01-01 02:00:22 +00:00
<!------- FONTS ------->
<link href="//fonts.googleapis.com/css?&display=swap&family=Instrument+Sans:400,400i,600,600i|Inter:400,400i,500,500i,600,600i|Muli:400,400i,600,600i|Manrope:400,400i,600,600i|Libre+Franklin:400,400:i,600,600i|Plus+Jakarta+Sans:400,400i,600,600i|Public+Sans:400,400i,600,600i|Quicksand:600,600i|Geologica:400,600,600i|Golos+Text:500,500i,600,600i|Poppins:500,500i,600,600i|Onest:600,600i|Figtree:500,500i,600,600i|Fragment+Mono:400,400i,600,600i" rel="stylesheet" crossorigin>
2023-05-03 00:41:36 +01:00
2024-01-01 02:00:22 +00:00
<!------- ICON LIBRARIES ------->
<link href="//cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css" rel="stylesheet" crossorigin>
2023-05-03 00:41:36 +01:00
2024-01-01 02:00:22 +00:00
<link href="//feathericons.gitlab.io/i/icons.css" rel="stylesheet" crossorigin>
<link href="//evil-icons.gitlab.io/i/icons.css" rel="stylesheet" crossorigin>
2023-05-09 06:06:09 +01:00
2024-01-01 02:00:22 +00:00
<link href="//static.tumblr.com/gtjt4bo/yb5rvweno/saturnicons.css" rel="stylesheet">
<link href="//cdn.jsdelivr.net/gh/Richard9394/MingCute@main/fonts/MingCute.css" rel="stylesheet">
2023-05-09 06:06:09 +01:00
2024-01-01 02:00:22 +00:00
<!------- SCRIPTS ------->
<script src="//static.tumblr.com/2pnwama/uLNs0r1rq/roots.js"></script>
2023-07-30 04:29:17 +01:00
2024-01-01 02:00:22 +00:00
<script src="//glen-iframes.gitlab.io/i/use.js"></script>
2023-07-30 04:29:17 +01:00
2024-01-01 02:00:22 +00:00
<link href="//glen-npf.gitlab.io/v4-beta/main.css" rel="stylesheet" crossorigin>
<script src="//glen-npf.gitlab.io/v4-beta/use.js"></script>
2023-07-30 04:29:17 +01:00
2024-01-01 02:00:22 +00:00
<script src="//unpkg.com/@popperjs/core@2/dist/umd/popper.min.js"></script>
<script src="//unpkg.com/tippy.js@6/dist/tippy-bundle.umd.js"></script>
2023-07-30 04:29:17 +01:00
2024-01-01 02:00:22 +00:00
<link href="//vid_yo.gitlab.io/o/core.css" rel="stylesheet">
<script src="//vid_yo.gitlab.io/o/init.js"></script>
2023-05-09 06:06:09 +01:00
2024-01-01 02:00:22 +00:00
<script src="//glen-themes.gitlab.io/thms/32/config.js"></script>
<link href="//glen-themes.gitlab.io/thms/32/misc.css" rel="stylesheet" crossorigin>
2023-07-30 04:29:17 +01:00
2024-01-01 02:00:22 +00:00
<!------- CUSTOMIZE PAGE OPTIONS ------->
{block:Options}
<!-- DO NOT edit your options here, go back and scroll down to "THEME OPTIONS". -->
<!---- IMAGES ---->
<meta name="image:background image" content="//64.media.tumblr.com/8036d9d070eb543153919361c65d9d6f/5ef6deb46ee9e07a-7b/s2048x3072/4dcde989b42a8373190c9b48b50d3b25b1f57c75.png">
<meta name="image:sidebar 1 image" content="//64.media.tumblr.com/5239dc38b7814be3069aca852cacd1e0/e2e93af36ceb1aaa-0e/s2048x3072/8c587b5994d78a148e0a6719de181235f8829440.png">
<meta name="image:sidebar 2 icon" content="//static.tumblr.com/gtjt4bo/97os61zz8/jirou_anime.png">
<!---- COLORS ---->
<meta name="color:background" content="#fdfdfd">
<!-- divider: posts -->
<meta name="color:✦  ┈┈  𝐏𝐎𝐒𝐓𝐒" content="">
<meta name="color:post" content="#fff">
<meta name="color:post borders outer" content="#f0f0f0">
<meta name="color:post borders inner" content="#f0f0f0">
<meta name="color:text" content="#6f7580">
<!-- divider: posts: other -->
<meta name="color:✦  ┈┈  𝐏𝐎𝐒𝐓𝐒: 𝐎𝐓𝐇𝐄𝐑" content="">
<meta name="color:alt post" content="#f6f7f8">
<meta name="color:alt post borders inner" content="#ecedef">
<meta name="color:alt text" content="#4f576a">
<!-- divider: more colors -->
<meta name="color:✦  ┈┈  𝐌𝐎𝐑𝐄 𝐂𝐎𝐋𝐎𝐑𝐒" content="">
<meta name="color:headings" content="#4b5057">
<meta name="color:bold" content="#575d65">
<meta name="color:italic" content="#6f7580">
<meta name="color:links" content="#33373c">
<meta name="color:links underline" content="#e8e8e8">
<meta name="color:reblogs usernames" content="#33373c">
<meta name="color:buttons BG" content="#33373c">
<meta name="color:buttons icon" content="#eee">
<meta name="color:post info border" content="#f0f0f0">
<meta name="color:post info BG" content="#f8f9fb">
<meta name="color:post info text" content="#575a65">
<meta name="color:reblog and like border" content="#eaeaea">
<meta name="color:reblog and like BG" content="#fbfcfd">
<meta name="color:reblog and like icon" content="#575a65">
<!-- divider: other colors -->
<meta name="color:✦  ┈┈  𝐎𝐓𝐇𝐄𝐑 𝐂𝐎𝐋𝐎𝐑𝐒" content="">
<meta name="color:scrollbar" content="#b2b4bc">
<meta name="color:text highlight BG" content="#b4d7ff">
<meta name="color:text highlighted" content="#6f7580">
<meta name="color:pagination border" content="#f0f0f0">
<meta name="color:pagination text" content="#6e7680">
<meta name="color:hover text border" content="#f0f0f0">
<meta name="color:hover text BG" content="#fcfcfd">
<meta name="color:hover text" content="#636673">
<!-- divider: music player -->
<meta name="color:✦  ┈┈  𝐌𝐔𝐒𝐈𝐂 𝐏𝐋𝐀𝐘𝐄𝐑" content="">
<meta name="color:music player buttons" content="#3f424a">
<meta name="color:music player note" content="#3f424a">
<meta name="color:song name" content="#3f424a">
<!-- divider: sidebar 1 image -->
<meta name="color:✦  ┈┈  𝐒𝐈𝐃𝐄𝐁𝐀𝐑 𝟏 𝐈𝐌𝐀𝐆𝐄" content="">
<meta name="color:sidebar 1 image border" content="#f0f0f0">
<meta name="color:sidebar 1 image BG" content="#fff">
<!-- divider: navlinks -->
<meta name="color:✦  ┈┈  𝐍𝐀𝐕𝐋𝐈𝐍𝐊𝐒" content="">
<meta name="color:navlinks border" content="#f0f0f0">
<meta name="color:navlinks BG" content="#fff">
<meta name="color:navlinks icons" content="#6f7280">
<meta name="color:navlinks HOVER border" content="#f0f0f0">
<meta name="color:navlinks HOVER BG" content="#f8f9fb">
<meta name="color:navlinks HOVER icons" content="#575a65">
<!-- divider: custom links -->
<meta name="color:✦  ┈┈  𝐂𝐔𝐒𝐓𝐎𝐌 𝐋𝐈𝐍𝐊𝐒" content="">
<meta name="color:custom links border" content="#f0f0f0">
<meta name="color:custom links BG" content="#fcfcfc">
<meta name="color:custom links text" content="#575a65">
<meta name="color:custom links HOVER border" content="#33373c">
<meta name="color:custom links HOVER BG" content="#33373c">
<meta name="color:custom links HOVER text" content="#eee">
<!-- divider: sidebar 2 title -->
<meta name="color:✦  ┈┈  𝐒𝐈𝐃𝐄𝐁𝐀𝐑 𝟐 𝐓𝐈𝐓𝐋𝐄" content="">
<meta name="color:sidebar 2 title border" content="#f0f0f0">
<meta name="color:sidebar 2 title BG" content="#fcfcfc">
<meta name="color:sidebar 2 title" content="#575a65">
<!-- divider: sidebar 2 box -->
<meta name="color:✦  ┈┈  𝐒𝐈𝐃𝐄𝐁𝐀𝐑 𝟐 𝐁𝐎𝐗𝐄𝐒" content="">
<meta name="color:sidebar 2 box border" content="#f2f2f2">
<meta name="color:sidebar 2 box BG" content="#fff">
<meta name="color:sidebar 2 box text" content="#575a65">
<meta name="color:sidebar 2 box bold" content="#454545">
<meta name="color:sidebar 2 box italic" content="#6f7580">
<meta name="color:sidebar 2 box links" content="#33373c">
<meta name="color:sidebar 2 box links underline" content="#e8e8e8">
<meta name="color:activity label BG" content="#f9f9f9">
<meta name="color:activity label text" content="#575a65">
<!---- DROPDOWN OPTS ---->
<!-- divider: general options -->
<meta name="select:✦  ┈┈  𝐆𝐄𝐍𝐄𝐑𝐀𝐋 𝐎𝐏𝐓𝐈𝐎𝐍𝐒" title="" content="">
<meta name="select:hide help message" title="show" content="show">
<meta name="select:hide help message" title="hide" content="hide">
<meta name="select:tumblr controls" title="black" content="black">
<meta name="select:tumblr controls" title="white" content="white">
<meta name="select:background image size" title="tiled / repeating" content="small">
<meta name="select:background image size" title="full screen" content="full">
<!-- rounded corners -->
<meta name="select:rounded corners" title="medium" content=".375rem">
<meta name="select:rounded corners" title="none" content="0px">
<meta name="select:rounded corners" title="more" content=".75rem">
<!-- divider: layout: gaps -->
<meta name="select:✦  ┈┈  𝐋𝐀𝐘𝐎𝐔𝐓: 𝐆𝐀𝐏𝐒" title="" content="">
<!-- screen gap -->
<meta name="select:screen gap" title="65px" content="65px">
<meta name="select:screen gap" title="30px" content="30px">
<meta name="select:screen gap" title="35px" content="35px">
<meta name="select:screen gap" title="40px" content="40px">
<meta name="select:screen gap" title="45px" content="45px">
<meta name="select:screen gap" title="50px" content="50px">
<meta name="select:screen gap" title="55px" content="55px">
<meta name="select:screen gap" title="60px" content="60px">
<meta name="select:screen gap" title="70px" content="70px">
<meta name="select:screen gap" title="75px" content="75px">
<meta name="select:screen gap" title="80px" content="80px">
<meta name="select:screen gap" title="85px" content="85px">
<meta name="select:screen gap" title="90px" content="90px">
<meta name="select:screen gap" title="95px" content="95px">
<meta name="select:screen gap" title="100px" content="100px">
<!-- post side gaps -->
<meta name="select:post side gaps" title="70px" content="70px">
<meta name="select:post side gaps" title="30px" content="30px">
<meta name="select:post side gaps" title="40px" content="40px">
<meta name="select:post side gaps" title="60px" content="60px">
<meta name="select:post side gaps" title="80px" content="80px">
<meta name="select:post side gaps" title="90px" content="90px">
<meta name="select:post side gaps" title="100px" content="100px">
<meta name="select:post side gaps" title="110px" content="110px">
<meta name="select:post side gaps" title="120px" content="120px">
<meta name="select:post side gaps" title="130px" content="130px">
<meta name="select:post side gaps" title="140px" content="140px">
<!-- body font -->
<!-- divider: fonts -->
<meta name="select:✦  ┈┈  𝐅𝐎𝐍𝐓𝐒" title="" content="">
<meta name="select:body font" title="Instrument Sans" content="Instrument Sans">
<meta name="select:body font" title="Inter" content="Inter">
<meta name="select:body font" title="Manrope" content="Manrope">
<meta name="select:body font" title="Libre Franklin" content="Libre Franklin">
<meta name="select:body font" title="Plus Jakarta Sans" content="Plus Jakarta Sans">
<meta name="select:body font" title="Public Sans" content="Public Sans">
<meta name="select:body font" title="Muli" content="Muli">
<!-- heading font -->
<meta name="select:heading font" title="Quicksand" content="Quicksand">
<meta name="select:heading font" title="Geologica" content="Geologica">
<meta name="select:heading font" title="Poppins" content="Poppins">
<!-- caps font -->
<meta name="select:uppercase font" title="Figtree" content="Figtree">
<meta name="select:uppercase font" title="Quicksand" content="Quicksand">
<meta name="select:uppercase font" title="Golos Text" content="Golos Text">
<meta name="select:uppercase font" title="Poppins" content="Poppins">
<meta name="select:uppercase font" title="Onest" content="Onest">
<meta name="select:uppercase font" title="Inter" content="Inter">
2023-07-30 04:29:17 +01:00
<meta name="select:font size" title="13px" content="13px">
2024-01-01 02:00:22 +00:00
<meta name="select:font size" title="11px" content="11px">
<meta name="select:font size" title="12px" content="12px">
2023-07-30 04:29:17 +01:00
<meta name="select:font size" title="14px" content="14px">
<meta name="select:font size" title="15px" content="15px">
<meta name="select:font size" title="16px" content="16px">
2024-01-01 02:00:22 +00:00
<!-- music player -->
<!-- divider: music player -->
<meta name="select:✦  ┈┈  𝐌𝐔𝐒𝐈𝐂 𝐏𝐋𝐀𝐘𝐄𝐑" title="" content="">
<meta name="select:show music player" title="show" content="show">
<meta name="select:show music player" title="hide" content="hide">
<meta name="select:music player style" title="fill" content="-filled">
<meta name="select:music player style" title="outline" content="">
<meta name="select:music player corner gap" title="20px" content="20px">
<meta name="select:music player corner gap" title="10px" content="10px">
<meta name="select:music player corner gap" title="14px" content="14px">
<meta name="select:music player corner gap" title="18px" content="18px">
<meta name="select:music player corner gap" title="24px" content="24px">
<meta name="select:music player corner gap" title="28px" content="28px">
<meta name="select:music player corner gap" title="32px" content="32px">
<meta name="select:music player corner gap" title="36px" content="36px">
<meta name="select:music player buttons size" title="16px" content="16px">
<meta name="select:music player buttons size" title="10px" content="10px">
<meta name="select:music player buttons size" title="12px" content="12px">
<meta name="select:music player buttons size" title="14px" content="14px">
<meta name="select:music player buttons size" title="18px" content="18px">
<meta name="select:music player buttons size" title="20px" content="20px">
<meta name="select:song name size" title="11px" content="11px">
<meta name="select:song name size" title="8px" content="8px">
<meta name="select:song name size" title="9px" content="9px">
<meta name="select:song name size" title="10px" content="10px">
<meta name="select:song name size" title="12px" content="12px">
<meta name="select:song name size" title="13px" content="13px">
<meta name="select:song name size" title="14px" content="14px">
<meta name="select:song name size" title="15px" content="15px">
<meta name="select:song name size" title="16px" content="16px">
<!-- divider: sidebar 1 -->
<meta name="select:✦  ┈┈  𝐒𝐈𝐃𝐄𝐁𝐀𝐑 𝟏" title="" content="">
<meta name="select:navlinks icon padding" title="8px" content="8px">
<meta name="select:navlinks icon padding" title="4px" content="4px">
<meta name="select:navlinks icon padding" title="6px" content="6px">
<meta name="select:navlinks icon padding" title="10px" content="10px">
<meta name="select:navlinks icon padding" title="12px" content="12px">
<meta name="select:navlinks icon padding" title="14px" content="14px">
<meta name="select:navlinks icon size" title="12px" content="12px">
<meta name="select:navlinks icon size" title="10px" content="10px">
<meta name="select:navlinks icon size" title="14px" content="14px">
<meta name="select:navlinks icon size" title="16px" content="16px">
<meta name="select:sidebar 1 row spacing" title="10px" content="10px">
<meta name="select:sidebar 1 row spacing" title="4px" content="4px">
<meta name="select:sidebar 1 row spacing" title="6px" content="6px">
<meta name="select:sidebar 1 row spacing" title="8px" content="8px">
<meta name="select:sidebar 1 row spacing" title="12px" content="12px">
<meta name="select:sidebar 1 row spacing" title="14px" content="14px">
<meta name="select:sidebar 1 row spacing" title="16px" content="16px">
<meta name="select:sidebar 1 row spacing" title="18px" content="18px">
<meta name="select:sidebar 1 row spacing" title="20px" content="20px">
<meta name="select:sidebar 1 image width" title="120px" content="120px">
<meta name="select:sidebar 1 image width" title="60px" content="60px">
<meta name="select:sidebar 1 image width" title="80px" content="80px">
<meta name="select:sidebar 1 image width" title="100px" content="100px">
<meta name="select:sidebar 1 image width" title="140px" content="140px">
<meta name="select:sidebar 1 image width" title="160px" content="160px">
<meta name="select:sidebar 1 image width" title="180px" content="180px">
<meta name="select:sidebar 1 image width" title="200px" content="200px">
<meta name="select:sidebar 1 image padding" title="12px" content="12px">
<meta name="select:sidebar 1 image padding" title="4px" content="4px">
<meta name="select:sidebar 1 image padding" title="6px" content="6px">
<meta name="select:sidebar 1 image padding" title="8px" content="8px">
<meta name="select:sidebar 1 image padding" title="10px" content="10px">
<meta name="select:sidebar 1 image padding" title="14px" content="14px">
<meta name="select:sidebar 1 image padding" title="16px" content="16px">
<meta name="select:sidebar 1 image padding" title="18px" content="18px">
<meta name="select:sidebar 1 image padding" title="20px" content="20px">
<meta name="select:custom links size" title="9px" content="9.5px">
<meta name="select:custom links size" title="8px" content="8.5px">
<meta name="select:custom links size" title="10px" content="10.5px">
<meta name="select:custom links size" title="11px" content="11.5px">
<meta name="select:custom links size" title="12px" content="12.5px">
<meta name="select:custom links size" title="13px" content="13.5px">
<meta name="select:custom links size" title="14px" content="14.5px">
<meta name="select:custom links size" title="15px" content="15.5px">
<meta name="select:custom links padding" title="8px" content="8px">
<meta name="select:custom links padding" title="4px" content="4px">
<meta name="select:custom links padding" title="6px" content="6px">
<meta name="select:custom links padding" title="10px" content="10px">
<meta name="select:custom links padding" title="12px" content="12px">
<meta name="select:custom links padding" title="14px" content="14px">
<meta name="select:custom links padding" title="16px" content="16px">
<meta name="select:custom links padding" title="18px" content="18px">
<meta name="select:custom links padding" title="20px" content="20px">
<meta name="select:custom links spacing" title="8px" content="8px">
<meta name="select:custom links spacing" title="4px" content="4px">
<meta name="select:custom links spacing" title="6px" content="6px">
<meta name="select:custom links spacing" title="10px" content="10px">
<meta name="select:custom links spacing" title="12px" content="12px">
<meta name="select:custom links spacing" title="14px" content="14px">
<meta name="select:custom links spacing" title="16px" content="16px">
<meta name="select:custom links spacing" title="18px" content="18px">
<meta name="select:custom links spacing" title="20px" content="20px">
<!-- divider: sidebar 2 -->
<meta name="select:✦  ┈┈  𝐒𝐈𝐃𝐄𝐁𝐀𝐑 𝟐" title="" content="">
<meta name="select:sidebar 2 width" title="300px" content="300px">
<meta name="select:sidebar 2 width" title="200px" content="200px">
<meta name="select:sidebar 2 width" title="225px" content="225px">
<meta name="select:sidebar 2 width" title="250px" content="250px">
<meta name="select:sidebar 2 width" title="275px" content="275px">
<meta name="select:sidebar 2 width" title="325px" content="325px">
<meta name="select:sidebar 2 width" title="350px" content="350px">
<meta name="select:sidebar 2 width" title="375px" content="375px">
<meta name="select:sidebar 2 width" title="400px" content="400px">
<meta name="select:sidebar 2 title padding" title="12px" content="12px">
<meta name="select:sidebar 2 title padding" title="6px" content="6px">
<meta name="select:sidebar 2 title padding" title="8px" content="8px">
<meta name="select:sidebar 2 title padding" title="10px" content="10px">
<meta name="select:sidebar 2 title padding" title="14px" content="14px">
<meta name="select:sidebar 2 title padding" title="16px" content="16px">
<meta name="select:sidebar 2 title padding" title="18px" content="18px">
<meta name="select:sidebar 2 title size" title="10px" content="10.5px">
<meta name="select:sidebar 2 title size" title="8px" content="8.5px">
<meta name="select:sidebar 2 title size" title="9px" content="9.5px">
<meta name="select:sidebar 2 title size" title="11px" content="11.5px">
<meta name="select:sidebar 2 title size" title="12px" content="12.5px">
<meta name="select:sidebar 2 title size" title="13px" content="13.5px">
<meta name="select:sidebar 2 title size" title="14px" content="14.5px">
<meta name="select:sidebar 2 title size" title="15px" content="15.5px">
<meta name="select:sidebar 2 title size" title="16px" content="16.5px">
<meta name="select:sidebar 2 title bottom gap" title="none" content="0px">
<meta name="select:sidebar 2 title bottom gap" title="4px" content="4px">
<meta name="select:sidebar 2 title bottom gap" title="6px" content="6px">
<meta name="select:sidebar 2 title bottom gap" title="8px" content="8px">
<meta name="select:sidebar 2 title bottom gap" title="10px" content="10px">
<meta name="select:sidebar 2 title bottom gap" title="12px" content="12px">
<meta name="select:sidebar 2 title bottom gap" title="14px" content="14px">
<meta name="select:sidebar 2 title bottom gap" title="16px" content="16px">
<meta name="select:sidebar 2 title bottom gap" title="18px" content="18px">
<meta name="select:sidebar 2 title bottom gap" title="20px" content="20px">
<meta name="select:sidebar 2 icon width" title="64px" content="64px">
<meta name="select:sidebar 2 icon width" title="36px" content="36px">
<meta name="select:sidebar 2 icon width" title="48px" content="48px">
<meta name="select:sidebar 2 icon width" title="100px" content="100px">
<meta name="select:sidebar 2 icon width" title="128px" content="128px">
<meta name="select:sidebar 2 icon width" title="148px" content="148px">
<meta name="select:sidebar 2 icon padding" title="10px" content="10px">
<meta name="select:sidebar 2 icon padding" title="4px" content="4px">
<meta name="select:sidebar 2 icon padding" title="6px" content="6px">
<meta name="select:sidebar 2 icon padding" title="8px" content="8px">
<meta name="select:sidebar 2 icon padding" title="12px" content="12px">
<meta name="select:sidebar 2 icon padding" title="14px" content="14px">
<meta name="select:sidebar 2 icon padding" title="16px" content="16px">
<meta name="select:sidebar 2 icon padding" title="18px" content="18px">
<meta name="select:sidebar 2 icon padding" title="20px" content="20px">
<meta name="select:sidebar 2 box padding" title="14px" content="14px">
<meta name="select:sidebar 2 box padding" title="4px" content="4px">
<meta name="select:sidebar 2 box padding" title="6px" content="6px">
<meta name="select:sidebar 2 box padding" title="8px" content="8px">
<meta name="select:sidebar 2 box padding" title="10px" content="10px">
<meta name="select:sidebar 2 box padding" title="12px" content="12px">
<meta name="select:sidebar 2 box padding" title="16px" content="16px">
<meta name="select:sidebar 2 box padding" title="18px" content="18px">
<meta name="select:sidebar 2 box padding" title="20px" content="20px">
<meta name="select:sidebar 2 box font size" title="13px" content="12.5px">
<meta name="select:sidebar 2 box font size" title="10px" content="9.5px">
<meta name="select:sidebar 2 box font size" title="11px" content="10.5px">
<meta name="select:sidebar 2 box font size" title="12px" content="11.5px">
<meta name="select:sidebar 2 box font size" title="14px" content="13.5px">
<meta name="select:sidebar 2 box font size" title="15px" content="14.5px">
<meta name="select:sidebar 2 box font size" title="16px" content="15.5px">
<meta name="select:sidebar 2 row spacing" title="30px" content="30px">
<meta name="select:sidebar 2 row spacing" title="10px" content="10px">
<meta name="select:sidebar 2 row spacing" title="15px" content="15px">
<meta name="select:sidebar 2 row spacing" title="20px" content="20px">
<meta name="select:sidebar 2 row spacing" title="25px" content="25px">
<meta name="select:sidebar 2 row spacing" title="35px" content="35px">
<meta name="select:sidebar 2 row spacing" title="40px" content="40px">
<meta name="select:sidebar 2 row spacing" title="45px" content="45px">
<meta name="select:sidebar 2 row spacing" title="50px" content="50px">
<meta name="select:sidebar 2 row spacing" title="55px" content="55px">
<meta name="select:sidebar 2 row spacing" title="60px" content="60px">
<meta name="select:about box top gap" title="10px" content="10px">
<meta name="select:about box top gap" title="none" content="0px">
<meta name="select:about box top gap" title="2px" content="2px">
<meta name="select:about box top gap" title="4px" content="4px">
<meta name="select:about box top gap" title="6px" content="6px">
<meta name="select:about box top gap" title="8px" content="8px">
<meta name="select:about box top gap" title="12px" content="12px">
<meta name="select:about box top gap" title="14px" content="14px">
<meta name="select:about box top gap" title="16px" content="16px">
<meta name="select:about box top gap" title="18px" content="18px">
<meta name="select:about box top gap" title="20px" content="20px">
<meta name="select:about box center gap" title="10px" content="10px">
<meta name="select:about box center gap" title="4px" content="4px">
<meta name="select:about box center gap" title="6px" content="6px">
<meta name="select:about box center gap" title="8px" content="8px">
<meta name="select:about box center gap" title="12px" content="12px">
<meta name="select:about box center gap" title="14px" content="14px">
<meta name="select:about box center gap" title="16px" content="16px">
<meta name="select:about box center gap" title="18px" content="18px">
<meta name="select:about box center gap" title="20px" content="20px">
<meta name="select:about box padding" title="12px" content="12px">
<meta name="select:about box padding" title="4px" content="4px">
<meta name="select:about box padding" title="6px" content="6px">
<meta name="select:about box padding" title="8px" content="8px">
<meta name="select:about box padding" title="10px" content="10px">
<meta name="select:about box padding" title="14px" content="14px">
<meta name="select:about box padding" title="16px" content="16px">
<meta name="select:about box padding" title="18px" content="18px">
<meta name="select:about box padding" title="20px" content="20px">
<meta name="select:about box font size" title="12px" content="12px">
<meta name="select:about box font size" title="10px" content="10px">
<meta name="select:about box font size" title="11px" content="11px">
<meta name="select:about box font size" title="13px" content="13px">
<meta name="select:about box font size" title="14px" content="14px">
<meta name="select:about box font size" title="15px" content="15px">
<meta name="select:about box font size" title="16px" content="16px">
<meta name="select:activity label padding" title="10px" content="10px">
<meta name="select:activity label padding" title="4px" content="4px">
<meta name="select:activity label padding" title="6px" content="6px">
<meta name="select:activity label padding" title="8px" content="8px">
<meta name="select:activity label padding" title="12px" content="12px">
<meta name="select:activity label padding" title="14px" content="14px">
<meta name="select:activity label padding" title="16px" content="16px">
<meta name="select:activity label padding" title="18px" content="18px">
<meta name="select:activity label padding" title="20px" content="20px">
<meta name="select:activity label size" title="10px" content="10px">
<meta name="select:activity label size" title="9px" content="9px">
<meta name="select:activity label size" title="11px" content="11px">
<meta name="select:activity label size" title="12px" content="12px">
<meta name="select:activity label size" title="13px" content="13px">
<meta name="select:activity label size" title="14px" content="14px">
<meta name="select:activity column gap" title="16px" content="16px">
<meta name="select:activity column gap" title="4px" content="4px">
<meta name="select:activity column gap" title="6px" content="6px">
<meta name="select:activity column gap" title="8px" content="8px">
<meta name="select:activity column gap" title="10px" content="10px">
<meta name="select:activity column gap" title="12px" content="12px">
<meta name="select:activity column gap" title="14px" content="14px">
<meta name="select:activity column gap" title="18px" content="18px">
<meta name="select:activity column gap" title="20px" content="20px">
<meta name="select:activity row gap" title="8px" content="8px">
<meta name="select:activity row gap" title="4px" content="4px">
<meta name="select:activity row gap" title="6px" content="6px">
<meta name="select:activity row gap" title="10px" content="10px">
<meta name="select:activity row gap" title="12px" content="12px">
<meta name="select:activity row gap" title="14px" content="14px">
<meta name="select:activity row gap" title="16px" content="16px">
<meta name="select:activity row gap" title="18px" content="18px">
<meta name="select:activity row gap" title="20px" content="20px">
<!-- post width -->
<!-- divider: posts -->
<meta name="select:✦  ┈┈  𝐏𝐎𝐒𝐓𝐒" title="" content="">
2023-07-30 04:29:17 +01:00
<meta name="select:post width" title="450px" content="450px">
2024-01-01 02:00:22 +00:00
<meta name="select:post width" title="300px" content="300px">
<meta name="select:post width" title="325px" content="325px">
<meta name="select:post width" title="350px" content="350px">
<meta name="select:post width" title="375px" content="375px">
<meta name="select:post width" title="400px" content="400px">
<meta name="select:post width" title="425px" content="425px">
<meta name="select:post width" title="475px" content="475px">
2023-07-30 04:29:17 +01:00
<meta name="select:post width" title="500px" content="500px">
<meta name="select:post width" title="540px" content="540px">
<meta name="select:post width" title="600px" content="600px">
2024-01-01 02:00:22 +00:00
<meta name="select:post width" title="650px" content="650px">
<meta name="select:post width" title="700px" content="700px">
2023-07-30 04:29:17 +01:00
2024-01-01 02:00:22 +00:00
<!-- post padding -->
2023-07-30 04:29:17 +01:00
<meta name="select:post padding" title="20px" content="20px">
2024-01-01 02:00:22 +00:00
<meta name="select:post padding" title="0px" content="0px">
2023-07-30 04:29:17 +01:00
<meta name="select:post padding" title="10px" content="10px">
<meta name="select:post padding" title="15px" content="15px">
<meta name="select:post padding" title="25px" content="25px">
2024-01-01 02:00:22 +00:00
<!-- post spacing -->
<meta name="select:post spacing" title="45px" content="45px">
2023-07-30 04:29:17 +01:00
<meta name="select:post spacing" title="30px" content="30px">
<meta name="select:post spacing" title="35px" content="35px">
2024-01-01 02:00:22 +00:00
<meta name="select:post spacing" title="40px" content="40px">
2023-07-30 04:29:17 +01:00
<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">
2024-01-01 02:00:22 +00:00
<meta name="select:post spacing" title="65px" content="65px">
<meta name="select:post spacing" title="70px" content="70px">
<meta name="select:post spacing" title="75px" content="75px">
<meta name="select:post spacing" title="80px" content="80px">
2023-07-30 04:29:17 +01:00
2024-01-01 02:00:22 +00:00
<!-- photos spacing -->
<meta name="select:photos spacing" title="4px" content="4px">
<meta name="select:photos spacing" title="0px" content="0px">
<meta name="select:photos spacing" title="2px" content="2px">
<meta name="select:photos spacing" title="6px" content="6px">
<meta name="select:photos spacing" title="8px" content="8px">
<meta name="select:photos spacing" title="10px" content="10px">
<meta name="select:grayscale posts" title="no" content="no">
<meta name="select:grayscale posts" title="yes" content="yes">
<!-- divider: music player -->
<meta name="text:󠀠​" content="✦  ┈┈  𝐌𝐔𝐒𝐈𝐂 𝐏𝐋𝐀𝐘𝐄𝐑
">
<meta name="text:song name" content="沫雪﹕yama {<a href="https://open.spotify.com/track/43wA7GO59hkeojRFu6jU4n?si=a5dacf96c9014d91" aria-label="Awayuki">❅</a>}">
<meta name="text:ʜᴏᴡ ᴛᴏ ʟɪɴᴋ ᴍᴜsɪᴄ:" content="https://linktr.ee/direct_file_links">
<meta name="text:song file URL" content="https://rhizo.gitlab.io/m/Awayuki.m4a">
<meta name="text:song volume" content="85%">
<!-- divider: custom links -->
<meta name="text:󠀠​​" content="✦  ┈┈  𝐂𝐔𝐒𝐓𝐎𝐌 𝐋𝐈𝐍𝐊𝐒
">
<meta name="text:link 1 name" content="link one">
<meta name="text:link 1 URL" content="https://youtu.be/8AxV3y6W-Uk">
<meta name="text:link 2 name" content="">
<meta name="text:link 2 URL" content="">
<meta name="text:link 3 name" content="">
<meta name="text:link 3 URL" content="">
<meta name="text:link 4 name" content="">
<meta name="text:link 4 URL" content="">
<meta name="text:link 5 name" content="">
<meta name="text:link 5 URL" content="">
<meta name="text:link 6 name" content="">
<meta name="text:link 6 URL" content="">
<meta name="text:link 7 name" content="">
<meta name="text:link 7 URL" content="">
<meta name="text:link 8 name" content="">
<meta name="text:link 8 URL" content="">
<!-- divider: box: about -->
<meta name="text:󠀠​​​" content="✦  ┈┈  𝐁𝐎𝐗: 𝐀𝐁𝐎𝐔𝐓
">
<meta name="text:about box title" content="About this blog">
<meta name="text:about box text" content="It was <a href="https://quotemadness.com/post/175045702099">November</a> – the month of crimson sunsets, parting birds, deep, sad hymns of the sea, passionate wind-songs in the pines. — <a href="https://quotemadness.com/post/175045702099">L.M. Montgomery</a>">
<!-- divider: box: activity -->
<meta name="text:󠀠​​​​" content="✦  ┈┈  𝐁𝐎𝐗: 𝐀𝐂𝐓𝐈𝐕𝐈𝐓𝐘
">
<meta name="text:activity box title" content="Currently">
<meta name="text:activity 1 label" content="Reading">
<meta name="text:activity 1 text" content="“<span uppercase>Boys in the Valley</span>” by Philip Fracassi">
<meta name="text:activity 2 label" content="Listening">
<meta name="text:activity 2 text" content="<a href="https://open.spotify.com/album/38eyJBCScUf3CnlH3JhYrc" uppercase>SUPERBLOOM</a> by <span uppercase>Silent Planet</span>">
<meta name="text:activity 3 label" content="Watching">
<meta name="text:activity 3 text" content="<span uppercase>Bricky</span>'s <a href="https://www.youtube.com/playlist?list=PLFL6F_Ec_mhMGH3Q6-omxoSC5_rdhBpaP" uppercase>Elden Ring playthrough</a>">
<meta name="text:activity 4 label" content="Playing">
<meta name="text:activity 4 text" content="<a href="https://wafflegame.net/daily" uppercase>Waffle</a>, <a href="https://store.steampowered.com/app/588650/Dead_Cells" uppercase>Dead Cells</a>">
<!-- divider: box: quote -->
<meta name="text:󠀠​​​​​" content="✦  ┈┈  𝐁𝐎𝐗: 𝐐𝐔𝐎𝐓𝐄
">
<meta name="text:quote box title" content="Quote of the year">
<meta name="text:quote box text" content="i love her like the ocean
<br>
loves the moon - endlessly; tirelessly
<br>
heart swelling every night
<br>
as her gravity pulls me in like a tide
<br>
<p align-right>— <a href="https://sapphicssuggestion.tumblr.com/post/148460842344" uppercase>ocean-sapphics</a></p>">
{/block:Options}
<style>
:root {
--Autoplay-NPF-Videos:"no";
--Padding-Around-Original-Photos:"yes";
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
/*----- GENERAL LAYOUT -----*/
--Window-Margin:{select:screen gap};
--Post-Side-Gaps:{select:post side gaps};
--Rounded-Corners:{select:rounded corners};
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
/*----- FONT OPTIONS -----*/
--Body-Font-Family:{select:body font};
--Body-Font-Size:{select:font size};
--Text-Color:{color:text};
--Line-Height:1.6; /* number only, no units or suffix */
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
/*----- LEFT SIDEBAR OPTIONS -----*/
--Left-Sidebar-Image-Width:{select:sidebar 1 image width};
--Left-Sidebar-Image-Padding:{select:sidebar 1 image padding};
--Left-Sidebar-Image-Border-Size:1px;
--Left-Sidebar-Image-Border-Color:{color:sidebar 1 image border};
--Left-Sidebar-Image-BG:{color:sidebar 1 image BG};
--Left-Sidebar-Image-Total-Width:calc(var(--Left-Sidebar-Image-Width) + (var(--Left-Sidebar-Image-Padding) * 2) + (var(--Left-Sidebar-Image-Border-Size) * 2));
--Navlinks-Icon-Size:{select:navlinks icon size};
--Navlinks-Icon-Color:{color:navlinks icons};
--Navlinks-Icon-Padding:{select:navlinks icon padding};
--Navlinks-Border-Size:1px;
--Navlinks-Border-Color:{color:navlinks border};
--Navlinks-BG:{color:navlinks BG};
--Navlinks-Each-Total-Width:calc(var(--Navlinks-Icon-Size) + (var(--Navlinks-Icon-Padding) * 2) + (var(--Navlinks-Border-Size) * 2));
--Navlinks-Spacing-MINIMUM:4px;
--Navlinks-Hover-Border:{color:navlinks HOVER border};
--Navlinks-Hover-BG:{color:navlinks HOVER BG};
--Navlinks-Hover-Text:{color:navlinks HOVER text};
--Navlinks-Hover-Speed:0.5s;
--Custom-Links-Border-Size:1px;
--Custom-Links-Border-Color:{color:custom links border};
--Custom-Links-Padding-X:{select:custom links padding};
--Custom-Links-Padding-Y:calc({select:custom links padding} - 2px);
--Custom-Links-BG:{color:custom links BG};
--Custom-Links-Font-Family:var(--Caps-Font-Family);
--Custom-Links-Size:{select:custom links size};
--Custom-Links-Text-Color:{color:custom links text};
--Custom-Links-Spacing:{select:custom links spacing};
--Custom-Links-Hover-Border:{color:custom links HOVER border};
--Custom-Links-Hover-BG:{color:custom links HOVER BG};
--Custom-Links-Hover-Text:{color:custom links HOVER text};
--Custom-Links-Hover-Speed:0.5s;
--Left-Sidebar-Row-Gaps:{select:sidebar 1 row spacing};
/*----- RIGHT SIDEBAR OPTIONS -----*/
--Right-Sidebar-Box-Width:{select:sidebar 2 width};
--Right-Sidebar-Heading-Border-Size:1px;
--Right-Sidebar-Heading-Border-Color:{color:sidebar 2 title border};
--Right-Sidebar-Heading-BG:{color:sidebar 2 title BG};
--Right-Sidebar-Heading-Padding-X:{select:sidebar 2 title padding};
--Right-Sidebar-Heading-Padding-Y:calc({select:sidebar 2 title padding} - 2px);
--Right-Sidebar-Heading-Font-Family:var(--Caps-Font-Family);
--Right-Sidebar-Heading-Size:{select:sidebar 2 title size};
--Right-Sidebar-Heading-Text-Color:{color:sidebar 2 title};
--Right-Sidebar-Box-Top-Gap:{select:sidebar 2 title bottom gap};
--Right-Sidebar-Box-Border-Size:1px;
--Right-Sidebar-Box-Border-Color:{color:sidebar 2 box border};
--Right-Sidebar-Box-BG:{color:sidebar 2 box BG};
--Right-Sidebar-Box-Padding-X:{select:sidebar 2 box padding};
--Right-Sidebar-Box-Padding-Y:calc({select:sidebar 2 box padding} - 2px);
--Right-Sidebar-Box-Font-Size:{select:sidebar 2 box font size};
--Right-Sidebar-Box-Text-Color:{color:sidebar 2 box text};
--Right-Sidebar-Box-Text-Color-RGB:{RGBcolor:sidebar 2 box text};
--Right-Sidebar-Box-Links:{color:sidebar 2 box links};
--Right-Sidebar-Box-Links-Underline:{color:sidebar 2 box links underline};
--Right-Sidebar-Box-Bold:{color:sidebar 2 box bold};
--Right-Sidebar-Box-Italic:{color:sidebar 2 box italic};
--Right-Sidebar-Icon-Total-Width:calc(var(--Right-Sidebar-Icon-Width) + (var(--Right-Sidebar-Icon-Border-Size) * 2) + (var(--Right-Sidebar-Icon-Padding) * 2));
--Right-Sidebar-Icon-Width:{select:sidebar 2 icon width};
--Right-Sidebar-Icon-Border-Size:1px;
--Right-Sidebar-Icon-Border-Color:var(--Right-Sidebar-Box-Border-Color);
--Right-Sidebar-Icon-BG:var(--Right-Sidebar-Box-BG);
--Right-Sidebar-Icon-Padding:{select:sidebar 2 icon padding};
--Desc-Top-Gap:{select:about box top gap};
--Desc-Left-Gap:{select:about box center gap};
--Desc-Border-Size:1px;
--Desc-Border-Color:var(--Right-Sidebar-Box-Border-Color);
--Desc-BG:var(--Right-Sidebar-Box-BG);
--Desc-Padding-X:{select:about box padding};
--Desc-Padding-Y:calc({select:about box padding} - 4px);
--Desc-Font-Size:{select:about box font size};
--Desc-Text-Color:var(--Right-Sidebar-Box-Text-Color);
--Desc-Text-Color-RGB:var(--Right-Sidebar-Box-Text-Color-RGB);
--Activity-Label-Padding-X:{select:activity label padding};
--Activity-Label-Padding-Y:calc({select:activity label padding} - 3px);
--Activity-Label-BG:{color:activity label BG};
--Activity-Label-Font-Family:var(--Caps-Font-Family);
--Activity-Label-Font-Size:{select:activity label size};
--Activity-Label-Text-Color:{color:activity label text};
--Activity-Column-Spacing:{select:activity column gap};
--Activity-Row-Spacing:{select:activity row gap};
--Right-Sidebar-Row-Gaps:{select:sidebar 2 row spacing};
/*----- POST OPTIONS -----*/
--Post-Borders-Outer-Size:1px;
--Post-Borders-Outer:{color:post borders outer};
--Post-Borders-Inner:{color:post borders inner};
--Post-Width:{select:post width};
--Post-Padding:{select:post padding};
--Post-Width-Total:calc(var(--Post-Width) + (var(--Post-Padding) * 2) + (var(--Post-Borders-Outer-Size) * 2));
--Post-BG:{color:post};
--Post-Spacing:{select:post spacing};
--Alt-Post-Borders-Inner:{color:alt post borders inner};
--Alt-Post-BG:{color:alt post};
--Alt-Post-Text-Color:{color:alt text};
/*----- CODE TEXT -----*/
--Code-Block-Corner-Roundness:calc(var(--Rounded-Corners) / 2);
--Code-Block-Border:var(--Alt-Post-Borders-Inner);
--Code-Block-BG:var(--Alt-Post-BG);
--Code-Block-Padding:1rem;
--Code-Font-Family:"Fragment Mono";
--Code-Font-Size:calc(var(--Body-Font-Size) * 0.85);
--Code-Block-Text-Color:var(--Alt-Post-Text-Color);
/*----- HEADINGS -----*/
--Heading-Font-Family:{select:heading font};
--Heading-Letter-Spacing:0.025em;
--Heading-Line-Height:1.55; /* number only, no units or suffix */
--Heading-Color:{color:headings};
--H1-Font-Size:calc(var(--Body-Font-Size) * 1.5);
--H2-Font-Size:calc(var(--Body-Font-Size) * 1.35);
--H3-Font-Size:calc(var(--Body-Font-Size) * 1.15);
--H4-Font-Size:calc(var(--Body-Font-Size) * 1.05);
--H5-Font-Size:calc(var(--Body-Font-Size) * 1.05);
--H6-Font-Size:calc(var(--Body-Font-Size) * 1.05);
/*----- ALL CAPS TEXT -----*/
--Caps-Font-Family:{select:uppercase font};
--Caps-Font-Size:calc(var(--Body-Font-Size) - 2px);
--Caps-Font-Weight:normal;
--Caps-Letter-Spacing:0.025em;
/*----- TEXT FORMATTING -----*/
--Bold:{color:bold};
--Italic:{color:italic};
/*----- LINKS -----*/
--Links-Color:{color:links};
--Links-Underline-Size:1px;
--Links-Underline:{color:links underline};
/*----- BLOCKQUOTES -----*/
--Blockquote-Border-Size:1px;
--Blockquote-Border-Color:var(--Post-Borders-Inner);
/*----- POST BUTTONS -----*/
/* e.g. posts audio player, image alt text button */
--Misc-Buttons-BG:{color:buttons bg};
--Misc-Buttons-BG-RGB:{RGBcolor:buttons bg}; /* RGB version of ^ */
--Misc-Buttons-Icon:{color:buttons icon};
/*----- CAPTIONS & REBLOGS -----*/
--Reblogger-Icon-Size:30px;
--Reblogger-Icon-Corner-Roundness:5px;
--Reblogger-Icon-Gap-Right:9px;
--Reblogger-Name-Font-Family:var(--Caps-Font-Family);
--Reblogger-Name-Font-Size:var(--Caps-Font-Size);
--Reblogger-Name-Color:{color:reblogs usernames};
--Reblogger-Head-Bottom-Gap:1em;
--Reblog-Borders-Size:1px;
--Reblog-Borders:var(--Post-Borders-Inner);
/*----- PHOTO OPTIONS -----*/
--Grayscale-Photos-Fade-Speed:0.5s;
--Photoset-Image-Spacing:{select:photos spacing};
/*----- NPF OPTIONS -----*/
--NPF-Images-Spacing:var(--Photoset-Image-Spacing);
--NPF-Caption-Spacing:0px;
--NPF-Move-1st-Photoset:"yes";
--Text-Container-Selector:".caption";
--Text-Reblogs-Selector:".reblogs";
/*----- POLL OPTIONS -----*/
--Poll-Option-Background:{color:alt post};
--Poll-Option-Text-Color:rgba({RGBcolor:alt text}, 0.9);
--Poll-Option-Border:{color:alt post borders inner};
--Poll-Option-Padding:calc(var(--Body-Font-Size) * 0.69);
--Poll-Option-Roundness:5px;
--Poll-Option-Spacing:0.85em;
/*----- QUOTE POST OPTIONS -----*/
--Quote-Font-Family:var(--Heading-Font-Family);
--Quote-Font-Size:var(--H2-Font-Size);
--Quote-Letter-Spacing:var(--Heading-Letter-Spacing);
--Quote-Line-Height:var(--Heading-Line-Height);
--Quote-Decor-Icon-Size:calc(var(--Quote-Font-Size) * 1.25);
--Quote-Decor-Icon-Bottom-Gap:1em;
--Quote-Decor-Icon-Side-Gaps:1em;
--Quote-Decor-Border-Width-Thinner-By:calc(var(--Post-Padding) * 2);
--Quote-Decor-Border-Width:calc(((var(--Post-Width) - var(--Quote-Decor-Icon-Size) - (var(--Quote-Decor-Icon-Side-Gaps) * 2)) / 2) - var(--Quote-Decor-Border-Width-Thinner-By));
--Quote-Decor-Border-Size:1px;
--Quote-Decor-Border-Color:var(--Post-Borders-Inner);
/*----- AUDIO POST OPTIONS -----*/
--Audio-Post-Album-Cover-Size:84px;
--Audio-Post-Album-Gutter:16px;
--Audio-Post-Buttons-Size:calc(var(--Audio-Post-Album-Cover-Size) * 0.13);
--Audio-Post-Buttons-BG:var(--Misc-Buttons-BG);
--Audio-Post-Buttons-Color:var(--Misc-Buttons-Icon);
--Audio-Post-Buttons-Padding:calc(var(--Audio-Post-Buttons-Size) * 1.25);
--Audio-Post-Download-Button-Size:calc(var(--Body-Font-Size) * 1.5);
--Audio-Post-Download-Button-Color:var(--Text-Color);
--Audio-Post-Download-Button-Padding:4px;
--Audio-Post-Volume:85%;
--SoundCloud-Player-Height:116px; /* 20px, 116px, or 500px */
--SoundCloud-Show-Album-Image:"yes";
/*----- LINK POST OPTIONS -----*/
--Link-Block-Image-Size:calc((var(--Post-Width) - (var(--Post-Padding) * 2) - 2px) * 0.16);
--Link-Block-Image-Corner-Roundness:5px;
--Link-Block-Icon-Padding:calc(var(--H3-Font-Size) * 0.75);
--Link-Block-Icon-BG:var(--Misc-Buttons-BG);
--Link-Block-Icon-Size:calc(var(--H3-Font-Size));
--Link-Block-Icon-Color:var(--Misc-Buttons-Icon);
--Link-Block-Icon-Total-Size:calc(var(--Link-Block-Icon-Size) + (var(--Link-Block-Icon-Padding) * 2));
--Link-Block-Middle-Gap:1.15em;
--Link-Block-URL-Top-Gap:0.85em;
/*----- ASK POST OPTIONS -----*/
--Asker-Icon-Size:64px;
--Asker-Icon-Corner-Roundness:3px;
--Asker-Icon-Gap-Right:15px;
--Asker-Name-Font-Family:var(--Caps-Font-Family);
--Asker-Name-Font-Size:var(--Caps-Font-Size);
--Asker-Name-Color:{color:reblogs usernames};
--Asker-Name-Bottom-Gap:0.69em;
/*----- "KEEP READING" OPTIONS -----*/
--Keep-Reading-Open-Dashboard:"no";
--Keep-Reading-Open-In-New-Tab:"yes";
/*----- POST INFO / PERMALINK BAR -----*/
--Permalink-Border-Size:1px;
--Permalink-Border:{color:post info border};
--Permalink-Padding-X:var(--Post-Padding);
--Permalink-Padding-Y:var(--Post-Padding);
--Permalink-BG:{color:post info BG};
--Permalink-Text:{color:post info text};
--Permalink-Text-Items-Spacing:15px;
--Post-Controls-Padding:7px;
--Post-Controls-BG:{color:reblog and like BG};
--Post-Controls-Border:{color:reblog and like border};
--Post-Controls-Size:15px;
--Post-Controls-Color:{color:reblog and like icon};
--Post-Controls-Spacing:5px;
--Liked-Button-Color:#ff7474;
/*----- PAGINATION -----*/
--Pagination-Border-Size:1px;
--Pagination-Border-Color:{color:pagination border};
--Pagination-Padding:var(--Post-Padding);
--Pagination-Arrows-Size:var(--H3-Font-Size);
--Pagination-Numbers-Size:var(--Body-Font-Size);
--Pagination-Items-Spacing:0.8em;
--Pagination-Arrows-Bonus-Spacing:1em;
--Pagination-Text-Color:{color:pagination text};
/*----- POST NOTES -----*/
--Post-Notes-Row-Spacing:15px;
--Post-Notes-Type-Icon-Size:18px;
--Post-Notes-Type-Icon-Gap-Right:11px;
/*----- MUSIC PLAYER OPTIONS -----*/
--MusicPlayer-Corner-Gap:{select:music player corner gap};
--MusicPlayer-Buttons-Size:{select:music player buttons size};
--MusicPlayer-Buttons-Color:{color:music player buttons};
--MusicPlayer-Buttons-Touch-Padding:4px;
--MusicPlayer-Note-Size:calc(var(--MusicPlayer-Buttons-Size) * 0.85);
--MusicPlayer-Note-Color:{color:music player note};
--MusicPlayer-Middle-Gap:9px;
--MusicPlayer-Font-Family:var(--Caps-Font-Family);
--MusicPlayer-Font-Size:{select:song name size};
--MusicPlayer-Text-Color:{color:song name};
--MusicPlayer-Text-Color-RGB:{RGBcolor:song name};
/*----- SCROLLBAR OPTIONS -----*/
--Scrollbar-Padding:13px;
--Scrollbar-Thumb:{color:scrollbar};
/*----- TOOLTIPS OPTIONS -----*/
--Tooltips-Border-Size:1px;
--Tooltips-Border:{color:hover text border};
--Tooltips-Padding-X:var(--Custom-Links-Padding-X);
--Tooltips-Padding-Y:var(--Custom-Links-Padding-Y);
--Tooltips-BG:{color:hover text BG};
--Tooltips-Text-Color:{color:hover text};
--Tooltips-Font-Size:calc(var(--Caps-Font-Size) - 1px);
}/* end root */
html[post-padding="0px"]:root {
--Post-Padding:20px;
--Padding-Around-Original-Photos:"no";
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
html[post-padding="20px"]:root {
--Permalink-Padding-Y:calc(var(--Post-Padding) - 2px);
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
/*------- TUMBLR CONTROLS -------*/
iframe.tmblr-iframe.iframe-controls--desktop {
position:fixed!important;
left:initial!important;
top:0!important;
right:0!important;
margin-left:0px!important;
margin-top:5px!important;
margin-right:5px!important;
transform-origin:100% 0%!important;
transform:scale(0.8,0.8)!important;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
html[tumblr-controls="black"] iframe.tmblr-iframe.iframe-controls--desktop {
filter:invert(100%) hue-rotate(180deg)!important;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.tmblr-iframe--follow-teaser, .follow-teaser, .iframe-controls--phone-mobile, .tmblr-iframe--app-cta-button {
display:none!important;
visibility:hidden!important;
height:0!important;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
/*------- BASICS -------*/
* {
box-sizing:border-box;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
body {
margin:0;
background-color:{color:background};
background-image:url({image:background image});
background-attachment:fixed;
background-position:center;
font-family:var(--Body-Font-Family), Helvetica, sans-serif;
word-wrap:break-word;
font-size:var(--Body-Font-Size);
line-height:var(--Line-Height);
color:var(--Text-Color);
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
html[bg-mode="full"] body {
background-size:cover;
background-repeat:no-repeat;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
html[bg-mode="small"] body {
background-repeat:repeat;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.no-overscroll {
overscroll-behavior:none;
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
[class^="mgc_"]:before, [class*=" mgc_"]:before {
color:inherit;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
/*------- BODY FONT -------*/
html[body-font="Plus Jakarta Sans"]{
letter-spacing:0.005em;
word-spacing:0.08em;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
html[body-font="Manrope"]{
letter-spacing:0.02em;
word-spacing:0.05em;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
html[body-font="Instrument Sans"],
html[body-font="Libre Franklin"]{
letter-spacing:0.005em;
word-spacing:0.03em;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
/*------- HEADINGS -------*/
h1, h2, h3, h4, h5, h6 {
font-family:var(--Heading-Font-Family);
2022-07-22 04:01:29 +01:00
font-weight:normal;
2024-01-01 02:00:22 +00:00
line-height:var(--Heading-Line-Height);
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
h1, h2:first-child:only-of-type,
.npf_quote, .npf-link-block .bottom .description {
font-size:calc(var(--H1-Font-Size) - 2px);
text-transform:uppercase;
letter-spacing:var(--Caps-Letter-Spacing);
word-spacing:0;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
h1, h2:first-child:only-of-type,
.npf-link-block .bottom .description {
color:var(--Heading-Color)!important;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
h1, h2:first-child:only-of-type {
text-align:center;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.add-padding + .caption .reblog-content > h2:first-child:only-of-type {
text-align:initial;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
h2 {
font-size:var(--H2-Font-Size);
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
h3 {
font-size:var(--H3-Font-Size);
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
h4 {
font-size:var(--H4-Font-Size);
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
h5 {
font-size:var(--H5-Font-Size);
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
h6 {
font-size:var(--H6-Font-Size);
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
html[heading-font="Quicksand"]{
--Heading-Letter-Spacing:0.05em;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
/*------- GENERAL -------*/
figure { margin:0; }
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
img {
object-fit:cover;
object-position:center;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
img, iframe, video, canvas {
max-width:100%;
2022-07-22 04:01:29 +01:00
vertical-align:middle;
}
2024-01-01 02:00:22 +00:00
iframe, video, canvas {
2022-07-22 04:01:29 +01:00
width:100%;
}
2024-01-01 02:00:22 +00:00
/* bold text */
b, strong {
font-weight:600;
color:var(--Bold);
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.post-body b, .post-body strong {
letter-spacing:0.02em;
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
/* italic text */
i:not([class]), em {
font-style:italic;
color:var(--Italic);
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.flex {
display:flex;
flex-wrap:wrap;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.true-center {
align-items:center;
justify-content:center;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.self-y-center { align-self:center; }
.y-center { align-items:center; }
.x-center { justify-content:center; }
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
.sr-text {
border:0;
clip:rect(1px, 1px, 1px, 1px);
clip-path:inset(50%);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px;
word-wrap:normal !important;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
p:empty, .caption:empty, .reblogs:empty {
display:none;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
ul, ol {
padding-left:0;
margin-left:calc(0.5em + var(--Body-Font-Size) + 1em);
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
li {
padding-left:0.5em;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
/* nested bullet lists */
ul ul, ol ol, ul ol, ol ul {
margin-left:calc(0.5em + var(--Body-Font-Size));
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
hr {
margin:var(--Post-Padding) auto;
display:block;
width:69%;
border:none;
height:1px;
background:var(--Post-Borders-Inner);
transform:perspective(0);
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
/*------- UPPERCASE FONT -------*/
html[uppercase-font="Quicksand"]{
--Caps-Letter-Spacing:0.06em;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
html[uppercase-font="Golos Text"]{
--Caps-Letter-Spacing:0.04em;
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
html[uppercase-font="Poppins"]{
--Caps-Letter-Spacing:0.06em;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
html[uppercase-font="Onest"],
html[uppercase-font="Figtree"]{
--Caps-Letter-Spacing:0.05em;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
html[uppercase-font="Inter"]{
--Caps-Font-Size:calc(var(--Body-Font-Size) - 2px);
--Caps-Letter-Spacing:0.06em;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
/* font-weight:600 */
html[uppercase-font="Inter"],
html[uppercase-font="Quicksand"],
html[uppercase-font="Onest"],
html[uppercase-font="Figtree"]{
--Caps-Font-Weight:600;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
/*------- TEXT HIGHLIGHT -------*/
::selection {
background:{color:text highlight BG};
color:{color:text highlighted};
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
::-moz-selection {
background:{color:text highlight BG};
color:{color:text highlighted};
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
/*------- SCROLLBAR -------*/
@-moz-document url-prefix(){
* {
scrollbar-width:thin; /* firefox only */
}
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
::-webkit-scrollbar {
width:var(--Scrollbar-Padding);
height:var(--Scrollbar-Padding);
background-color:transparent;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
::-webkit-scrollbar-thumb {
background-color:var(--Scrollbar-Thumb);
border:calc((var(--Scrollbar-Padding) - 1px) / 2) solid transparent;
background-clip:padding-box;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
::-webkit-scrollbar-corner {
background:transparent;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
/*------- LINKS -------*/
a {
text-decoration:none;
color:var(--Links-Color);
}
/* link underlines */
.desc a, .normal-box a,
.quote-source a,
.posts.brief a,
.original-post a[href]:not(.aud-gen a, .reblog-header a.tumblr_blog, .poll-post a, .npf-link-block a),
.original-post a[title]:not(.aud-gen a, .reblog-header a.tumblr_blog, .poll-post a, .npf-link-block a),
.reblog-content a[href]:not(.aud-gen a, .reblog-header a.tumblr_blog, .poll-post a, .npf-link-block a),
.reblog-content a[title]:not(.aud-gen a, .reblog-header a.tumblr_blog, .poll-post a, .npf-link-block a){
padding-bottom:1px;
border-bottom:var(--Links-Underline-Size) solid var(--Links-Underline);
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
/*------- BLOCKQUOTES -------*/
blockquote {
padding-left:calc((var(--Reblogger-Icon-Size) / 2) + var(--Reblogger-Icon-Gap-Right) - 1px);
border-left:var(--Blockquote-Border-Size) solid var(--Blockquote-Border-Color);
margin-right:0;
margin-left:calc(var(--Reblogger-Icon-Size) / 2);
}
blockquote p {
padding:0!important;
}
/*------- CODE TEXT -------*/
pre, code, .npf_chat:not([data-npf*='{"subtype":"chat"}']){
background:var(--Code-Block-BG);
border:1px solid var(--Code-Block-Border);
font-family:var(--Code-Font-Family), monospace!important;
font-weight:var(--Caps-Font-Weight)!important;
font-size:var(--Code-Font-Size)!important;
color:var(--Code-Block-Text-Color)!important;
}
pre, .npf_chat:not([data-npf*='{"subtype":"chat"}']) {
padding:var(--Code-Block-Padding);
border-radius:var(--Code-Block-Corner-Roundness);
white-space:pre-wrap;
}
code:not(pre code){
--urr:calc((var(--Code-Font-Size) * var(--Line-Height)) - var(--Code-Font-Size));
--uhh:calc(var(--urr) / 2);
border-radius:3px;
padding:calc(var(--uhh) - 0.5px) calc(var(--uhh) + 2px);
white-space:nowrap;
}
/*------- MASK SVGS -------*/
.play-icon, .pause-icon {
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
-webkit-mask-position:center;
mask-position:center;
-webkit-mask-size:contain;
mask-size:contain;
}
/*------- PSEUDO ICONS -------*/
.quote-container:before,
.npf-link-block .poster:after,
.npf-link-block .bottom .site-name:before,
ol.notes li > span.action > a:first-of-type:before {
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: never;
}
/*------- MAIN CONTAINER -------*/
main {
width:100%;
width:fit-content; /* might not work for all browsers yet so 100% was a fallback */
padding:0 4vmax;
margin:auto;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
main.flex {
align-items:flex-start;
flex-wrap:nowrap;
gap:0 var(--Post-Side-Gaps);
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
/*------- SIDEBARS -------*/
.sidebar {
position:sticky;
height:100vh;
top:0;
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
/*------- LEFT SIDEBAR -------*/
.sidebar.left {
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
.sidebar.left > .inner {
2022-07-22 04:01:29 +01:00
display:flex;
2024-01-01 02:00:22 +00:00
flex-direction:column;
gap:var(--Left-Sidebar-Row-Gaps) 0;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.sidebar .sidebar-image {
margin-left:auto;
margin-right:auto;
width:var(--Left-Sidebar-Image-Total-Width);
height:var(--Left-Sidebar-Image-Total-Width);
border:var(--Left-Sidebar-Image-Border-Size) solid var(--Left-Sidebar-Image-Border-Color);
background:var(--Left-Sidebar-Image-BG);
border-radius:var(--Rounded-Corners);
box-sizing:border-box;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.sidebar .sidebar-image[img*="//assets.tumblr.com/images/x.gif"]{
display:none;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.sidebar .sidebar-image img {
width:var(--Left-Sidebar-Image-Width);
height:auto;
border-radius:calc(var(--Rounded-Corners) / 2);
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.navlinks {
justify-content:space-between;
gap:var(--Navlinks-Spacing-MINIMUM);
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.navlinks > a {
display:flex;
align-items:center;
justify-content:center;
width:var(--Navlinks-Each-Total-Width);
height:var(--Navlinks-Each-Total-Width);
border:var(--Navlinks-Border-Size) solid var(--Navlinks-Border-Color);
background:var(--Navlinks-BG);
border-radius:calc(var(--Rounded-Corners) / 2);
transition:all var(--Navlinks-Hover-Speed) ease-in-out;
box-sizing:border-box;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.navlinks > a > *:first-child {
display:block;
font-size:var(--Navlinks-Icon-Size);
color:var(--Navlinks-Icon-Color);
line-height:0;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.navlinks > a:hover {
border-color:var(--Navlinks-Hover-Border);
background:var(--Navlinks-Hover-BG);
color:var(--Navlinks-Hover-Text);
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.custom-links {
display:flex;
flex-direction:column;
gap:var(--Custom-Links-Spacing);
}
.custom-links > a {
border:var(--Custom-Links-Border-Size) solid var(--Custom-Links-Border-Color);
padding:var(--Custom-Links-Padding-Y) var(--Custom-Links-Padding-X);
background:var(--Custom-Links-BG);
border-radius:calc(var(--Rounded-Corners) / 2);
font-family:var(--Custom-Links-Font-Family);
font-weight:var(--Caps-Font-Weight);
font-size:var(--Custom-Links-Size);
text-transform:uppercase;
word-spacing:0;
letter-spacing:calc(var(--Caps-Letter-Spacing) + 0.09em);
color:var(--Custom-Links-Text-Color);
transition:all var(--Custom-Links-Hover-Speed) ease-in-out;
text-align:center;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.custom-links > a:hover {
border-color:var(--Custom-Links-Hover-Border);
background:var(--Custom-Links-Hover-BG);
color:var(--Custom-Links-Hover-Text);
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
/*------- RIGHT SIDEBAR -------*/
.sidebar.right .section {
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.sidebar.right > .inner {
display:flex;
flex-direction:column;
gap:var(--Right-Sidebar-Row-Gaps) 0;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.sidebar.right .section {
width:var(--Right-Sidebar-Box-Width);
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.sidebar.right .section > h3:first-child {
position:relative;
margin:0;
border:var(--Right-Sidebar-Heading-Border-Size) solid var(--Right-Sidebar-Heading-Border-Color);
background:var(--Right-Sidebar-Heading-BG);
padding:var(--Right-Sidebar-Heading-Padding-Y) var(--Right-Sidebar-Heading-Padding-X);
border-radius:var(--Rounded-Corners);
font-family:var(--Right-Sidebar-Heading-Font-Family);
font-weight:var(--Caps-Font-Weight);
font-size:var(--Right-Sidebar-Heading-Size);
text-transform:uppercase;
letter-spacing:calc(var(--Caps-Letter-Spacing) + 0.125em);
word-spacing:0;
color:var(--Right-Sidebar-Heading-Text-Color);
text-align:center;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
html[uppercase-font="Inter"] .sidebar.right .section > h3:first-child {
letter-spacing:calc(var(--Caps-Letter-Spacing) + 0.08em)!important;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.sidebar.right .section h3 + .av {
margin-top:var(--Desc-Top-Gap);
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.sidebar.right .section .av {
gap:0 var(--Desc-Left-Gap);
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.sidebar.right .section .icon-wrap {
width:var(--Right-Sidebar-Icon-Total-Width);
height:var(--Right-Sidebar-Icon-Total-Width);
border:var(--Right-Sidebar-Icon-Border-Size) solid var(--Right-Sidebar-Icon-Border-Color);
background:var(--Right-Sidebar-Icon-BG);
border-radius:var(--Rounded-Corners);
box-sizing:border-box;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.sidebar.right .section[img*="//assets.tumblr.com/images/x.gif"] .icon-wrap {
display:none;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.sidebar.right .section img {
width:var(--Right-Sidebar-Icon-Width);
height:var(--Right-Sidebar-Icon-Width);
border-radius:calc(var(--Rounded-Corners) / 2);
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.desc-wrap-a {
flex:1;
height:var(--Right-Sidebar-Icon-Total-Width);
border:var(--Desc-Border-Size) solid var(--Desc-Border-Color);
padding:var(--Desc-Padding-Y) var(--Desc-Padding-X);
background:var(--Desc-BG);
border-radius:var(--Rounded-Corners);
box-sizing:border-box;
overflow:auto;
--Scrollbar-Thumb:rgba(var(--Desc-Text-Color-RGB),0.3);
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.desc-wrap-b {
font-size:var(--Desc-Font-Size);
color:var(--Desc-Text-Color);
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.normal-box {
border:var(--Right-Sidebar-Box-Border-Size) solid var(--Right-Sidebar-Box-Border-Color);
padding:var(--Right-Sidebar-Box-Padding-Y) var(--Right-Sidebar-Box-Padding-X);
background:var(--Right-Sidebar-Box-BG);
font-size:var(--Right-Sidebar-Box-Font-Size);
border-radius:var(--Rounded-Corners);
color:var(--Right-Sidebar-Box-Text-Color);
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
h3 + .normal-box {
margin-top:calc(var(--Right-Sidebar-Box-Top-Gap) - var(--Right-Sidebar-Heading-Border-Size));
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.t-table {
display:table;
margin:calc(0px - var(--Activity-Row-Spacing)) calc(0px - var(--Activity-Column-Spacing));
border-spacing:var(--Activity-Column-Spacing) var(--Activity-Row-Spacing);
border-collapse:initial;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.t-row {
display:table-row;
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
.t-row > .t-cell {
display:table-cell;
vertical-align:top;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.normal-box label {
display:inline-block;
padding:var(--Activity-Label-Padding-Y) var(--Activity-Label-Padding-X);
background:var(--Activity-Label-BG);
border-radius:calc(var(--Rounded-Corners) / 2);
font-family:var(--Activity-Label-Font-Family);
font-weight:var(--Caps-Font-Weight);
font-size:var(--Activity-Label-Font-Size);
text-transform:uppercase;
letter-spacing:calc(var(--Caps-Letter-Spacing) + 0.04em);
color:var(--Activity-Label-Text-Color);
cursor:text;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.normal-box [uppercase]{
font-family:var(--Caps-Font-Family);
font-weight:var(--Caps-Font-Weight);
font-size:calc(var(--Right-Sidebar-Box-Font-Size) - 2px);
text-transform:uppercase;
letter-spacing:calc(var(--Caps-Letter-Spacing) + 0.03em);
word-spacing:0;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
html[uppercase-font="Poppins"] .normal-box [uppercase]{
letter-spacing:calc(var(--Caps-Letter-Spacing) + 0.015em)!important;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.t-row > .t-cell:not(:first-child){
--tot:calc(((var(--Right-Sidebar-Box-Font-Size) * var(--Line-Height)) - var(--Right-Sidebar-Box-Font-Size)) / 2);
padding-top:var(--tot);
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.normal-box > blockquote {
padding:0;
margin:1em 0;
border:none;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.desc p:first-child,
.normal-box p:first-child,
.normal-box blockquote:first-child {
margin-top:0;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.desc p:last-child,
.normal-box p:last-child,
.normal-box blockquote:last-child {
margin-bottom:0;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.desc p:only-child,
.normal-box p:only-child,
.normal-box blockquote:only-child {
margin:0;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.normal-box a, .desc a {
color:var(--Right-Sidebar-Box-Links);
border-color:var(--Right-Sidebar-Box-Links-Underline);
}
.normal-box i:not([class]), .normal-box em,
.desc i:not([class]), .desc em {
color:var(--Right-Sidebar-Box-Italic);
}
.normal-box b, .normal-box strong,
.desc b, .desc strong {
color:var(--Right-Sidebar-Box-Bold);
}
[align-left]{ text-align:left; }
[align-center]{ text-align:center; }
[align-right]{ text-align:right; }
/* file.garden/ZRt8jW_MomIqlrfn/screenshots/dxlru.png */
html[rounded-corners][sb2-normal-box-gap-y="0px"]
.sidebar.right .section:not(.about) > h3:first-child:not(:only-child){
border-radius:var(--Rounded-Corners) var(--Rounded-Corners) 0 0;
}
html[rounded-corners][sb2-normal-box-gap-y="0px"]
.sidebar.right .section:not(.about) > h3:first-child:not(:only-child) + * {
border-radius:0 0 var(--Rounded-Corners) var(--Rounded-Corners);
}
/* file.garden/ZRt8jW_MomIqlrfn/screenshots/aifos.png */
html[rounded-corners][sb2-abt-box-top-gap="0px"]
.sidebar.right .section.about[img*="//assets.tumblr.com/images/x.gif"] > h3:first-child:not(:last-child):not(:only-child){
position:relative;
border-radius:var(--Rounded-Corners) var(--Rounded-Corners) 0 0;
}
html[rounded-corners][sb2-abt-box-top-gap="0px"]
.sidebar.right .section.about[img*="//assets.tumblr.com/images/x.gif"] .desc-wrap-a:not(:first-child):not(:only-child){
margin-top:calc(0px - var(--Desc-Border-Size));
border-radius:0 0 var(--Rounded-Corners) var(--Rounded-Corners);
height:auto;
max-height:none;
}
/*------- POSTS -------*/
section.all-posts {
/*width:calc(100% - var(--Post-Width-Total));*/
min-width:var(--Post-Width-Total);
margin:var(--Window-Margin) 0;
}
.posts, ol.notes {
position:relative;
margin-left:auto;
margin-right:auto;
width:var(--Post-Width-Total);
background:var(--Post-BG);
border:var(--Post-Borders-Outer-Size) solid var(--Post-Borders-Outer);
border-radius:var(--Rounded-Corners);
overflow:hidden;
}
.posts + .posts,
.posts + ol.notes {
margin-top:var(--Post-Spacing);
}
.posts img {
display:block;
}
.posts iframe,
.posts img {
max-width:100%;
box-sizing:border-box;
}
[post-type="text"] .original-post .reblog-content > p:first-child { margin-top:0; }
[post-type="text"] .original-post .reblog-content > p:only-child { margin:0; }
[post-type="text"] .original-post .reblog-content > p:last-child { margin-bottom:0; }
.add-padding {
padding:var(--Post-Padding);
padding-bottom:0;
}
.add-padding.with-bottom {
padding-bottom:var(--Post-Padding)!important;
}
/*------- IF PAGES DON'T EXIST -------*/
.posts.brief {
padding:var(--Post-Padding);
}
.posts.brief > h3 { margin:0 }
.posts.brief a.tag:before { content:"#" }
.posts.brief .search_query:before { content:"“" }
.posts.brief .search_query:after { content:"”" }
.posts.brief[class$="disabled"],
html:not([submit-page])[current-url="/submit"]
.posts.brief.submit-disabled ~ .posts,
html:not([ask-page])[current-url="/ask"]
.posts.brief.ask-disabled ~ .posts,
.posts.brief .search-disabled ~ * {
display:none;
}
html:not([submit-page])[current-url="/submit"]
.posts.brief.submit-disabled {
display:block;
}
html:not([ask-page])[current-url="/ask"]
.posts.brief.ask-disabled {
display:block;
}
/*----- MONOCHROME POSTS / GRAYSCALE POSTS -----*/
{block:IndexPage}
.post-body.yes-gray img,
.post-body.yes-gray .legacy-photo,
.post-body.yes-gray .legacy-video,
.post-body.yes-gray .npf_group,
.post-body.yes-gray .tmblr-full,
.post-body.yes-gray .npf-link-block .poster:after {
2022-07-22 04:01:29 +01:00
filter:grayscale(100%);
2024-01-01 02:00:22 +00:00
transition:filter var(--Grayscale-Photos-Fade-Speed) ease-in-out;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.posts:hover .post-body.yes-gray img,
.posts:hover .post-body.yes-gray .legacy-photo,
.posts:hover .post-body.yes-gray .legacy-video,
.posts:hover .post-body.yes-gray .npf_group,
.posts:hover .post-body.yes-gray .tmblr-full,
.posts:hover .post-body.yes-gray .npf-link-block .poster:after {
2022-07-22 04:01:29 +01:00
filter:grayscale(0%);
}
2024-01-01 02:00:22 +00:00
{/block:IndexPage}
/*------- FIRST ITEM IN POST -------*/
.post-body > .add-padding:first-child > *:first-child {
--First-Item-Border-Radius:calc((var(--Rounded-Corners) / 2) + 2px);
border-radius:var(--First-Item-Border-Radius);
overflow:hidden;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
/* file.garden/ZRt8jW_MomIqlrfn/screenshots/dhxdb.png */
html[first-item-padding="no"] .post-body > .add-padding:first-child > *:first-child {
border-radius:var(--First-Item-Border-Radius) var(--First-Item-Border-Radius) 0 0;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
/*------- CAPTION / REBLOGS -------*/
/* ignore this */
.invis {
opacity:0;
2022-07-22 04:01:29 +01:00
}
2024-01-01 02:00:22 +00:00
.invis, main:not(.invis){
transition:opacity 1s ease-in-out;
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
/* reblogger icon */
.reblog-header, .reblog-head {
display:flex;
align-items:center;
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
.reblog-header {
margin-bottom:var(--Reblogger-Head-Bottom-Gap);
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
.reblog-header img {
width:var(--Reblogger-Icon-Size);
height:var(--Reblogger-Icon-Size);
margin-right:var(--Reblogger-Icon-Gap-Right);
border-radius:var(--Reblogger-Icon-Corner-Roundness);
}
/* reblogger username */
.reblog-user, .reblog-content p > a.tumblr_blog, a.read_more, p.tmblr-attribution a {
font-family:var(--Reblogger-Name-Font-Family);
text-transform:uppercase;
font-size:var(--Reblogger-Name-Font-Size);
font-weight:var(--Caps-Font-Weight);
letter-spacing:var(--Caps-Letter-Spacing);
color:var(--Reblogger-Name-Color);
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
/* deactivated user */
.reblog-head.deactivated {
cursor:default;
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
.reblog-head .reblog-user + .deactivated {
margin-left:0.5em;
opacity:0.69;
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
.caption {
padding:0 var(--Post-Padding);
margin:var(--Post-Padding) 0;
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
/* file.garden/ZRt8jW_MomIqlrfn/screenshots/m7tefRF9cLccwTAXa4U_X.png */
.npf_group + .caption,
.post-body > .tmblr-embed + .caption,
.legacy-video + .caption,
.legacy-photo + .caption,
.legacy-photoset + .caption {
margin-top:var(--Post-Padding);
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
.caption > .reblogs {
margin:0 calc(0px - var(--Post-Padding));
padding:0 var(--Post-Padding);
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
.caption > .reblogs + .reblogs {
margin-top:var(--Post-Padding);
padding-top:var(--Post-Padding);
border-top:var(--Reblog-Borders-Size) solid var(--Reblog-Borders);
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
.caption p:last-child,
.reblog-content p:last-child {
margin-bottom:0;
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
.reblog-header,
.reblog-content {
padding-bottom:0;
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
/* file.garden/ZRt8jW_MomIqlrfn/screenshots/oynxq.png */
.post-body > .npf_group:first-child + .caption.original-post > .reblogs:only-child .reblog-content > p:first-child {
margin-top:0;
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
/*------- POLLS -------*/
.original-post > .poll-post > .poll-question:first-child,
.reblog-content > .poll-post > .poll-question:first-child {
margin-top:0;
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
.poll-question {
font-family:var(--Heading-Font-Family);
font-size:var(--H3-Font-Size)!important;
font-weight:normal!important;
line-height:var(--Heading-Line-Height);
margin-bottom:1.2em!important;
}
.poll-row {
display:block!important;
font-family:var(--Body-Font-Family)!important;
font-size:var(--Body-Font-Size)!important;
line-height:var(--Line-Height)!important;
background:var(--Poll-Option-Background)!important;
border:1px solid var(--Poll-Option-Border)!important;
border-radius:var(--Poll-Option-Roundness)!important;
padding:var(--Poll-Option-Padding)!important;
min-height:0!important;
color:var(--Poll-Option-Text-Color)!important;
font-weight:normal!important;
margin-bottom:var(--Poll-Option-Spacing)!important;
text-align:center;
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
.poll-date-start {
margin-top:1.2em;
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
.poll-date-start, .poll-date-end, .poll-see-results {
font-family:var(--Caps-Font-Family);
font-size:calc(var(--Caps-Font-Size) + 1px);
font-weight:var(--Caps-Font-Weight);
text-transform:uppercase;
letter-spacing:var(--Caps-Letter-Spacing);
text-align:center;
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
.poll-see-results {
margin-top:1em!important;
display:block;
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
/*------- PHOTO POSTS -------*/
.legacy-photo img {
cursor:pointer;
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
.legacy-photoset {
display:grid;
grid-gap:var(--Photoset-Image-Spacing)
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
.legacy-photoset > img {
display:none; /* handle loading */
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
.layout-row {
display:grid;
grid-gap:0 var(--Photoset-Image-Spacing);
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
.layout-row img {
width:100%;
height:100%;
cursor:pointer;
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
/*------- PHOTO LIGHTBOX -------*/
body[style*="overflow: hidden;"],
body[style*="overflow:hidden;"]{
overflow:inherit!important;
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
.tmblr-lightbox {
background:transparent!important;
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
.tmblr-lightbox .vignette {
background-image:none!important;
background-color:rgba({RGBcolor:background},0.69);
backdrop-filter:blur(3px)
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
.tmblr-lightbox .lightbox-image,
.tmblr-lightbox img {
box-shadow:none!important;
border-radius:var(--Rounded-Corners)!important;
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
.tmblr-lightbox img {
max-width:none;
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
/*------- QUOTE POSTS -------*/
.npf_quote {
font-family:var(--Quote-Font-Family)!important;
font-size:var(--Quote-Font-Size)!important;
font-weight:normal;
letter-spacing:var(--Quote-Letter-Spacing);
line-height:var(--Quote-Line-Height)!important;
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
/* file.garden/ZRt8jW_MomIqlrfn/screenshots/rcxjv.png */
[post-type="quote"].previously-npf .reblogs.original-entry .reblog-header {
display:none;
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
blockquote.quote-text {
position:relative;
padding:0 1em;
border:none;
text-align:center;
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
.quote-container {
position:relative;
}
2022-07-22 04:01:29 +01:00
2024-01-01 02:00:22 +00:00
[post-type="quote"]:not(.previously-npf) .quote-container {
padding:0 var(--Post-Padding);
}
.quote-container:before {
position:absolute;
top:0;left:0;
content:"\efbe";
font-family:"tabler-icons";
font-size:var(--Quote-Decor-Icon-Size);
width:100%;
text-align:center;
}
blockquote.quote-text {
margin-left:0;
margin-right:0;
padding-top:calc(var(--Quote-Decor-Icon-Size) + var(--Quote-Decor-Icon-Bottom-Gap));
}
blockquote.quote-text:before {
content:"";
position:absolute;
top:0;left:0;
margin-top:calc((var(--Quote-Decor-Icon-Size) / 2) - (var(--Quote-Decor-Border-Size) / 2));
margin-left:var(--Quote-Decor-Border-Width-Thinner-By);
width:var(--Quote-Decor-Border-Width);
height:var(--Quote-Decor-Border-Size);
background:var(--Quote-Decor-Border-Color);
}
blockquote.quote-text:after {
content:"";
position:absolute;
top:0;right:0;
margin-top:calc((var(--Quote-Decor-Icon-Size) / 2) - (var(--Quote-Decor-Border-Size) / 2));
margin-right:var(--Quote-Decor-Border-Width-Thinner-By);
width:var(--Quote-Decor-Border-Width);
height:var(--Quote-Decor-Border-Size);
background:var(--Quote-Decor-Border-Color);
}
p.quote-source {
text-align:center;
}
/* legacy quote posts */
/* file.garden/ZRt8jW_MomIqlrfn/screenshots/ijwxm.png */
[post-type="quote"]:not(.previously-npf) .quote-container ~ .caption > .reblogs:first-of-type[username="{Name}"]:not(.original-entry){
display:none;
}
/*------- LINK POSTS -------*/
[post-type="link"] .npf-link-block {
margin:0!important;
padding:var(--Post-Padding);
border:none!important;
border-radius:0;
}
/* file.garden/ZRt8jW_MomIqlrfn/screenshots/tlqwb.png */
[post-type="link"] .npf-link-block + .caption {
margin-top:0;
border-top:var(--Reblog-Borders-Size) solid var(--Reblog-Borders);
padding-top:var(--Post-Padding);
}
[post-type="text"] .npf-link-block:not(.photo-origin){
margin:1em 0!important;
padding:1.2rem!important;
border-color:var(--Reblog-Borders)!important;
border-radius:var(--Rounded-Corners);
}
.npf-link-block > a {
display:grid;
grid-template-columns:var(--Link-Block-Image-Size) auto;
align-items:center;
grid-gap:var(--Link-Block-Middle-Gap);
}
.npf-link-block .poster {
position:relative!important;
height:0!important;
padding-bottom:100%!important;
background-clip:initial!important;
line-height:0!important;
border-radius:var(--Link-Block-Image-Corner-Roundness);
border:none!important;
}
/* if: link block does NOT have image [1/3] */
.npf-link-block .poster[style*="background-image:url('')"]{
background-image:url("//assets.tumblr.com/images/x.gif")!important;
}
/* if: link block does NOT have image [2/3] */
.npf-link-block:not(.has-poster) > a {
grid-template-columns:1fr;
justify-content:center;
text-align:center;
}
/* if: link block does NOT have image [3/3] */
.npf-link-block:not(.has-poster) .poster {
display:none;
}
.npf-link-block .poster:before {
display:none!important;
}
.npf-link-block .poster:after {
font-family:"evil-icons";
content:'\e815';
position:absolute;
top:50%;left:50%;
transform:translate(-50%,-50%);
padding:var(--Link-Block-Icon-Padding);
border-radius:100%;
background:var(--Link-Block-Icon-BG);
font-size:var(--Link-Block-Icon-Size);
color:var(--Link-Block-Icon-Color);
}
.npf-link-block .poster:before,
.npf-link-block .title {
position:absolute!important;
top:0!important;
}
/* link block description text */
.npf-link-block .bottom {
padding:0!important;
font-size:var(--Body-Font-Size)!important;
line-height:inherit!important;
}
.npf-link-block .title {
display:none!important;
}
.npf-link-block .bottom .description {
font-family:var(--Heading-Font-Family)!important;
font-size:var(--H3-Font-Size)!important;
text-transform:uppercase;
max-height:none!important;
line-height:var(--Heading-Line-Height)!important;
}
.npf-link-block .bottom .description:after {
content:"»";
margin-left:calc(var(--H3-Font-Size) * 0.35);
font-family:"Fragment Mono", monospace;
}
.npf-link-block .bottom .site-name {
font-family:var(--Caps-Font-Family)!important;
font-weight:var(--Caps-Font-Weight)!important;
font-size:var(--Caps-Font-Size)!important;
letter-spacing:var(--Caps-Letter-Spacing)!important;
line-height:1!important;
}
.npf-link-block .bottom .site-name:before {
display:inline-block;
margin-top:calc(var(--Caps-Font-Size) * -0.15);
vertical-align:middle;
font-family:"evil-icons";
content:'\e81e';
font-size:calc(var(--Caps-Font-Size) * 1.4);
-webkit-text-stroke-width:0.3px;
-webkit-text-stroke-color:currentColor;
margin-right:5px;
}
.npf-link-block .bottom > *:only-child { margin:0!important; }
.npf-link-block .bottom > * + .site-name {
margin-top:var(--Link-Block-URL-Top-Gap)!important;
margin-left:-1px;
}
/*------- VIDEO -------*/
p + .tmblr-embed {
margin-top:1em!important;
}
.tmblr-embed + .reblogs {
margin-top:var(--Post-Padding);
}
.caption > .tmblr-embed:first-child {
margin:calc(0px - var(--Post-Padding)) calc(0px - var(--Post-Padding)) auto calc(0px - var(--Post-Padding))!important;
}
.tumblr_video_container {
max-width:100%;
}
.vidyo-video-container {
--VIDYO-slider-area-transparency:69%;
}
/*------- AUDIO -------*/
audio[controls]{
display:none!important;
}
.aud-gen {
display:grid;
grid-template-columns:var(--Audio-Post-Album-Cover-Size) auto calc(var(--Audio-Post-Download-Button-Size) + (var(--Audio-Post-Download-Button-Padding) * 2));
grid-gap:0 var(--Audio-Post-Album-Gutter);
align-items:center;
}
.aud-gen + .aud-gen {
margin-top:1em;
}
.post-body > .aud-gen:first-child,
.post-body > .npf_group:first-child > .npf_audio:first-child .aud-gen {
padding:var(--Post-Padding);
}
.tmblr-audio-meta.audio-details {
padding:0!important;
}
.aud-gen + .caption:not(:empty){
margin-top:0;
border-top:var(--Reblog-Borders-Size) solid var(--Reblog-Borders);
padding-top:var(--Post-Padding);
}
.aud-gen img {
border-radius:var(--Rounded-Corners)!important;
width:100%;
height:100%;
}
.aud-gen img[src*="a/1x1.png"]{
height:calc((var(--Audio-Post-Buttons-Size) + (var(--Audio-Post-Buttons-Padding) * 2)) + (10px * 2));
}
.aud-cover {
position:relative;
min-height:var(--Audio-Post-Album-Cover-Size);
}
/* flex, true center */
.aud-ctl, .q-play, .q-pause, .aud-dl {
display:flex;
align-items:center;
justify-content:center;
}
.aud-ctl > *, .q-play > *, .q-pause > *, .aud-dl > * {
flex-shrink:0;
}
.aud-ctl {
position:absolute;
top:0;left:0;
width:100%;
height:100%;
}
.q-play, .q-pause {
border-radius:100%;
line-height:0;
font-size:0;
vertical-align:middle;
border-radius:100%;
background:var(--Audio-Post-Buttons-BG);
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));
cursor:pointer;
}
.q-pause { display:none; }
.aud-gen .play-icon,
.aud-gen .pause-icon {
background:var(--Audio-Post-Buttons-Color);
}
.aud-gen .play-icon {
width:var(--Audio-Post-Buttons-Size);
height:var(--Audio-Post-Buttons-Size);
-webkit-mask-image:var(--PlayIconMask);
mask-image:var(--PlayIconMask);
margin-left:1px;
}
.aud-gen .pause-icon {
width:calc(var(--Audio-Post-Buttons-Size) * 1.25);
height:calc(var(--Audio-Post-Buttons-Size) * 1.25);
-webkit-mask-image:var(--PauseIconMask);
mask-image:var(--PauseIconMask);
}
/*--- audio text ---*/
.aud-info > * + * {
margin-top:1px; /* row gap */
}
.aud-title {
font-family:var(--Caps-Font-Family);
font-size:calc(var(--Caps-Font-Size) + 1px);
font-weight:var(--Caps-Font-Weight);
text-transform:uppercase;
letter-spacing:var(--Caps-Letter-Spacing);
color:var(--Bold);
}
.aud-iframe {
display:none!important;
visibility:hidden!important;
}
/*-- audio download button --*/
.aud-dl {
padding:var(--Audio-Post-Download-Button-Padding) 0;
margin-right:calc(0px - var(--Audio-Post-Download-Button-Padding) - (var(--Audio-Post-Download-Button-Size) * 0.2));
}
.aud-dl .feather-icons {
font-size:var(--Audio-Post-Download-Button-Size);
color:var(--Audio-Post-Download-Button-Color);
}
/*-- other audio --*/
.spotify_audio_player,
.posts iframe[src*="soundcloud"]{
border:0;
}
.posts iframe[src*="soundcloud"]{
border-bottom-left-radius:3px;
overflow:hidden;
}
/* audio embeds in caption: spacing */
.caption figure[data-npf*='open.spotify.com']:not(:last-child),
.caption figure[data-npf*='soundcloud.com']:not(:last-child) iframe[src*='soundcloud']{
margin-bottom:1em;
}
.posts iframe[src*='open.spotify.com'][src*='track']:first-child,
.posts .spotify_audio_player[src*="track"]:first-child {
height:80px!important;
max-height:calc((var(--Post-Width)) * 0.69);
}
[post-type="audio"] .post-body > .npf_group.add-padding:first-child + .caption,
.posts iframe[src*="spotify.com"] + .caption,
.posts iframe[src*="soundcloud.com"] + .caption {
padding-top:var(--Post-Padding);
border-top:var(--Reblog-Borders-Size) solid var(--Reblog-Borders);
}
/*--------------------*/
.post-body > .npf_group.npf_audio:first-child {
padding:var(--Post-Padding);
}
.post-body > .npf_group.npf_audio:first-child:not(:last-child){
padding-bottom:0;
}
/*--------------------*/
/* file.garden/ZRt8jW_MomIqlrfn/screenshots/innbv.png */
.npf_audio figure.sc-short {
position:relative;
z-index:0;
}
.npf_audio figure.sc-short:before {
content:"";
position:absolute;
top:0;left:0;
margin-top:1px;
width:20px;
height:20px;
border-radius:100%;
background:var(--Audio-Post-Buttons-BG);
z-index:-1;
}
/*------- CHAT POSTS -------*/
[post-type="chat"] .caption > .reblogs:first-child .reblog-header {
display:none;
}
.npf_chat[data-npf*='{"subtype":"chat"}']{
font-family:inherit!important;
font-size:inherit!important;
color:inherit!important;
line-height:inherit!important;
}
ul.chatwrap {
margin:1em 0;
}
ul.chatwrap, li.chatline {
list-style:none;
padding:0;
}
li.chatline {
margin:0;
padding:0.69rem 0.85rem;
}
li.chatline:nth-of-type(odd){
background:var(--Alt-Post-BG);
border-radius:calc(var(--Rounded-Corners) / 2);
color:var(--Alt-Post-Text-Color);
}
li.chatline:nth-of-type(odd) b:first-child {
color:var(--Alt-Post-Text-Color)!important;
}
li.chatline:nth-of-type(even) b:first-child {
color:var(--Text-Color)!important;
}
.chatline b,
.chat-label,
.npf_chat[data-npf*='{"subtype":"chat"}'] > b:first-child {
font-family:var(--Caps-Font-Family);
font-size:var(--Caps-Font-Size);
font-weight:var(--Caps-Font-Weight);
text-transform:uppercase;
letter-spacing:var(--Caps-Letter-Spacing);
}
/* legacy chat posts */
/* file.garden/ZRt8jW_MomIqlrfn/screenshots/xqhst.png */
[post-type="chat"]:not(.previously-npf) .legacy-chat ~ .caption > .reblogs:first-of-type[username="{Name}"]:not(.original-entry){
display:none;
}
.legacy-chat {
margin:0!important;
padding:var(--Post-Padding)!important;
}
/*------- ASK POSTS -------*/
.question {
padding:0 var(--Post-Padding);
margin:var(--Post-Padding) 0;
}
.asker-img-cont {
position:relative;
width:var(--Asker-Icon-Size);
height:var(--Asker-Icon-Size);
margin-right:var(--Asker-Icon-Gap-Right);
}
.asker-img-cont img {
display:block;
width:100%;
height:100%;
border-radius:var(--Asker-Icon-Corner-Roundness);
}
html[rounded-corners]:not([rounded-corners="0px"]) .asker-img-cont img {
--Asker-Icon-Corner-Roundness:calc(var(--Rounded-Corners) / 2);
}
.asker-w { flex:1 }
.asker-name {
font-family:var(--Asker-Name-Font-Family);
text-transform:uppercase;
font-size:var(--Asker-Name-Font-Size);
font-weight:var(--Caps-Font-Weight);
letter-spacing:var(--Caps-Letter-Spacing);
color:var(--Asker-Name-Color);
margin-bottom:var(--Asker-Name-Bottom-Gap);
}
.question-text > p:first-child { margin-top:0 }
.question-text > p:last-child { margin-bottom:0 }
.question-text > p:only-child {
margin:0;
}
.question + .answer, .answer + .caption {
padding-top:var(--Post-Padding);
border-top:var(--Reblog-Borders-Size) solid var(--Reblog-Borders);
}
/*------- NPF MISC -------*/
/* file.garden/ZRt8jW_MomIqlrfn/screenshots/ezfkl.png */
/* tumblr.com/glenthemes/664357096988475392 */
figure:not(.tmblr-full) + figure:not(.tmblr-full){
margin-top:var(--Photoset-Image-Spacing);
}
.tmblr-full {
overflow:hidden;
}
.posts .npf_quirky,
.posts .npf_chat,
.posts .npf_quote {
font-size:var(--Quote-Font-Size);
line-height:var(--Quote-Line-Height);
}
.posts .npf_quirky {
font-size:calc(var(--Quote-Font-Size) + 1px)!important;
}
/*----- "KEEP READING" / "READ MORE" -----*/
.posts p.keep-reading {
display:flex;
align-items:center;
justify-content:center;
text-align:center;
}
.posts p.keep-reading > a.read_more {
display:block;
font-size:calc(var(--Caps-Font-Size) + 0.5px);
}
/*------ POST INFO / PERMALINK BAR ------*/
.infobar {
border-top:var(--Permalink-Border-Size) solid var(--Permalink-Border);
padding:var(--Permalink-Padding-Y) var(--Permalink-Padding-X);
background-color:var(--Permalink-BG);
}
.infobar.pinned-bar {
border-top:none;
border-bottom:var(--Permalink-Border-Size) solid var(--Permalink-Border);
padding:calc(var(--Permalink-Padding-Y) - 3px) var(--Permalink-Padding-X);
}
.infobar.pinned-bar i.sf[class*="sf-push-pin"]{
display:inline-block;
transform-origin:center;
transform:rotate(-45deg) perspective(0);
font-size:var(--Caps-Font-Size);
}
.infobar.pinned-bar i.sf[class*="sf-push-pin"] + span {
margin-left:calc(var(--Caps-Font-Size) * 0.85);
}
.perma-info {
font-family:var(--Caps-Font-Family);
font-weight:var(--Caps-Font-Weight);
font-size:calc(var(--Caps-Font-Size));
text-transform:uppercase;
word-spacing:0;
letter-spacing:var(--Caps-Letter-Spacing);
flex:1;
}
html[uppercase-font="Inter"] .perma-info {
font-size:calc(var(--Caps-Font-Size) - 0.5px);
letter-spacing:calc(var(--Caps-Letter-Spacing) + 0.015em);
}
.perma-info, .perma-info a {
color:var(--Permalink-Text)!important;
}
.perma-info .label-original {
}
.perma-info .segment + .segment {
margin-left:var(--Permalink-Text-Items-Spacing);
}
/*------- POST BUTTONS -------*/
.infobar,
.post-buttons {
justify-content:space-between;
}
.post-buttons {
margin:calc(0px - var(--Post-Controls-Padding)) 0;
align-items:center;
}
.post-buttons > * + * {
margin-left:var(--Post-Controls-Spacing);
}
.post-buttons [icon-name]{
display:block;
font-size:var(--Post-Controls-Size);
color:var(--Post-Controls-Color);
line-height:1;
}
.post-buttons [icon-name^="refresh"].evil-icons {
}
.post-buttons [icon-name^="refresh"].evil-icons:before {
display:block;
-webkit-text-stroke-width:0.3px;
-webkit-text-stroke-color:currentColor;
}
.post-buttons [icon-name="heart"].evil-icons {
font-size:calc(var(--Post-Controls-Size) * 0.9);
}
.post-buttons [icon-name="heart"].evil-icons:before {
display:block;
margin-top:1px;
-webkit-text-stroke-width:0.5px;
-webkit-text-stroke-color:currentColor;
}
.rb-area, .like-area {
position:relative;
width:var(--Post-Controls-Size);
height:var(--Post-Controls-Size);
padding:var(--Post-Controls-Padding);
background:var(--Post-Controls-BG);
border:1px solid var(--Post-Controls-Border);
border-radius:100%;
box-sizing:content-box;
overflow:hidden;
z-index:0;
}
.rb-area, .like-area, .rb-area > a[href*="/reblog/"]{
display:flex;
align-items:center;
justify-content:center;
}
.like_button {
position:absolute;
top:0;left:0;
width:100%;
height:100%;
background:black;
opacity:0;
overflow:hidden;
z-index:2;
}
.like_button > iframe { height:100%; }
.like_button.liked + [icon-name^="heart"]{
color:var(--Liked-Button-Color)!important;
}
/*------- TAGS -------*/
.tags {
--Tags-Spacing-X:5px;
--Tags-Spacing-Y:5px;
margin:calc(0px - var(--Tags-Spacing-Y)) calc(0px - var(--Tags-Spacing-X));
padding:var(--Post-Padding);
padding-top:0;
text-align:right;
font-family:var(--Caps-Font-Family);
font-weight:var(--Caps-Font-Weight);
text-transform:uppercase;
font-size:calc(var(--Caps-Font-Size) - 0.5px);
letter-spacing:var(--Caps-Letter-Spacing);
}
.caption:empty + .tags,
*:not(.caption) + .tags {
margin-top:calc(var(--Post-Padding) - var(--Tags-Spacing-Y));
}
.tags a {
margin:var(--Tags-Spacing-Y) var(--Tags-Spacing-X);
}
/*------- POST NOTES -------*/
ol.notes {
padding:var(--Post-Padding);
list-style:none;
}
ol.notes li + li {
margin-top:var(--Post-Notes-Row-Spacing);
}
ol.notes li.original_post.with_commentary blockquote {
display:none;
}
ol.notes li a.avatar_frame {
position:relative;
}
ol.notes > li {
margin-left:calc(var(--Post-Notes-Type-Icon-Size) + var(--Post-Notes-Type-Icon-Gap-Right));
}
ol.notes li.note > span.action > a:first-of-type {
position:relative;
}
/* all the :before icon font stuff here */
ol.notes li > span.action > a:first-of-type:before {
position:absolute;
content:"";
top:0;left:0;
margin-left:calc(0px - var(--Post-Notes-Type-Icon-Size) - var(--Post-Notes-Type-Icon-Gap-Right));
display:flex;
align-items:center;
height:100%;
font-family:"evil-icons";
font-size:var(--Post-Notes-Type-Icon-Size);
color:var(--Links-Color);
-webkit-text-stroke-color:currentColor;
}
/* JohnSmith liked this post */
/* icon: heart */
ol.notes li.like > span.action > a:first-of-type:before {
content:'\e819';
font-size:calc(var(--Post-Notes-Type-Icon-Size) * 0.9);
padding-left:calc(var(--Post-Notes-Type-Icon-Size) * ((1 - 0.9) / 2));
-webkit-text-stroke-width:0.5px;
}
/* JohnSmith reblogged this from JaneDoe */
/* icon: refresh */
ol.notes li.reblog.without_commentary > span.action > a:first-of-type:before {
content:'\e829';
-webkit-text-stroke-width:0.2px;
}
/* JohnSmith added this GIF to a post */
ol.notes li.post_attribution > span.action > a:first-of-type:before {
content:'\e824';
-webkit-text-stroke-width:0.35px;
}
/* JohnSmith replied: "..." */
/* JohnSmith posted this */
/* icon: comment */
ol.notes li.reblog.with_commentary > span.action > a:first-of-type:before,
ol.notes li.reply > span.action > a:first-of-type:before,
ol.notes li.original_post > span.action > a:first-of-type:before {
content:'\e811'!important;
font-size:calc(var(--Post-Notes-Type-Icon-Size) * 0.9)!important;
padding-left:calc(var(--Post-Notes-Type-Icon-Size) * ((1 - 0.9) / 2))!important;
-webkit-text-stroke-width:0.35px!important;
}
ol.notes li.note > a.avatar_frame[target="_blank"], ol.notes img {
display:none;
}
ol.notes a, .more_notes_link, .notes_loading {
font-family:var(--Caps-Font-Family);
font-weight:var(--Caps-Font-Weight);
font-size:calc(var(--Caps-Font-Size));
text-transform:uppercase;
letter-spacing:var(--Caps-Letter-Spacing);
}
/* replies */
ol.notes blockquote,
ol.notes .answer_content {
display:block;
padding-left:calc((var(--Post-Notes-Type-Icon-Size) / 2) + var(--Post-Notes-Type-Icon-Gap-Right));
border-left:var(--Blockquote-Border-Size) solid var(--Blockquote-Border-Color);
margin:1em 0 1em calc(0px - (var(--Post-Notes-Type-Icon-Size) / 2) - var(--Post-Notes-Type-Icon-Gap-Right));
}
/*------- PAGINATION -------*/
.pagination {
position:relative;
width:var(--Post-Width-Total);
border-top:var(--Pagination-Border-Size) solid var(--Pagination-Border-Color);
margin-top:var(--Post-Spacing);
padding-top:calc(var(--Pagination-Padding) - (var(--Pagination-Items-Spacing) / 2));
font-family:var(--Reblogger-Name-Font-Family);
font-weight:var(--Caps-Font-Weight);
text-transform:uppercase;
font-size:var(--Reblogger-Name-Font-Size);
letter-spacing:var(--Caps-Letter-Spacing);
text-align:center;
gap:calc(var(--Pagination-Items-Spacing) / 2);
}
.pagination, .pagination a {
color:var(--Pagination-Text-Color);
}
.pagination > * {
display:flex;
align-items:center;
justify-content:center;
padding:calc(var(--Pagination-Items-Spacing) / 2);
}
.pagination .prev-page .feather-icons,
.pagination .next-page .feather-icons {
font-size:var(--Pagination-Arrows-Size);
-webkit-text-stroke-width:0.5px;
-webkit-text-stroke-color:currentColor;
}
.pagination .current-page .feather-icons {
margin-top:-1px;
font-size:calc(var(--Pagination-Numbers-Size));
-webkit-text-stroke-width:0.5px;
-webkit-text-stroke-color:currentColor;
}
.pagination .page-num {
font-size:var(--Pagination-Numbers-Size);
}
.pagination .prev-page + .page-num {
margin-left:var(--Pagination-Arrows-Bonus-Spacing);
}
.pagination .page-num + .next-page {
margin-left:var(--Pagination-Arrows-Bonus-Spacing);
}
.pagination > *:first-child:not(.prev-page){
margin-left:calc(var(--Pagination-Arrows-Size) + ((var(--Pagination-Items-Spacing) / 2) * 2) + var(--Pagination-Arrows-Bonus-Spacing));
}
.pagination > *:last-child:not(.next-page){
margin-right:calc(var(--Pagination-Arrows-Size) + ((var(--Pagination-Items-Spacing) / 2) * 2) + var(--Pagination-Arrows-Bonus-Spacing));
}
/*------- MUSIC PLAYER -------*/
.jirous-player {
position:fixed;
bottom:0;left:0;
margin-bottom:calc(var(--MusicPlayer-Corner-Gap) - var(--MusicPlayer-Buttons-Touch-Padding));
margin-left:calc(var(--MusicPlayer-Corner-Gap) - var(--MusicPlayer-Buttons-Touch-Padding));
gap:0 var(--MusicPlayer-Middle-Gap);
z-index:69;
}
.jirous-player.hide {
display:none!important;
visibility:hidden!important;
}
.jirous-player .ctrls {
margin-right:calc(0px - var(--MusicPlayer-Buttons-Touch-Padding));
}
.jirous-player button {
background:transparent;
padding:var(--MusicPlayer-Buttons-Touch-Padding);
border:none;
outline:none;
font-family:inherit;
font-size:inherit;
line-height:1;
cursor:pointer;
}
.jirous-player .ti {
font-size:var(--MusicPlayer-Buttons-Size);
color:var(--MusicPlayer-Buttons-Color);
}
.jirous-player .pause {
display:none;
}
.jirous-player .note-decor {
font-size:var(--MusicPlayer-Note-Size);
color:var(--MusicPlayer-Note-Color);
}
.jirous-player .note-decor.-filled i[class$="_line"]{
display:none;
}
.jirous-player .note-decor:not(.-filled) i[class$="_fill"]{
display:none;
}
.jirous-player .song-name {
font-family:var(--MusicPlayer-Font-Family);
font-weight:var(--Caps-Font-Weight);
font-size:var(--MusicPlayer-Font-Size);
letter-spacing:var(--Caps-Letter-Spacing);
text-transform:uppercase;
color:var(--MusicPlayer-Text-Color);
}
html[uppercase-font="Inter"] .song-name,
html[uppercase-font="Figtree"] .song-name {
--Caps-Font-Weight:500;
}
.jirous-player .song-name a {
padding-bottom:0.15em;
border-bottom:1px solid rgba(var(--MusicPlayer-Text-Color-RGB),0.2);
}
/*------- TOOLTIPS -------*/
.tippy-box {
border:var(--Tooltips-Border-Size) solid var(--Tooltips-Border);
background:var(--Tooltips-BG);
border-radius:calc(var(--Rounded-Corners) / 2);
}
.tippy-content {
font-family:var(--Caps-Font-Family);
font-size:var(--Tooltips-Font-Size);
text-transform:uppercase;
letter-spacing:var(--Caps-Letter-Spacing);
color:var(--Tooltips-Text-Color);
}
/*----- CUSTOMIZE PAGE ADJUSTMENTS -----*/
.custard { display:none; }
{CustomCSS}
</style>
</head>
<body>
<!------- MUSIC PLAYER ------->
<div class="jirous-player flex y-center {select:show music player}">
<div class="ctrls flex true-center">
<button class="play">
<i class="ti ti-player-play{select:music player style}"></i>
</button>
<button class="pause">
<i class="ti ti-player-pause{select:music player style}"></i>
</button>
</div>
<div class="note-decor {select:music player style}">
<i class="mgc_music_line"></i>
<i class="mgc_music_fill"></i>
</div>
{block:ifsongname}
<span class="song-name">{text:song name}</span>
{/block:ifsongname}
{block:ifsongfileURL}
<figure>
<figcaption class="sr-text">
Listen to {block:ifsongname}{text:song name}{/block:ifsongname}{block:ifnotsongname}music{/block:ifnotsongname}
</figcaption>
<!-- autoplay does NOT work most of the time. -->
<audio src="{text:song file URL}"{block:ifsongvolume}volume="{text:song volume}"{/block:ifsongvolume}></audio>
</figure>
{/block:ifsongfileURL}
</div><!--end music player-->
<!------- MAIN CONTAINER ------->
<main class="flex x-center invis">
<!------- LEFT SIDEBAR ------->
<aside class="sidebar left flex true-center">
<div class="inner">
<nav class="navlinks flex x-center">
<!-- HOME link -->
<a href="/" aria-label="Home">
<span class="sf sf-home-o"></span>
</a>
<!-- ASK link -->
<a href="/ask" aria-label="Message">
<span class="sf sf-envelope-2-o"></span>
</a>
<!-- ARCHIVE link -->
<a href="/archive" aria-label="Archive">
<span class="sf sf-calendar-o"></span>
</a>
<!-- THEME CREDIT link -->
<!-- please do not remove! -->
<a href="//glenthemes.tumblr.com" aria-label="✧ “Resonance” theme by glenthemes ✧">
<span class="sf sf-tools-o"></span>
</a>
</nav>
<div class="sidebar-image flex true-center" img="{image:sidebar 1 image}">
<img src="{image:sidebar 1 image}" alt="sidebar image"/>
</div>
<nav class="custom-links">
{block:ifLink1Name}
<a href="{text:link 1 URL}">{text:link 1 name}</a>
{/block:ifLink1Name}
{block:ifLink2Name}
<a href="{text:link 2 URL}">{text:link 2 name}</a>
{/block:ifLink2Name}
{block:ifLink3Name}
<a href="{text:link 3 URL}">{text:link 3 name}</a>
{/block:ifLink3Name}
{block:ifLink4Name}
<a href="{text:link 4 URL}">{text:link 4 name}</a>
{/block:ifLink4Name}
{block:ifLink5Name}
<a href="{text:link 5 URL}">{text:link 5 name}</a>
{/block:ifLink5Name}
{block:ifLink6Name}
<a href="{text:link 6 URL}">{text:link 6 name}</a>
{/block:ifLink6Name}
{block:ifLink7Name}
<a href="{text:link 7 URL}">{text:link 7 name}</a>
{/block:ifLink7Name}
{block:ifLink8Name}
<a href="{text:link 8 URL}">{text:link 8 name}</a>
{/block:ifLink8Name}
</nav><!--end custom links-->
</div><!--end inner-->
</aside><!--end left sidebar-->
<!------- POSTS CONTAINER ------->
<section class="all-posts">
{block:TagPage}
<article class="posts brief">
<h3>{lang:Showing TagResultCount posts tagged Tag 3}.</h3>
</article>
{/block:TagPage}
{block:SearchPage}
<article class="posts brief">
{block:HideFromSearchEnabled}
<h3 class="search-disabled"><a href="//{Name}.tumblr.com">@ {Name}</a> has chosen to disable searching.<br>For more information, please see <a href="//glenthemes.tumblr.com/support#visibility" target="_blank">this article</a>.</h3>
{/block:HideFromSearchEnabled}
<h3>{lang:Showing SearchResultCount results for SearchQuery 2}{lang:Sorry no results for SearchQuery 2}.</h3>
</article>
{/block:SearchPage}
<article class="posts brief submit-disabled">
<h3><a href="//{Name}.tumblr.com">@ {Name}</a> has turned off their submissions.</h3>
</article>
<article class="posts brief ask-disabled">
<h3><a href="//{Name}.tumblr.com">@ {Name}</a> has turned off their askbox.</h3>
</article>
<!------- POSTS ------->
{block:Posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
<article
id="post-{PostID}"
class="posts"
post-type="{PostType}"
username="{block:NotReblog}{Name}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootName}{/block:RebloggedFrom}"
{block:RebloggedFrom}root-url="{ReblogRootURL}"{/block:RebloggedFrom}
>
{block:PinnedPostLabel}
<div class="infobar pinned-bar">
<div class="perma-info">
<a class="segment flex" href="{Permalink}">
<i class="sf sf-push-pin-o"></i>
<span>{PinnedPostLabel}</span>
</a>
</div>
</div>
{/block:PinnedPostLabel}
<div class="post-body {select:grayscale posts}-gray">
<!------- SINGLE PHOTO ------->
{block:Photo}
<div class="legacy-photo">
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
</div>
{/block:Photo}
<!------- PHOTOSET ------->
{block:Photoset}
<div class="legacy-photoset" layout="{PhotosetLayout}">
{block:Photos}
<img src="{PhotoURL-HighRes}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}" alt="{PhotoAlt}"/>
{/block:Photos}
</div>
{/block:Photoset}
<!------- PHOTO: PANORAMA ------->
{block:Panorama}
<div class="legacy-photo">
<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}">
</div>
{/block:Panorama}
<!------- QUOTE ------->
{block:Quote}
<div class="quote-container">
<blockquote class="npf_quote quote-text">
{Quote}
</blockquote>
{block:Source}
<p class="quote-source">{Source}</p>
{/block:Source}
</div>
{/block:Quote}
<!------- CHAT ------->
{block:Chat}
<ul class="chatwrap legacy-chat">
{block:Lines}
<li class="chatline">
{block:Label}
<span class="chat-label">{Label}</span>
{/block:Label}
<span class="chat-content">
{Line}
</span>
</li>
{/block:Lines}
</ul>
{/block:Chat}
<!------- EXTERNAL LINK ------->
{block:Link}
<div class="npf-link-block{block:Thumbnail} has-poster{/block:Thumbnail}">
<a href="{URL}" {Target}>
<div class="poster" style="background-image:url('{block:Thumbnail}{Thumbnail-HighRes}{/block:Thumbnail}')"></div>
<div class="bottom">
<div class="description">{Name}</div>
{block:Host}
<div class="site-name">{Host}</div>
{/block:Host}
</div>
</a>
</div>
{/block:Link}
<!------- VIDEO ------->
{block:Video}
<div class="legacy-video">
{Video-500}
{block:VideoThumbnail}
<span class="poster-thumb" url="{VideoThumbnailURL}"></span>
{/block:VideoThumbnail}
</div>
{/block:Video}
<!------- AUDIO ------->
{block:Audio}
<div class="aud-gen">
<div class="aud-cover">
<div class="aud-ctl">
<div class="q-play">
<span class="play-icon"></span>
</div>
<div class="q-pause">
<span class="pause-icon"></span>
</div>
</div>
{block:AlbumArt}
<img src="{AlbumArtURL}" alt="Album cover{block:Album} for “{Album}”{/block:Album}{block:Artist} by {Artist}{/block:Artist}"/>
{block:AlbumArt}
</div>
<div class="aud-xyz">
<div class="aud-info">
{block:TrackName}
<div class="aud-title">
{TrackName}
</div>
{/block:TrackName}
{block:Artist}
<div class="aud-artist">
{Artist}
</div>
{/block:Artist}
{block:Album}
<div class="aud-album">
{Album}
</div>
{/block:Album}
</div><!--end aud-info (text)-->
{block:AudioPlayer}
<div class="aud-iframe">{AudioPlayer}</div>
{/block:AudioPlayer}
</div><!--end aud-xyz-->
<a class="aud-dl" href="javascript:void(0)" target="_blank" aria-label="Download">
<i class="feather-icons" icon-name="download"></i>
</a>
</div><!--end audio wrapper-->
{/block:Audio}
<!------- ASK POSTS ------->
{block:Answer}
<div class="question">
<div class="question-w flex">
<div class="asker-img-cont">
<img src="{AskerPortraitURL-128}"/>
</div>
<div class="asker-w">
<div class="asker-y">
<div class="asker-name">{lang:Asker asked 2}:</div>
<div class="question-text">{Question}</div>
</div>
</div>
</div>
</div>
<div class="answer caption">
{block:NotReblog}
<div class="reblogs original-entry" username="{Name}">
<div class="reblog-header original-name">
<a href="{Permalink}" class="reblog-head">
<img src="{PortraitURL-64}"
alt="{Name}'s avatar">
<span class="reblog-user">{Name}</span>
</a>
</div>
<div class="reblog-content original-caption">{Replies}</div>
</div>
{/block:NotReblog}
{block:RebloggedFrom}
<div class="reblogs" username="{ReblogRootName}">
<div class="reblog-header">
<a href="{ReblogRootURL}" class="reblog-head">
<img src="{ReblogRootPortraitURL-64}"
alt="{ReblogRootName}'s avatar">
<span class="reblog-user">{lang:Answered}:</span>
</a>
</div>
{block:Answerer}
<div class="reblog-content answer-text">{Answer}</div>
{/block:Answerer}
</div>
{/block:RebloggedFrom}
</div><!--end answer-->
{/block:Answer}
<!------- CAPTIONS ------->
<div class="caption{block:NotReblog} original-post{/block:NotReblog}">
{block:Text}
{block:Title}<h2>{Title}</h2>{/block:Title}
{/block:Text}
{block:NotReblog}
{block:Caption}
<div class="reblogs">
<div class="reblog-content">{Caption}</div>
</div>
{/block:Caption}
{block:Text}
<div class="reblogs">
<div class="reblog-content">{Body}</div>
</div>
{/block:Text}
{/block:NotReblog}
{block:Rebloggedfrom}
{block:Reblogs}
<div class="reblogs{block:IsOriginalEntry} original-entry{/block:IsOriginalEntry}" username="{block:IsOriginalEntry}{ReblogRootName}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Username}{/block:IsNotOriginalEntry}">
<div class="reblog-header{block:IsOriginalEntry} original-name{/block:IsOriginalEntry}">
<a href="{block:IsOriginalEntry}{ReblogRootURL}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Permalink}{/block:IsNotOriginalEntry}" class="reblog-head{block:IsDeactivated} deactivated{/block:IsDeactivated}">
<img src="{block:IsOriginalEntry}{ReblogRootPortraitURL-64}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{PortraitURL-64}{/block:IsNotOriginalEntry}" alt="{block:IsOriginalEntry}{ReblogRootName}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Username}{/block:IsNotOriginalEntry}'s avatar">
<span class="reblog-user">{block:IsOriginalEntry}{ReblogRootName}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Username}{/block:IsNotOriginalEntry}</span>
</a>
</div>
<div class="reblog-content{block:IsOriginalEntry} original-caption{/block:IsOriginalEntry}">
{Body}
</div>
</div>
{/block:Reblogs}
{/block:RebloggedFrom}
</div><!--end caption-->
<!------- TAGS ------->
{block:HasTags}
<div class="tags">
{block:Tags}
<a href="{TagURL}"># {Tag}</a>
{/block:Tags}
</div>
{/block:HasTags}
</div><!--end post-body-->
<!----- POST INFO / PERMALINK BAR ----->
{block:Date}
<div class="infobar flex y-center">
<div class="perma-info">
<a class="segment" {block:IndexPage} href="{Permalink}"{/block:IndexPage}>
{DayOfMonthWithZero}{DayOfMonthSuffix} {Month} {Year}
</a>
<a class="segment" {block:IndexPage} href="{Permalink}"{/block:IndexPage}>{NoteCountWithLabel}</a>
{block:PermalinkPage}
{block:RebloggedFrom}
<br>
<span class="segment">
{lang:via}: <a href="{ReblogParentURL}" username="{ReblogParentName}">{ReblogParentName}</a>
</span>
<span class="segment">
{lang:source}: <a href="{ReblogRootURL}" username="{ReblogRootName}">{ReblogRootName}</a>
</span>
{/block:RebloggedFrom}
{block:NotReblog}
<span class="segment label-original">Original Post</span>
{/block:NotReblog}
{/block:PermalinkPage}
</div>
<!----- POST BUTTONS ----->
<div class="post-buttons flex y-center">
<div class="rb-area">
<a href="{ReblogURL}" aria-label="Reblog">
<i class="evil-icons" icon-name="refresh-alt"></i>
</a>
</div>
<div class="like-area" aria-label="Like">
{LikeButton}
<i class="evil-icons" icon-name="heart"></i>
</div>
</div><!--end post buttons-->
</div><!--end infobar-->
{/block:Date}
</article><!--end posts-->
{block:PermalinkPage}
{PostNotes}
{/block:PermalinkPage}
{/block:Posts}
<!------- PAGINATION ------->
{block:Pagination}
<div class="pagination flex true-center">
{block:PreviousPage}
<a class="prev-page" href="{PreviousPage}" aria-label="Previous Page">
<i class="feather-icons" icon-name="chevrons-left"></i>
</a>
{/block:PreviousPage}
{block:JumpPagination length="6"}
{block:CurrentPage}
<span class="current-page">
<i class="feather-icons" icon-name="map-pin"></i>
</span>
{/block:CurrentPage}
{block:JumpPage}
<a class="page-num" href="{URL}" aria-label="Go to Page {PageNumber}">{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}
<a class="next-page" href="{NextPage}" aria-label="Next Page">
<i class="feather-icons" icon-name="chevrons-right"></i>
</a>
{/block:NextPage}
</div>
{/block:Pagination}
</section><!--end posts container--->
<!------- RIGHT SIDEBAR ------->
<aside class="sidebar right flex true-center">
<div class="inner">
<!----- SECTION: ABOUT/DESC ----->
<div class="section about" img="{image:sidebar 2 icon}">
{block:ifaboutboxtitle}
<h3>{text:about box title}</h3>
{/block:ifaboutboxtitle}
<div class="flex av">
<div class="icon-wrap flex true-center">
<img src="{image:sidebar 2 icon}" alt="{Name}'s sidebar icon"/>
</div>
<div class="desc-wrap-a">
<div class="desc-wrap-b">
<article class="desc">
{block:ifaboutboxtext}
{text:about box text}
{/block:ifaboutboxtext}
{block:ifnotaboutboxtext}
{block:Description}
{Description}
{/block:Description}
{/block:ifnotaboutboxtext}
</article>
</div>
</div>
</div>
</div><!--end about/desc section-->
<!----- SECTION: ACTIVITY/CURRENTLY ----->
<div class="section activity">
{block:ifactivityboxtitle}
<h3>{text:activity box title}</h3>
{/block:ifactivityboxtitle}
<div class="normal-box">
<div class="t-table">
<div class="t-row">
{block:ifactivity1label}
<div class="t-cell">
<label>{text:activity 1 label}</label>
</div>
{/block:ifactivity1label}
{block:ifactivity1text}
<div class="t-cell">
<span>{text:activity 1 text}</span>
</div>
{/block:ifactivity1text}
</div>
<div class="t-row">
{block:ifactivity2label}
<div class="t-cell">
<label>{text:activity 2 label}</label>
</div>
{/block:ifactivity2label}
{block:ifactivity2text}
<div class="t-cell">
<span>{text:activity 2 text}</span>
</div>
{/block:ifactivity2text}
</div>
<div class="t-row">
{block:ifactivity3label}
<div class="t-cell">
<label>{text:activity 3 label}</label>
</div>
{/block:ifactivity3label}
{block:ifactivity3text}
<div class="t-cell">
<span>{text:activity 3 text}</span>
</div>
{/block:ifactivity3text}
</div>
<div class="t-row">
{block:ifactivity4label}
<div class="t-cell">
<label>{text:activity 4 label}</label>
</div>
{/block:ifactivity4label}
{block:ifactivity4text}
<div class="t-cell">
<span>{text:activity 4 text}</span>
</div>
{/block:ifactivity4text}
</div>
</div><!--end table-->
</div><!--end activity box-->
</div><!--end activity/currently section-->
<!----- SECTION: QUOTE ----->
<div class="section quote">
{block:ifquoteboxtitle}
<h3>{text:quote box title}</h3>
{/block:ifquoteboxtitle}
{block:ifquoteboxtext}
<div class="normal-box">
<blockquote>{text:quote box text}</blockquote>
</div>
{/block:ifquoteboxtext}
</div>
</div><!--end inner-->
</aside><!--end right sidebar-->
</main><!--end main container-->
{block:Hidden}
<!--- CUSTOMIZE PAGE REMINDER --->
{/block:Hidden}
<div class="custard">Thank you for using this theme! Please note that things will look wonky and some settings don't seem to change if you're still in the customize mode. Please read <a href="https://glen-docs.gitlab.io/theme/32" target="_blank" aria-label="Opens in a new tab">the guide</a> to help with editing!</div>
</body>
2022-07-22 04:01:29 +01:00
</html>
