3526 lines
123 KiB
Plaintext
3526 lines
123 KiB
Plaintext
<!-------------------------------------------------------------------
|
||
|
||
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
|
||
|
||
「 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
|
||
|
||
-------------------------------------------------------------------->
|
||
|
||
<!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}
|
||
>
|
||
<head>
|
||
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
||
<link href="{Favicon}" rel="shortcut icon"/>
|
||
<title>
|
||
{Title}
|
||
{block:PostSummary} ⋮ {PostSummary}{/block:PostSummary}
|
||
{block:TagPage} ⋮ #{Tag}{/block:TagPage}
|
||
{block:SearchPage} ⋮ “{SearchQuery}” – {lang:SearchResultCount results}{/block:SearchPage}
|
||
</title>
|
||
|
||
{block:Description}
|
||
<meta name="description" content="{MetaDescription}"/>
|
||
{/block:Description}
|
||
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
|
||
|
||
<!------- 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>
|
||
|
||
<!------- ICON LIBRARIES ------->
|
||
<link href="//cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css" rel="stylesheet" crossorigin>
|
||
|
||
<link href="//feathericons.gitlab.io/i/icons.css" rel="stylesheet" crossorigin>
|
||
<link href="//evil-icons.gitlab.io/i/icons.css" rel="stylesheet" crossorigin>
|
||
|
||
<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">
|
||
|
||
<!------- SCRIPTS ------->
|
||
<script src="//static.tumblr.com/2pnwama/uLNs0r1rq/roots.js"></script>
|
||
|
||
<script src="//glen-iframes.gitlab.io/i/use.js"></script>
|
||
|
||
<link href="//glen-npf.gitlab.io/v4-beta/main.css" rel="stylesheet" crossorigin>
|
||
<script src="//glen-npf.gitlab.io/v4-beta/use.js"></script>
|
||
|
||
<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>
|
||
|
||
<link href="//vid_yo.gitlab.io/o/core.css" rel="stylesheet">
|
||
<script src="//vid_yo.gitlab.io/o/init.js"></script>
|
||
|
||
<script src="//glen-themes.gitlab.io/thms/32/config.js"></script>
|
||
<link href="//glen-themes.gitlab.io/thms/32/misc.css" rel="stylesheet" crossorigin>
|
||
|
||
<!------- 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">
|
||
|
||
<meta name="select:font size" title="13px" content="13px">
|
||
<meta name="select:font size" title="11px" content="11px">
|
||
<meta name="select:font size" title="12px" content="12px">
|
||
<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">
|
||
|
||
<!-- 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="">
|
||
|
||
<meta name="select:post width" title="450px" content="450px">
|
||
<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">
|
||
<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">
|
||
<meta name="select:post width" title="650px" content="650px">
|
||
<meta name="select:post width" title="700px" content="700px">
|
||
|
||
<!-- post padding -->
|
||
<meta name="select:post padding" title="20px" content="20px">
|
||
<meta name="select:post padding" title="0px" content="0px">
|
||
<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">
|
||
|
||
<!-- post spacing -->
|
||
<meta name="select:post spacing" title="45px" content="45px">
|
||
<meta name="select:post spacing" title="30px" content="30px">
|
||
<meta name="select:post spacing" title="35px" content="35px">
|
||
<meta name="select:post spacing" title="40px" content="40px">
|
||
<meta name="select:post spacing" title="50px" content="50px">
|
||
<meta name="select:post spacing" title="55px" content="55px">
|
||
<meta name="select:post spacing" title="60px" content="60px">
|
||
<meta name="select:post spacing" title="65px" content="65px">
|
||
<meta name="select:post spacing" title="70px" content="70px">
|
||
<meta name="select:post spacing" title="75px" content="75px">
|
||
<meta name="select:post spacing" title="80px" content="80px">
|
||
|
||
<!-- 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";
|
||
|
||
/*----- GENERAL LAYOUT -----*/
|
||
--Window-Margin:{select:screen gap};
|
||
--Post-Side-Gaps:{select:post side gaps};
|
||
--Rounded-Corners:{select:rounded corners};
|
||
|
||
/*----- 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 */
|
||
|
||
/*----- 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";
|
||
}
|
||
|
||
html[post-padding="20px"]:root {
|
||
--Permalink-Padding-Y:calc(var(--Post-Padding) - 2px);
|
||
}
|
||
|
||
/*------- 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;
|
||
}
|
||
|
||
html[tumblr-controls="black"] iframe.tmblr-iframe.iframe-controls--desktop {
|
||
filter:invert(100%) hue-rotate(180deg)!important;
|
||
}
|
||
|
||
.tmblr-iframe--follow-teaser, .follow-teaser, .iframe-controls--phone-mobile, .tmblr-iframe--app-cta-button {
|
||
display:none!important;
|
||
visibility:hidden!important;
|
||
height:0!important;
|
||
}
|
||
|
||
/*------- BASICS -------*/
|
||
* {
|
||
box-sizing:border-box;
|
||
}
|
||
|
||
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);
|
||
}
|
||
|
||
html[bg-mode="full"] body {
|
||
background-size:cover;
|
||
background-repeat:no-repeat;
|
||
}
|
||
|
||
html[bg-mode="small"] body {
|
||
background-repeat:repeat;
|
||
}
|
||
|
||
.no-overscroll {
|
||
overscroll-behavior:none;
|
||
}
|
||
|
||
[class^="mgc_"]:before, [class*=" mgc_"]:before {
|
||
color:inherit;
|
||
}
|
||
|
||
/*------- BODY FONT -------*/
|
||
html[body-font="Plus Jakarta Sans"]{
|
||
letter-spacing:0.005em;
|
||
word-spacing:0.08em;
|
||
}
|
||
|
||
html[body-font="Manrope"]{
|
||
letter-spacing:0.02em;
|
||
word-spacing:0.05em;
|
||
}
|
||
|
||
html[body-font="Instrument Sans"],
|
||
html[body-font="Libre Franklin"]{
|
||
letter-spacing:0.005em;
|
||
word-spacing:0.03em;
|
||
}
|
||
|
||
/*------- HEADINGS -------*/
|
||
h1, h2, h3, h4, h5, h6 {
|
||
font-family:var(--Heading-Font-Family);
|
||
font-weight:normal;
|
||
line-height:var(--Heading-Line-Height);
|
||
}
|
||
|
||
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;
|
||
}
|
||
|
||
h1, h2:first-child:only-of-type,
|
||
.npf-link-block .bottom .description {
|
||
color:var(--Heading-Color)!important;
|
||
}
|
||
|
||
h1, h2:first-child:only-of-type {
|
||
text-align:center;
|
||
}
|
||
|
||
.add-padding + .caption .reblog-content > h2:first-child:only-of-type {
|
||
text-align:initial;
|
||
}
|
||
|
||
h2 {
|
||
font-size:var(--H2-Font-Size);
|
||
}
|
||
|
||
h3 {
|
||
font-size:var(--H3-Font-Size);
|
||
}
|
||
|
||
h4 {
|
||
font-size:var(--H4-Font-Size);
|
||
}
|
||
|
||
h5 {
|
||
font-size:var(--H5-Font-Size);
|
||
}
|
||
|
||
h6 {
|
||
font-size:var(--H6-Font-Size);
|
||
}
|
||
|
||
html[heading-font="Quicksand"]{
|
||
--Heading-Letter-Spacing:0.05em;
|
||
}
|
||
|
||
/*------- GENERAL -------*/
|
||
figure { margin:0; }
|
||
|
||
img {
|
||
object-fit:cover;
|
||
object-position:center;
|
||
}
|
||
|
||
img, iframe, video, canvas {
|
||
max-width:100%;
|
||
vertical-align:middle;
|
||
}
|
||
|
||
iframe, video, canvas {
|
||
width:100%;
|
||
}
|
||
|
||
/* bold text */
|
||
b, strong {
|
||
font-weight:600;
|
||
color:var(--Bold);
|
||
}
|
||
|
||
.post-body b, .post-body strong {
|
||
letter-spacing:0.02em;
|
||
}
|
||
|
||
/* italic text */
|
||
i:not([class]), em {
|
||
font-style:italic;
|
||
color:var(--Italic);
|
||
}
|
||
|
||
.flex {
|
||
display:flex;
|
||
flex-wrap:wrap;
|
||
}
|
||
|
||
.true-center {
|
||
align-items:center;
|
||
justify-content:center;
|
||
}
|
||
|
||
.self-y-center { align-self:center; }
|
||
.y-center { align-items:center; }
|
||
.x-center { justify-content:center; }
|
||
|
||
.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;
|
||
}
|
||
|
||
p:empty, .caption:empty, .reblogs:empty {
|
||
display:none;
|
||
}
|
||
|
||
ul, ol {
|
||
padding-left:0;
|
||
margin-left:calc(0.5em + var(--Body-Font-Size) + 1em);
|
||
}
|
||
|
||
li {
|
||
padding-left:0.5em;
|
||
}
|
||
|
||
/* nested bullet lists */
|
||
ul ul, ol ol, ul ol, ol ul {
|
||
margin-left:calc(0.5em + var(--Body-Font-Size));
|
||
}
|
||
|
||
hr {
|
||
margin:var(--Post-Padding) auto;
|
||
display:block;
|
||
width:69%;
|
||
border:none;
|
||
height:1px;
|
||
background:var(--Post-Borders-Inner);
|
||
transform:perspective(0);
|
||
}
|
||
|
||
/*------- UPPERCASE FONT -------*/
|
||
html[uppercase-font="Quicksand"]{
|
||
--Caps-Letter-Spacing:0.06em;
|
||
}
|
||
|
||
html[uppercase-font="Golos Text"]{
|
||
--Caps-Letter-Spacing:0.04em;
|
||
}
|
||
|
||
html[uppercase-font="Poppins"]{
|
||
--Caps-Letter-Spacing:0.06em;
|
||
}
|
||
|
||
html[uppercase-font="Onest"],
|
||
html[uppercase-font="Figtree"]{
|
||
--Caps-Letter-Spacing:0.05em;
|
||
}
|
||
|
||
html[uppercase-font="Inter"]{
|
||
--Caps-Font-Size:calc(var(--Body-Font-Size) - 2px);
|
||
--Caps-Letter-Spacing:0.06em;
|
||
}
|
||
|
||
/* font-weight:600 */
|
||
html[uppercase-font="Inter"],
|
||
html[uppercase-font="Quicksand"],
|
||
html[uppercase-font="Onest"],
|
||
html[uppercase-font="Figtree"]{
|
||
--Caps-Font-Weight:600;
|
||
}
|
||
|
||
/*------- TEXT HIGHLIGHT -------*/
|
||
::selection {
|
||
background:{color:text highlight BG};
|
||
color:{color:text highlighted};
|
||
}
|
||
|
||
::-moz-selection {
|
||
background:{color:text highlight BG};
|
||
color:{color:text highlighted};
|
||
}
|
||
|
||
/*------- SCROLLBAR -------*/
|
||
@-moz-document url-prefix(){
|
||
* {
|
||
scrollbar-width:thin; /* firefox only */
|
||
}
|
||
}
|
||
|
||
::-webkit-scrollbar {
|
||
width:var(--Scrollbar-Padding);
|
||
height:var(--Scrollbar-Padding);
|
||
background-color:transparent;
|
||
}
|
||
|
||
::-webkit-scrollbar-thumb {
|
||
background-color:var(--Scrollbar-Thumb);
|
||
border:calc((var(--Scrollbar-Padding) - 1px) / 2) solid transparent;
|
||
background-clip:padding-box;
|
||
}
|
||
|
||
::-webkit-scrollbar-corner {
|
||
background:transparent;
|
||
}
|
||
|
||
/*------- 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);
|
||
}
|
||
|
||
/*------- 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;
|
||
}
|
||
|
||
main.flex {
|
||
align-items:flex-start;
|
||
flex-wrap:nowrap;
|
||
gap:0 var(--Post-Side-Gaps);
|
||
}
|
||
|
||
/*------- SIDEBARS -------*/
|
||
.sidebar {
|
||
position:sticky;
|
||
height:100vh;
|
||
top:0;
|
||
}
|
||
|
||
/*------- LEFT SIDEBAR -------*/
|
||
.sidebar.left {
|
||
}
|
||
|
||
.sidebar.left > .inner {
|
||
display:flex;
|
||
flex-direction:column;
|
||
gap:var(--Left-Sidebar-Row-Gaps) 0;
|
||
}
|
||
|
||
.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;
|
||
}
|
||
|
||
.sidebar .sidebar-image[img*="//assets.tumblr.com/images/x.gif"]{
|
||
display:none;
|
||
}
|
||
|
||
.sidebar .sidebar-image img {
|
||
width:var(--Left-Sidebar-Image-Width);
|
||
height:auto;
|
||
border-radius:calc(var(--Rounded-Corners) / 2);
|
||
}
|
||
|
||
.navlinks {
|
||
justify-content:space-between;
|
||
gap:var(--Navlinks-Spacing-MINIMUM);
|
||
}
|
||
|
||
.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;
|
||
}
|
||
|
||
.navlinks > a > *:first-child {
|
||
display:block;
|
||
font-size:var(--Navlinks-Icon-Size);
|
||
color:var(--Navlinks-Icon-Color);
|
||
line-height:0;
|
||
}
|
||
|
||
.navlinks > a:hover {
|
||
border-color:var(--Navlinks-Hover-Border);
|
||
background:var(--Navlinks-Hover-BG);
|
||
color:var(--Navlinks-Hover-Text);
|
||
}
|
||
|
||
.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;
|
||
}
|
||
|
||
.custom-links > a:hover {
|
||
border-color:var(--Custom-Links-Hover-Border);
|
||
background:var(--Custom-Links-Hover-BG);
|
||
color:var(--Custom-Links-Hover-Text);
|
||
}
|
||
|
||
/*------- RIGHT SIDEBAR -------*/
|
||
.sidebar.right .section {
|
||
|
||
}
|
||
|
||
.sidebar.right > .inner {
|
||
display:flex;
|
||
flex-direction:column;
|
||
gap:var(--Right-Sidebar-Row-Gaps) 0;
|
||
}
|
||
|
||
.sidebar.right .section {
|
||
width:var(--Right-Sidebar-Box-Width);
|
||
}
|
||
|
||
.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;
|
||
}
|
||
|
||
html[uppercase-font="Inter"] .sidebar.right .section > h3:first-child {
|
||
letter-spacing:calc(var(--Caps-Letter-Spacing) + 0.08em)!important;
|
||
}
|
||
|
||
.sidebar.right .section h3 + .av {
|
||
margin-top:var(--Desc-Top-Gap);
|
||
}
|
||
|
||
.sidebar.right .section .av {
|
||
gap:0 var(--Desc-Left-Gap);
|
||
}
|
||
|
||
.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;
|
||
}
|
||
|
||
.sidebar.right .section[img*="//assets.tumblr.com/images/x.gif"] .icon-wrap {
|
||
display:none;
|
||
}
|
||
|
||
.sidebar.right .section img {
|
||
width:var(--Right-Sidebar-Icon-Width);
|
||
height:var(--Right-Sidebar-Icon-Width);
|
||
border-radius:calc(var(--Rounded-Corners) / 2);
|
||
}
|
||
|
||
.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);
|
||
}
|
||
|
||
.desc-wrap-b {
|
||
font-size:var(--Desc-Font-Size);
|
||
color:var(--Desc-Text-Color);
|
||
}
|
||
|
||
.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);
|
||
}
|
||
|
||
h3 + .normal-box {
|
||
margin-top:calc(var(--Right-Sidebar-Box-Top-Gap) - var(--Right-Sidebar-Heading-Border-Size));
|
||
}
|
||
|
||
.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;
|
||
}
|
||
|
||
.t-row {
|
||
display:table-row;
|
||
}
|
||
|
||
.t-row > .t-cell {
|
||
display:table-cell;
|
||
vertical-align:top;
|
||
}
|
||
|
||
.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;
|
||
}
|
||
|
||
.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;
|
||
}
|
||
|
||
html[uppercase-font="Poppins"] .normal-box [uppercase]{
|
||
letter-spacing:calc(var(--Caps-Letter-Spacing) + 0.015em)!important;
|
||
}
|
||
|
||
.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);
|
||
}
|
||
|
||
.normal-box > blockquote {
|
||
padding:0;
|
||
margin:1em 0;
|
||
border:none;
|
||
}
|
||
|
||
.desc p:first-child,
|
||
.normal-box p:first-child,
|
||
.normal-box blockquote:first-child {
|
||
margin-top:0;
|
||
}
|
||
|
||
.desc p:last-child,
|
||
.normal-box p:last-child,
|
||
.normal-box blockquote:last-child {
|
||
margin-bottom:0;
|
||
}
|
||
|
||
.desc p:only-child,
|
||
.normal-box p:only-child,
|
||
.normal-box blockquote:only-child {
|
||
margin:0;
|
||
}
|
||
|
||
.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 {
|
||
filter:grayscale(100%);
|
||
transition:filter var(--Grayscale-Photos-Fade-Speed) ease-in-out;
|
||
}
|
||
|
||
.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 {
|
||
filter:grayscale(0%);
|
||
}
|
||
{/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;
|
||
}
|
||
|
||
/* 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;
|
||
}
|
||
|
||
/*------- CAPTION / REBLOGS -------*/
|
||
/* ignore this */
|
||
.invis {
|
||
opacity:0;
|
||
}
|
||
|
||
.invis, main:not(.invis){
|
||
transition:opacity 1s ease-in-out;
|
||
}
|
||
|
||
/* reblogger icon */
|
||
.reblog-header, .reblog-head {
|
||
display:flex;
|
||
align-items:center;
|
||
}
|
||
|
||
.reblog-header {
|
||
margin-bottom:var(--Reblogger-Head-Bottom-Gap);
|
||
}
|
||
|
||
.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);
|
||
}
|
||
|
||
/* deactivated user */
|
||
.reblog-head.deactivated {
|
||
cursor:default;
|
||
}
|
||
|
||
.reblog-head .reblog-user + .deactivated {
|
||
margin-left:0.5em;
|
||
opacity:0.69;
|
||
}
|
||
|
||
.caption {
|
||
padding:0 var(--Post-Padding);
|
||
margin:var(--Post-Padding) 0;
|
||
}
|
||
|
||
/* 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);
|
||
}
|
||
|
||
.caption > .reblogs {
|
||
margin:0 calc(0px - var(--Post-Padding));
|
||
padding:0 var(--Post-Padding);
|
||
}
|
||
|
||
.caption > .reblogs + .reblogs {
|
||
margin-top:var(--Post-Padding);
|
||
padding-top:var(--Post-Padding);
|
||
border-top:var(--Reblog-Borders-Size) solid var(--Reblog-Borders);
|
||
}
|
||
|
||
.caption p:last-child,
|
||
.reblog-content p:last-child {
|
||
margin-bottom:0;
|
||
}
|
||
|
||
.reblog-header,
|
||
.reblog-content {
|
||
padding-bottom:0;
|
||
}
|
||
|
||
/* 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;
|
||
}
|
||
|
||
/*------- POLLS -------*/
|
||
.original-post > .poll-post > .poll-question:first-child,
|
||
.reblog-content > .poll-post > .poll-question:first-child {
|
||
margin-top:0;
|
||
}
|
||
|
||
.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;
|
||
}
|
||
|
||
.poll-date-start {
|
||
margin-top:1.2em;
|
||
}
|
||
|
||
.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;
|
||
}
|
||
|
||
.poll-see-results {
|
||
margin-top:1em!important;
|
||
display:block;
|
||
}
|
||
|
||
/*------- PHOTO POSTS -------*/
|
||
.legacy-photo img {
|
||
cursor:pointer;
|
||
}
|
||
|
||
.legacy-photoset {
|
||
display:grid;
|
||
grid-gap:var(--Photoset-Image-Spacing)
|
||
}
|
||
|
||
.legacy-photoset > img {
|
||
display:none; /* handle loading */
|
||
}
|
||
|
||
.layout-row {
|
||
display:grid;
|
||
grid-gap:0 var(--Photoset-Image-Spacing);
|
||
}
|
||
|
||
.layout-row img {
|
||
width:100%;
|
||
height:100%;
|
||
cursor:pointer;
|
||
}
|
||
|
||
/*------- PHOTO LIGHTBOX -------*/
|
||
body[style*="overflow: hidden;"],
|
||
body[style*="overflow:hidden;"]{
|
||
overflow:inherit!important;
|
||
}
|
||
|
||
.tmblr-lightbox {
|
||
background:transparent!important;
|
||
}
|
||
|
||
.tmblr-lightbox .vignette {
|
||
background-image:none!important;
|
||
background-color:rgba({RGBcolor:background},0.69);
|
||
backdrop-filter:blur(3px)
|
||
}
|
||
|
||
.tmblr-lightbox .lightbox-image,
|
||
.tmblr-lightbox img {
|
||
box-shadow:none!important;
|
||
border-radius:var(--Rounded-Corners)!important;
|
||
}
|
||
|
||
.tmblr-lightbox img {
|
||
max-width:none;
|
||
}
|
||
|
||
/*------- 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;
|
||
}
|
||
|
||
/* file.garden/ZRt8jW_MomIqlrfn/screenshots/rcxjv.png */
|
||
[post-type="quote"].previously-npf .reblogs.original-entry .reblog-header {
|
||
display:none;
|
||
}
|
||
|
||
blockquote.quote-text {
|
||
position:relative;
|
||
padding:0 1em;
|
||
border:none;
|
||
text-align:center;
|
||
}
|
||
|
||
.quote-container {
|
||
position:relative;
|
||
}
|
||
|
||
[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>
|
||
|
||
</html> |