Theme [12]: Incandescence

glenthemes

Oct 22nd, 2015 (edited)

20,344

Never

Add comment

Not a member of Pastebin yet? Sign Up, it unlocks many cool features!

text 229.25 KB | None | 0 0

raw download clone embed print report

<!-------------------------------------------------------------------
Theme [12]: Incandescence
Made by glenthemes
Release date: 2015/10/23
Revamp date: 2024/09/28
Last updated: 2026/05/14
「 THEME INFO. 」
❃ Post: glenthemes.tumblr.com/post/159796091859
❃ Preview: glenthpvs.tumblr.com/incandescence
❃ Code: glen-themes.gitlab.io/thms/12/incandescence
「 HOW TO USE. 」
dub.sh/incandescence-guide
「 TERMS OF USE. 」
1) Do not remove the credit.
2) Do not remove parts of the code without my permission.
3) Do not claim my codes as your own.
4) Do not use my works as base codes.
5) You may add widgets to my themes and pages.
「 CREDITS. 」
(｡ ` ⤙ ´ ｡) ～ glencredits.tumblr.com/incandescence
-------------------------------------------------------------------->
<!DOCTYPE html>
<html
lang="{block:English}en{/block:English}{block:German}de{/block:German}{block:French}fr{/block:French}{block:Italian}it{/block:Italian}{block:Japanese}ja{/block:Japanese}{block:Turkish}tr{/block:Turkish}{block:Spanish}es{/block:Spanish}{block:Russian}ru{/block:Russian}{block:Polish}pl{/block:Polish}{block:PortuguesePT}pt-PT{/block:PortuguesePT}{block:PortugueseBR}pt-BR{/block:PortugueseBR}{block:Dutch}nl{/block:Dutch}{block:Korean}ko{/block:Korean}{block:ChineseSimplified}zh-CHS{/block:ChineseSimplified}{block:ChineseTraditional}zh-CHT{/block:ChineseTraditional}{block:ChineseHK}zh-HK{/block:ChineseHK}{block:Indonesian}id{/block:Indonesian}{block:Hindi}hi{/block:Hindi}"
tumblr-controls-vis="{select:tumblr controls visibility}"
tumblr-controls-color="{select:tumblr controls color}"
bg-size="{select:background image size}"
{block:IndexPage}index-page{/block:IndexPage}
{block:HomePage}home-page{/block:HomePage}
{block:HomePage}blog-page-num="{CurrentPage}"{/block:HomePage}
{block:Posts}{block:Post1}{block:Date}has-posts="yes"{/block:Date}{/block:Post1}{/block:Posts}
{block:PermalinkPage}perma-page{/block:PermalinkPage}
full-width-posts="{select:posts full width}"
reblog-borders="{select:reblog dividers}"
font="{select:font}"
heading-font="{select:heading font}"
caps-font="{select:uppercase font}"
rounded-corners="{select:rounded corners}"
smooth-scroll="{select:smooth scrolling}"
tags-vis="{block:IndexPage}{select:tags}{/block:IndexPage}{block:PermalinkPage}always-show{/block:PermalinkPage}"
shorten-note-count="{select:shorten note count}"
post-footer-align="{select:post footer align}"
pagi-pos="{select:page numbers location}"
>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>
{Title}
{block:PostSummary} | {PostSummary}{/block:PostSummary}
{block:TagPage} | #{Tag}{/block:TagPage}
{block:SearchPage} | “{SearchQuery}” – {SearchResultCount} results{/block:SearchPage}
</title>
<link rel="shortcut icon" href="{Favicon}">
{block:Description}
{block:IndexPage}
<meta name="description" content="{MetaDescription}"/>
{/block:IndexPage}
{/block:Description}
{block:PermalinkPage}
{block:PostSummary}
<meta name="description" content="{PostSummary}"/>
{/block:PostSummary}
{/block:PermalinkPage}
<base href="//{Name}.tumblr.com">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<meta name="theme-color" content="{AccentColor}">
<script src="//ht-devx.github.io/addGoogleFonts/v2/addGoogleFonts.min.js"></script>
<link rel="preconnect" href="//fonts.googleapis.com">
<link rel="preconnect" href="//fonts.gstatic.com" crossorigin>
<script>
addGoogleFonts("Inter, Figtree, Karla, Public Sans, Lexend, Instrument Sans, Onest, Raleway");
</script>
<style include-fonts>
@font-face { font-family: "Geist Sans"; src: url("https://cdn.jsdelivr.net/gh/vercel/geist-font@main/packages/next/dist/fonts/geist-sans/Geist-Variable.woff2"); }
@font-face { font-family: "Geist Mono"; src: url("https://cdn.jsdelivr.net/gh/vercel/geist-font@main/packages/next/dist/fonts/geist-mono/GeistMono-Variable.woff2"); }
@font-face { font-family: "Oak Sans"; src: url("https://static.tumblr.com/gtjt4bo/iLQsjx702/oaksansvf.ttf"); font-style:normal; }
@font-face { font-family: "Oak Sans"; src: url("https://static.tumblr.com/gtjt4bo/hvosjx70p/oaksans-italicvf.ttf"); font-style:italic; }
</style>
<link href="//iconcino.gitlab.io/i/icons.css" rel="stylesheet" crossorigin>
<script src="//glen-iframes.gitlab.io/i/v2/use.min.js"></script>
<link href="//glen-npf.gitlab.io/v4-beta/main.min.css" rel="stylesheet" crossorigin>
<script src="//glen-npf.gitlab.io/v4-beta/use.min.js"></script>
<link href="//search-dropdown.gitlab.io/i/2.1/style.css" rel="stylesheet">
<script src="//search-dropdown.gitlab.io/i/2.1/init.min.js"></script>
<script src="//static.tumblr.com/gtjt4bo/Hg0sk1sow/blixhavn-sticky-sidebar-v2.min.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="//cdn.jsdelivr.net/gh/ht-devx/VIDYO/VIDYO.min.css" rel="stylesheet">
<script src="//cdn.jsdelivr.net/gh/ht-devx/VIDYO/VIDYO.min.js"></script>
<script src="//static.tumblr.com/pasdkqg/YrJsa7cu1/timeago.min.js"></script>
<script src="//static.tumblr.com/gtjt4bo/18Vryl30c/glenplayer0.js"></script>
<script src="//cdn.jsdelivr.net/gh/gblazex/[email protected]/SmoothScroll.min.js"></script>
<script src="//npf-alt-text.gitlab.io/n/main.min.js"></script>
<link href="//npf-alt-text.gitlab.io/n/main.min.css" rel="stylesheet">
<script src="//glen-themes.gitlab.io/thms/12/mapo-tofu.js"></script>
<link href="//glen-themes.gitlab.io/thms/12/karamucho.css" rel="stylesheet">
<link href="//glen-themes.gitlab.io/thms/12/hellfire-ramen.css" rel="stylesheet">
{block:Options}
<meta name="image:📷 𝐈𝐌𝐀𝐆𝐄𝐒 •••••••••••••••••••••••" content="">
<meta name="image:background image" content="//64.media.tumblr.com/3032397982de3165ed98923306e5e689/19d7e9738bbdd7df-af/s2048x3072/349b94a166d069b34e5e5bdbf20d265694b91df8.png">
<meta name="image:top bar icon" content="//64.media.tumblr.com/64189166908a14154397f226f21d2d6e/19d7e9738bbdd7df-da/s2048x3072/76eff35eff143f03b26fed21a31e4084f4122b0c.png">
<meta name="image:header image" content="//64.media.tumblr.com/a01f40f592dda017cf28ce05da0b395e/19d7e9738bbdd7df-3d/s2048x3072/d05d3b1efdb37dccb8823447146466a74fcea201.png">
<meta name="image:sidebar image" content="//static.tumblr.com/17a66b2a727a9d46e41ca9076a1a354f/gtjt4bo/L9Goops6l/tumblr_static_3zvhdat3ng8wkgk84g0w8oo0w.png">
<meta name="color:🎨 𝐆𝐄𝐍𝐄𝐑𝐀𝐋 𝐂𝐎𝐋𝐎𝐑𝐒 •••••••" content="">
<meta name="color:background" content="#fdfdfe">
<meta name="color:tumblr controls indicator" content="#53575f">
<meta name="color:🎨 𝐌𝐔𝐒𝐈𝐂 𝐏𝐋𝐀𝐘𝐄𝐑 ••••••••••••" content="">
<meta name="color:music player accent" content="#303036">
<meta name="color:music player bars" content="#eeeff2">
<meta name="color:music player box BG" content="#ffffff">
<meta name="color:music player buttons" content="#3a3a41">
<meta name="color:music player text" content="#53575f">
<meta name="color:music player links" content="#202227">
<meta name="color:music player links underline" content="#eeeeee">
<meta name="color:🎨 𝐓𝐎𝐏 𝐁𝐀𝐑 •••••••••••••••••••••" content="">
<meta name="color:top bar BG" content="#303036">
<meta name="color:top bar bottom border" content="#020202">
<meta name="color:top bar icon border" content="#595959">
<meta name="color:top bar subtitle 1" content="#e2e4e9">
<meta name="color:top bar subtitle 2" content="#abafba">
<meta name="color:top bar title" content="#f8f9fb">
<meta name="color:🎨 𝐒𝐄𝐀𝐑𝐂𝐇𝐁𝐀𝐑 ••••••••••••••••" content="">
<meta name="color:search icon border" content="#58585a">
<meta name="color:search icon BG" content="#303036">
<meta name="color:search icon" content="#d3d6de">
<meta name="color:search border" content="#58585a">
<meta name="color:search BG" content="#29292e">
<meta name="color:search text" content="#e2e4e9">
<meta name="color:search clicked underline" content="#abafba">
<meta name="color:search button border" content="#58585a">
<meta name="color:search button BG" content="#303036">
<meta name="color:search button text" content="#d3d6de">
<meta name="color:search button hover border" content="#898b90">
<meta name="color:search button hover BG" content="#303036">
<meta name="color:search button hover text" content="#e2e4e9">
<meta name="color:search dropdown BG" content="#303036">
<meta name="color:search suggestions text" content="#e2e4e9">
<meta name="color:search suggestions hover text" content="#e2e4e9">
<meta name="color:search suggestions hover underline" content="#a4a8b2">
<meta name="color:🎨 𝐓𝐎𝐏 𝐁𝐀𝐑 𝐍𝐀𝐕 ••••••••••••••" content="">
<meta name="color:top bar nav icons border" content="#6a6b6c">
<meta name="color:top bar nav icons BG" content="#303036">
<meta name="color:top bar nav icons" content="#eeeff2">
<meta name="color:top bar nav text" content="#e2e4e9">
<meta name="color:top bar nav hover border" content="#8e8e8e">
<meta name="color:top bar nav hover BG" content="#303036">
<meta name="color:top bar nav hover icons" content="#eeeff2">
<meta name="color:top bar nav hover text" content="#e2e4e9">
<meta name="color:🎨 𝐇𝐄𝐀𝐃𝐄𝐑 ••••••••••••••••••••••" content="">
<meta name="color:header arrow BG" content="#ffffff">
<meta name="color:header arrow" content="#676c76">
<meta name="color:header panel BG" content="#ffffff">
<meta name="color:header box title BG" content="#303032">
<meta name="color:header box title" content="#e2e4e9">
<meta name="color:header box content BG" content="#ffffff">
<meta name="color:header box text" content="#6f7580">
<meta name="color:header box bold" content="#3e4147">
<meta name="color:header box italic" content="#6f7580">
<meta name="color:header box links" content="#414958">
<meta name="color:header box links underline" content="#eeeeee">
<meta name="color:header box scrollbar" content="#d6d7db">
<meta name="color:🎨 𝐂𝐎𝐍𝐓𝐀𝐈𝐍𝐄𝐑 •••••••••••••••" content="">
<meta name="color:container BG" content="#f9f9fa">
<meta name="color:🎨 𝐒𝐈𝐃𝐄𝐁𝐀𝐑 •••••••••••••••••••••" content="">
<meta name="color:sidebar title BG" content="#303036">
<meta name="color:sidebar title icon" content="#e2e4e9">
<meta name="color:sidebar title" content="#e2e4e9">
<meta name="color:sidebar boxes bottom border" content="#f0f0f0">
<meta name="color:sidebar boxes BG" content="#fff">
<meta name="color:🎨 𝐀𝐁𝐎𝐔𝐓 𝐁𝐎𝐗 •••••••••••••••••" content="">
<meta name="color:sidebar desc text" content="#6f7580">
<meta name="color:sidebar desc bold" content="#53575f">
<meta name="color:sidebar desc italic" content="#6f7580">
<meta name="color:sidebar desc links" content="#414958">
<meta name="color:sidebar desc links underline" content="#eeeeee">
<meta name="color:🎨 𝐂𝐔𝐒𝐓𝐎𝐌 𝐋𝐈𝐍𝐊𝐒 ••••••••••••" content="">
<meta name="color:custom links BG" content="#f8f9fb">
<meta name="color:custom links" content="#575a65">
<meta name="color:custom links hover underline" content="#7f7f8f">
<meta name="color:🎨 𝐏𝐀𝐆𝐈𝐍𝐀𝐓𝐈𝐎𝐍 •••••••••••••••" content="">
<meta name="color:page numbers" content="#33373c">
<meta name="color:page numbers underline" content="#eeeeee">
<meta name="color:🎨 𝐏𝐎𝐒𝐓𝐒 •••••••••••••••••••••••" content="">
<meta name="color:posts borders" content="#f0f0f0">
<meta name="color:posts BG" content="#fff">
<meta name="color:text" content="#6f7580">
<meta name="color:posts accent borders" content="#f0f0f0">
<meta name="color:posts accent BG" content="#f8f9fb">
<meta name="color:posts accent text" content="#575a65">
<meta name="color:post type icons BG" content="#fff">
<meta name="color:post type icons" content="#6f7580">
<meta name="color:headings" content="#404a54">
<meta name="color:bold" content="#53575f">
<meta name="color:italic" content="#6f7580">
<meta name="color:links" content="#414958">
<meta name="color:links underline" content="#e8e8e8">
<meta name="color:posts usernames" content="#414958">
<meta name="color:reblog dividers" content="#f0f0f0">
<meta name="color:buttons BG" content="#303036">
<meta name="color:buttons icons" content="#e2e4e9">
<meta name="color:🎨 𝐓𝐀𝐆𝐒 •••••••••••••••••••••••••••" content="">
<meta name="color:tags" content="#6f7580">
<meta name="color:tags hover" content="#414958">
<meta name="color:🎨 𝐏𝐎𝐒𝐓 𝐅𝐎𝐎𝐓𝐄𝐑 ••••••••••••••" content="">
<meta name="color:post footer border" content="#f0f0f0">
<meta name="color:post footer BG" content="#fbfbfd">
<meta name="color:post footer text" content="#575a65">
<meta name="color:post footer buttons" content="#575a65">
<meta name="color:like button liked" content="#ff7474">
<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:hover text border" content="#f0f0f0">
<meta name="color:hover text BG" content="#fcfcfd">
<meta name="color:hover text" content="#636673">
<meta name="select:🔽 𝐆𝐄𝐍𝐄𝐑𝐀𝐋 ••••••••••••••••••••" title="" content="">
<meta name="select:I have read the guide" title="no" content="no">
<meta name="select:I have read the guide" title="yes" content="yes">
<meta name="select:tumblr controls color" title="black" content="black">
<meta name="select:tumblr controls color" title="white" content="white">
<meta name="select:tumblr controls visibility" title="click toggle" content="click-toggle">
<meta name="select:tumblr controls visibility" title="always show" content="always-show">
<meta name="select:tumblr controls visibility" title="hover to show" content="hover">
<meta name="select:background image size" title="small / repeating" content="repeat">
<meta name="select:background image size" title="large / full" content="full">
<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">
<meta name="select:show music player" title="show" content="show">
<meta name="select:show music player" title="hide" content="hide">
<meta name="select:smooth scrolling" title="yes" content="yes">
<meta name="select:smooth scrolling" title="no" content="no">
<meta name="select:🔽 𝐂𝐎𝐍𝐓𝐀𝐈𝐍𝐄𝐑 ••••••••••••••••" title="" content="">
<meta name="select:container side shadows" title="yes" content="yes">
<meta name="select:container side shadows" title="no" content="no">
<meta name="select:container padding" title="35px" content="35px">
<meta name="select:container padding" title="20px" content="20px">
<meta name="select:container padding" title="25px" content="25px">
<meta name="select:container padding" title="30px" content="30px">
<meta name="select:container padding" title="40px" content="40px">
<meta name="select:container padding" title="45px" content="45px">
<meta name="select:container padding" title="50px" content="50px">
<meta name="select:container padding" title="55px" content="55px">
<meta name="select:container padding" title="60px" content="60px">
<meta name="select:container padding" title="65px" content="65px">
<meta name="select:container padding" title="70px" content="70px">
<meta name="select:container padding" title="75px" content="75px">
<meta name="select:container padding" title="80px" content="80px">
<meta name="select:container padding" title="85px" content="85px">
<meta name="select:container padding" title="90px" content="90px">
<meta name="select:container padding" title="95px" content="95px">
<meta name="select:container padding" title="100px" content="100px">
<meta name="select:container center gap" title="50px" content="50px">
<meta name="select:container center gap" title="35px" content="35px">
<meta name="select:container center gap" title="20px" content="20px">
<meta name="select:container center gap" title="25px" content="25px">
<meta name="select:container center gap" title="30px" content="30px">
<meta name="select:container center gap" title="40px" content="40px">
<meta name="select:container center gap" title="45px" content="45px">
<meta name="select:container center gap" title="55px" content="55px">
<meta name="select:container center gap" title="60px" content="60px">
<meta name="select:container center gap" title="65px" content="65px">
<meta name="select:container center gap" title="70px" content="70px">
<meta name="select:container center gap" title="75px" content="75px">
<meta name="select:container center gap" title="80px" content="80px">
<meta name="select:container center gap" title="85px" content="85px">
<meta name="select:container center gap" title="90px" content="90px">
<meta name="select:container center gap" title="95px" content="95px">
<meta name="select:container center gap" title="100px" content="100px">
<meta name="select:🔽 𝐅𝐎𝐍𝐓𝐒 •••••••••••••••••••••••••" title="" content="">
<meta name="select:font" title="Karla" content="Karla">
<meta name="select:font" title="Inter" content="Inter">
<meta name="select:font" title="Instrument Sans" content="Instrument Sans">
<meta name="select:font" title="Onest" content="Onest">
<meta name="select:font" title="Geist Sans" content="Geist Sans">
<meta name="select:heading font" title="Oak Sans" content="Oak Sans">
<meta name="select:heading font" title="Raleway" content="Raleway">
<meta name="select:heading font" title="Lexend" content="Lexend">
<meta name="select:uppercase font" title="Karla" content="Karla">
<meta name="select:uppercase font" title="Figtree" content="Figtree">
<meta name="select:uppercase font" title="Public Sans" content="Public Sans">
<meta name="select:font size" title="13px" content="0.85rem">
<meta name="select:font size" title="11px" content="0.75rem">
<meta name="select:font size" title="12px" content="0.8rem">
<meta name="select:font size" title="14px" content="0.9rem">
<meta name="select:font size" title="15px" content="0.95rem">
<meta name="select:font size" title="16px" content="1rem">
<meta name="select:🔽 𝐓𝐎𝐏 𝐁𝐀𝐑 •••••••••••••••••••••" title="" content="">
<meta name="select:top bar padding horizontal" title="18px" content="18px">
<meta name="select:top bar padding horizontal" title="4px" content="4px">
<meta name="select:top bar padding horizontal" title="6px" content="6px">
<meta name="select:top bar padding horizontal" title="8px" content="8px">
<meta name="select:top bar padding horizontal" title="10px" content="10px">
<meta name="select:top bar padding horizontal" title="12px" content="12px">
<meta name="select:top bar padding horizontal" title="14px" content="14px">
<meta name="select:top bar padding horizontal" title="16px" content="16px">
<meta name="select:top bar padding horizontal" title="20px" content="20px">
<meta name="select:top bar padding horizontal" title="22px" content="22px">
<meta name="select:top bar padding horizontal" title="24px" content="24px">
<meta name="select:top bar padding horizontal" title="26px" content="26px">
<meta name="select:top bar padding horizontal" title="28px" content="28px">
<meta name="select:top bar padding horizontal" title="30px" content="30px">
<meta name="select:top bar padding vertical" title="10px" content="10px">
<meta name="select:top bar padding vertical" title="4px" content="4px">
<meta name="select:top bar padding vertical" title="6px" content="6px">
<meta name="select:top bar padding vertical" title="8px" content="8px">
<meta name="select:top bar padding vertical" title="12px" content="12px">
<meta name="select:top bar padding vertical" title="14px" content="14px">
<meta name="select:top bar padding vertical" title="16px" content="16px">
<meta name="select:top bar padding vertical" title="18px" content="18px">
<meta name="select:top bar padding vertical" title="20px" content="20px">
<meta name="select:top bar padding vertical" title="22px" content="22px">
<meta name="select:top bar padding vertical" title="24px" content="24px">
<meta name="select:top bar padding vertical" title="26px" content="26px">
<meta name="select:top bar padding vertical" title="28px" content="28px">
<meta name="select:top bar padding vertical" title="30px" content="30px">
<meta name="select:top bar bottom border size" title="4px" content="4px">
<meta name="select:top bar bottom border size" title="none" content="0px">
<meta name="select:top bar bottom border size" title="1px" content="1px">
<meta name="select:top bar bottom border size" title="2px" content="2px">
<meta name="select:top bar bottom border size" title="3px" content="3px">
<meta name="select:top bar bottom border size" title="5px" content="5px">
<meta name="select:top bar bottom border size" title="6px" content="6px">
<meta name="select:top bar bottom border size" title="7px" content="7px">
<meta name="select:top bar bottom border size" title="8px" content="8px">
<meta name="select:🔽 𝐓𝐎𝐏 𝐁𝐀𝐑 𝐈𝐂𝐎𝐍 •••••••••••••" title="" content="">
<meta name="select:top bar icon size" title="35px" content="35px">
<meta name="select:top bar icon size" title="25px" content="25px">
<meta name="select:top bar icon size" title="30px" content="30px">
<meta name="select:top bar icon size" title="40px" content="40px">
<meta name="select:top bar icon size" title="45px" content="45px">
<meta name="select:top bar icon size" title="50px" content="50px">
<meta name="select:top bar icon size" title="55px" content="55px">
<meta name="select:top bar icon size" title="60px" content="60px">
<meta name="select:top bar icon frame gap" title="4px" content="4px">
<meta name="select:top bar icon frame gap" title="0px" content="0px">
<meta name="select:top bar icon frame gap" title="2px" content="2px">
<meta name="select:top bar icon frame gap" title="6px" content="6px">
<meta name="select:top bar icon frame gap" title="8px" content="8px">
<meta name="select:top bar icon frame gap" title="10px" content="10px">
<meta name="select:top bar icon frame gap" title="12px" content="12px">
<meta name="select:top bar icon frame gap" title="14px" content="14px">
<meta name="select:🔽 𝐓𝐎𝐏 𝐁𝐀𝐑 𝐒𝐔𝐁𝐓𝐈𝐓𝐋𝐄𝐒 •••••" title="" content="">
<meta name="select:top bar subtitles left gap" title="11px" content="11px">
<meta name="select:top bar subtitles left gap" title="9px" content="9px">
<meta name="select:top bar subtitles left gap" title="13px" content="13px">
<meta name="select:top bar subtitles left gap" title="15px" content="15px">
<meta name="select:top bar subtitle 1 size" title="12px" content="0.688rem">
<meta name="select:top bar subtitle 1 size" title="11px" content="0.625rem">
<meta name="select:top bar subtitle 1 size" title="13px" content="0.75rem">
<meta name="select:top bar subtitle 1 size" title="14px" content="0.813rem">
<meta name="select:top bar subtitle 1 size" title="15px" content="0.875rem">
<meta name="select:top bar subtitle 1 size" title="16px" content="0.938rem">
<meta name="select:top bar subtitle 1 size" title="17px" content="1rem">
<meta name="select:top bar subtitle 2 size" title="11px" content="0.625rem">
<meta name="select:top bar subtitle 2 size" title="12px" content="0.688rem">
<meta name="select:top bar subtitle 2 size" title="13px" content="0.75rem">
<meta name="select:top bar subtitle 2 size" title="14px" content="0.813rem">
<meta name="select:top bar subtitle 2 size" title="15px" content="0.875rem">
<meta name="select:top bar subtitle 2 size" title="16px" content="0.938rem">
<meta name="select:top bar subtitle 2 size" title="17px" content="1rem">
<meta name="select:top bar subtitles spacing" title="4px" content="4px">
<meta name="select:top bar subtitles spacing" title="2px" content="2px">
<meta name="select:top bar subtitles spacing" title="6px" content="6px">
<meta name="select:top bar subtitles spacing" title="8px" content="8px">
<meta name="select:top bar subtitles spacing" title="10px" content="10px">
<meta name="select:🔽 𝐒𝐄𝐀𝐑𝐂𝐇𝐁𝐀𝐑 ••••••••••••••••" title="" content="">
<meta name="select:show searchbar" title="show" content="show">
<meta name="select:show searchbar" title="hide" content="hide">
<meta name="select:search font size" title="12px" content="0.75rem">
<meta name="select:search font size" title="10px" content="0.625rem">
<meta name="select:search font size" title="11px" content="0.688rem">
<meta name="select:search font size" title="13px" content="0.813rem">
<meta name="select:search font size" title="14px" content="0.875rem">
<meta name="select:search font size" title="15px" content="0.938rem">
<meta name="select:search dropdown rounded corners" title="4px" content="4px">
<meta name="select:search dropdown rounded corners" title="none" content="0px">
<meta name="select:search dropdown rounded corners" title="2px" content="2px">
<meta name="select:search dropdown rounded corners" title="6px" content="6px">
<meta name="select:search dropdown rounded corners" title="8px" content="8px">
<meta name="select:search dropdown rounded corners" title="10px" content="10px">
<meta name="select:search suggestions font size" title="11px" content="0.688rem">
<meta name="select:search suggestions font size" title="10px" content="0.625rem">
<meta name="select:search suggestions font size" title="12px" content="0.75rem">
<meta name="select:search suggestions font size" title="13px" content="0.813rem">
<meta name="select:search suggestions font size" title="14px" content="0.875rem">
<meta name="select:search suggestions font size" title="15px" content="0.938rem">
<meta name="select:🔽 𝐓𝐎𝐏 𝐁𝐀𝐑 𝐓𝐈𝐓𝐋𝐄 ••••••••••••" title="" content="">
<meta name="select:top bar title size" title="16px" content="1rem">
<meta name="select:top bar title size" title="14px" content="0.875rem">
<meta name="select:top bar title size" title="12px" content="0.75rem">
<meta name="select:top bar title size" title="13px" content="0.813rem">
<meta name="select:top bar title size" title="15px" content="0.938rem">
<meta name="select:top bar title size" title="17px" content="1.063rem">
<meta name="select:top bar title size" title="18px" content="1.125rem">
<meta name="select:top bar title size" title="19px" content="1.188rem">
<meta name="select:top bar title size" title="20px" content="1.25rem">
<meta name="select:top bar title bold" title="none" content="normal">
<meta name="select:top bar title bold" title="bold" content="bold">
<meta name="select:top bar title bold" title="bolder" content="bolder">
<meta name="select:🔽 𝐓𝐎𝐏 𝐁𝐀𝐑 𝐍𝐀𝐕 ••••••••••••••" title="" content="">
<meta name="select:top bar nav icons size" title="14px" content="0.875rem">
<meta name="select:top bar nav icons size" title="12px" content="0.75rem">
<meta name="select:top bar nav icons size" title="13px" content="0.813rem">
<meta name="select:top bar nav icons size" title="15px" content="0.938rem">
<meta name="select:top bar nav icons size" title="16px" content="1rem">
<meta name="select:top bar nav icons size" title="17px" content="1.063rem">
<meta name="select:top bar nav icons size" title="18px" content="1.125rem">
<meta name="select:top bar nav icons size" title="19px" content="1.188rem">
<meta name="select:top bar nav icons size" title="20px" content="1.25rem">
<meta name="select:top bar nav icons padding" title="6px" content="6px">
<meta name="select:top bar nav icons padding" title="4px" content="4px">
<meta name="select:top bar nav icons padding" title="8px" content="8px">
<meta name="select:top bar nav icons padding" title="10px" content="10px">
<meta name="select:top bar nav icons padding" title="12px" content="12px">
<meta name="select:top bar nav icons right gap" title="7px" content="7px">
<meta name="select:top bar nav icons right gap" title="5px" content="5px">
<meta name="select:top bar nav icons right gap" title="9px" content="9px">
<meta name="select:top bar nav icons right gap" title="11px" content="11px">
<meta name="select:top bar nav icons right gap" title="13px" content="13px">
<meta name="select:top bar nav spacing" title="16px" content="16px">
<meta name="select:top bar nav spacing" title="10px" content="10px">
<meta name="select:top bar nav spacing" title="12px" content="12px">
<meta name="select:top bar nav spacing" title="14px" content="14px">
<meta name="select:top bar nav spacing" title="18px" content="18px">
<meta name="select:top bar nav spacing" title="20px" content="20px">
<meta name="select:top bar nav spacing" title="22px" content="22px">
<meta name="select:🔽 𝐇𝐄𝐀𝐃𝐄𝐑 •••••••••••••••••••••" title="" content="">
<meta name="select:include header" title="show" content="show">
<meta name="select:include header" title="hide" content="hide">
<meta name="select:show header when" title="main page & post page" content="main-and-post">
<meta name="select:show header when" title="main page only" content="main-page">
<meta name="select:show header when" title="all pages" content="all-pages">
<meta name="select:header height" title="[screen height] 60%" content="60vh">
<meta name="select:header height" title="same as image height" content="img-height">
<meta name="select:header height" title="[ratio] 3:1" content="3:1">
<meta name="select:header height" title="[ratio] 21:9" content="21:9">
<meta name="select:header height" title="[ratio] 16:9" content="16:9">
<meta name="select:header height" title="[screen height] 30%" content="30vh">
<meta name="select:header height" title="[screen height] 35%" content="35vh">
<meta name="select:header height" title="[screen height] 40%" content="40vh">
<meta name="select:header height" title="[screen height] 45%" content="45vh">
<meta name="select:header height" title="[screen height] 50%" content="50vh">
<meta name="select:header height" title="[screen height] 55%" content="55vh">
<meta name="select:header height" title="[screen height] 65%" content="65vh">
<meta name="select:header height" title="[screen height] 70%" content="70vh">
<meta name="select:header image anchor X" title="center" content="center">
<meta name="select:header image anchor X" title="left" content="left">
<meta name="select:header image anchor X" title="right" content="right">
<meta name="select:header image anchor Y" title="center" content="center">
<meta name="select:header image anchor Y" title="top" content="top">
<meta name="select:header image anchor Y" title="bottom" content="bottom">
<meta name="select:header arrow BG transparency" title="30%" content="30%">
<meta name="select:header arrow BG transparency" title="0%" content="0%">
<meta name="select:header arrow BG transparency" title="10%" content="10%">
<meta name="select:header arrow BG transparency" title="20%" content="20%">
<meta name="select:header arrow BG transparency" title="40%" content="40%">
<meta name="select:header arrow BG transparency" title="50%" content="50%">
<meta name="select:header arrow BG transparency" title="60%" content="60%">
<meta name="select:header arrow BG transparency" title="70%" content="70%">
<meta name="select:header arrow BG transparency" title="80%" content="80%">
<meta name="select:header arrow BG transparency" title="90%" content="90%">
<meta name="select:header arrow BG transparency" title="100%" content="100%">
<meta name="select:header arrow BG blur" title="4px" content="4px">
<meta name="select:header arrow BG blur" title="none" content="0px">
<meta name="select:header arrow BG blur" title="2px" content="2px">
<meta name="select:header arrow BG blur" title="6px" content="6px">
<meta name="select:header arrow BG blur" title="8px" content="8px">
<meta name="select:header arrow BG blur" title="10px" content="10px">
<meta name="select:header arrow padding" title="12px" content="12px">
<meta name="select:header arrow padding" title="4px" content="4px">
<meta name="select:header arrow padding" title="6px" content="6px">
<meta name="select:header arrow padding" title="8px" content="8px">
<meta name="select:header arrow padding" title="10px" content="10px">
<meta name="select:header arrow padding" title="14px" content="14px">
<meta name="select:header arrow padding" title="16px" content="16px">
<meta name="select:header arrow padding" title="18px" content="18px">
<meta name="select:header arrow padding" title="20px" content="20px">
<meta name="select:header arrow size" title="1.25rem" content="1.25rem">
<meta name="select:header arrow size" title="1rem" content="1rem">
<meta name="select:header arrow size" title="1.15rem" content="1.15rem">
<meta name="select:header arrow size" title="1.2rem" content="1.2rem">
<meta name="select:header arrow size" title="1.3rem" content="1.3rem">
<meta name="select:header arrow size" title="1.35rem" content="1.35rem">
<meta name="select:header arrow size" title="1.4rem" content="1.4rem">
<meta name="select:header arrow size" title="1.45rem" content="1.45rem">
<meta name="select:header arrow size" title="1.5rem" content="1.5rem">
<meta name="select:header arrow spin speed" title="slow" content="1s">
<meta name="select:header arrow spin speed" title="very fast" content="250ms">
<meta name="select:header arrow spin speed" title="fast" content="500ms">
<meta name="select:header arrow spin speed" title="normal" content="750ms">
<meta name="select:header arrow spin speed" title="very slow" content="1.25s">
<meta name="select:header panel slide speed" title="slow" content="1s">
<meta name="select:header panel slide speed" title="very fast" content="250ms">
<meta name="select:header panel slide speed" title="fast" content="500ms">
<meta name="select:header panel slide speed" title="normal" content="750ms">
<meta name="select:header panel slide speed" title="very slow" content="1.25s">
<meta name="select:header panel BG transparency" title="40%" content="40%">
<meta name="select:header panel BG transparency" title="0%" content="0%">
<meta name="select:header panel BG transparency" title="10%" content="10%">
<meta name="select:header panel BG transparency" title="20%" content="20%">
<meta name="select:header panel BG transparency" title="30%" content="30%">
<meta name="select:header panel BG transparency" title="50%" content="50%">
<meta name="select:header panel BG transparency" title="60%" content="60%">
<meta name="select:header panel BG transparency" title="70%" content="70%">
<meta name="select:header panel BG transparency" title="80%" content="80%">
<meta name="select:header panel BG transparency" title="90%" content="90%">
<meta name="select:header panel BG transparency" title="100%" content="100%">
<meta name="select:header panel BG blur" title="6px" content="6px">
<meta name="select:header panel BG blur" title="none" content="0px">
<meta name="select:header panel BG blur" title="2px" content="2px">
<meta name="select:header panel BG blur" title="4px" content="4px">
<meta name="select:header panel BG blur" title="8px" content="8px">
<meta name="select:header panel BG blur" title="10px" content="10px">
<meta name="select:🔽 𝐇𝐄𝐀𝐃𝐄𝐑 𝐁𝐎𝐗𝐄𝐒 •••••••••••" title="" content="">
<meta name="select:show header boxes" title="show" content="show">
<meta name="select:show header boxes" title="hide" content="hide">
<meta name="select:header boxes width" title="compact" content="compact">
<meta name="select:header boxes width" title="fill" content="fill">
<meta name="select:header boxes align" title="top" content="top">
<meta name="select:header boxes align" title="center" content="center">
<meta name="select:tall header boxes" title="tall" content="tall">
<meta name="select:tall header boxes" title="auto" content="auto">
<meta name="select:header boxes spacing" title="35px" content="35px">
<meta name="select:header boxes spacing" title="15px" content="15px">
<meta name="select:header boxes spacing" title="20px" content="20px">
<meta name="select:header boxes spacing" title="25px" content="25px">
<meta name="select:header boxes spacing" title="30px" content="30px">
<meta name="select:header boxes spacing" title="40px" content="40px">
<meta name="select:header boxes spacing" title="45px" content="45px">
<meta name="select:header boxes spacing" title="50px" content="50px">
<meta name="select:header boxes spacing" title="55px" content="55px">
<meta name="select:header boxes spacing" title="60px" content="60px">
<meta name="select:header boxes spacing" title="65px" content="65px">
<meta name="select:header boxes spacing" title="70px" content="70px">
<meta name="select:header box title padding" title="12px" content="12px">
<meta name="select:header box title padding" title="8px" content="8px">
<meta name="select:header box title padding" title="10px" content="10px">
<meta name="select:header box title padding" title="14px" content="14px">
<meta name="select:header box title padding" title="16px" content="16px">
<meta name="select:header box title padding" title="18px" content="18px">
<meta name="select:header box title padding" title="20px" content="20px">
<meta name="select:header box title padding" title="22px" content="22px">
<meta name="select:header box title padding" title="24px" content="24px">
<meta name="select:header box title padding" title="26px" content="26px">
<meta name="select:header box title size" title="12px" content="0.688rem">
<meta name="select:header box title size" title="10px" content="0.563rem">
<meta name="select:header box title size" title="11px" content="0.625rem">
<meta name="select:header box title size" title="13px" content="0.75rem">
<meta name="select:header box title size" title="14px" content="0.813rem">
<meta name="select:header box title size" title="15px" content="0.875rem">
<meta name="select:header box title size" title="16px" content="0.938rem">
<meta name="select:header box title size" title="17px" content="1rem">
<meta name="select:header box title size" title="18px" content="1.063rem">
<meta name="select:header box content padding" title="14px" content="14px">
<meta name="select:header box content padding" title="8px" content="8px">
<meta name="select:header box content padding" title="10px" content="10px">
<meta name="select:header box content padding" title="12px" content="12px">
<meta name="select:header box content padding" title="16px" content="16px">
<meta name="select:header box content padding" title="18px" content="18px">
<meta name="select:header box content padding" title="20px" content="20px">
<meta name="select:header box font size" title="13px" content="0.85rem">
<meta name="select:header box font size" title="11px" content="0.75rem">
<meta name="select:header box font size" title="12px" content="0.8rem">
<meta name="select:header box font size" title="14px" content="0.9rem">
<meta name="select:header box font size" title="15px" content="0.95">
<meta name="select:header box font size" title="16px" content="1rem">
<meta name="select:header box text align" title="center" content="center">
<meta name="select:header box text align" title="left" content="left">
<meta name="select:header box text align" title="justify" content="justify">
<meta name="select:header box text align" title="right" content="right">
<meta name="select:🔽 𝐒𝐈𝐃𝐄𝐁𝐀𝐑 •••••••••••••••••••••" title="" content="">
<meta name="select:sidebar width" title="250px" content="250px">
<meta name="select:sidebar width" title="225px" content="225px">
<meta name="select:sidebar width" title="275px" content="275px">
<meta name="select:sidebar width" title="300px" content="300px">
<meta name="select:sidebar width" title="350px" content="350px">
<meta name="select:sidebar title padding" title="12px" content="12px">
<meta name="select:sidebar title padding" title="10px" content="10px">
<meta name="select:sidebar title padding" title="14px" content="14px">
<meta name="select:sidebar title padding" title="16px" content="16px">
<meta name="select:sidebar title padding" title="18px" content="18px">
<meta name="select:sidebar title padding" title="20px" content="20px">
<meta name="select:sidebar title icon size" title="13px" content="0.813rem">
<meta name="select:sidebar title icon size" title="12px" content="0.75rem">
<meta name="select:sidebar title icon size" title="14px" content="0.875rem">
<meta name="select:sidebar title icon size" title="15px" content="0.938rem">
<meta name="select:sidebar title icon size" title="16px" content="1rem">
<meta name="select:sidebar title icon size" title="17px" content="1.063rem">
<meta name="select:sidebar title icon size" title="18px" content="1.125rem">
<meta name="select:sidebar title font size" title="12px" content="0.688rem">
<meta name="select:sidebar title font size" title="11px" content="0.625rem">
<meta name="select:sidebar title font size" title="13px" content="0.75rem">
<meta name="select:sidebar title font size" title="14px" content="0.813rem">
<meta name="select:sidebar title font size" title="15px" content="0.875rem">
<meta name="select:sidebar title font size" title="16px" content="0.938rem">
<meta name="select:sidebar title font size" title="17px" content="1rem">
<meta name="select:sidebar title font size" title="18px" content="1.063rem">
<meta name="select:sidebar title position" title="left" content="left">
<meta name="select:sidebar title position" title="center" content="center">
<meta name="select:sidebar title position" title="right" content="right">
<meta name="select:sidebar title swap icon order" title="no" content="no">
<meta name="select:sidebar title swap icon order" title="yes" content="yes">
<meta name="select:sidebar desc padding" title="14px" content="14px">
<meta name="select:sidebar desc padding" title="10px" content="10px">
<meta name="select:sidebar desc padding" title="12px" content="12px">
<meta name="select:sidebar desc padding" title="16px" content="16px">
<meta name="select:sidebar desc padding" title="18px" content="18px">
<meta name="select:sidebar desc padding" title="20px" content="20px">
<meta name="select:sidebar desc font size" title="13px" content="0.85rem">
<meta name="select:sidebar desc font size" title="11px" content="0.75rem">
<meta name="select:sidebar desc font size" title="12px" content="0.8rem">
<meta name="select:sidebar desc font size" title="14px" content="0.9rem">
<meta name="select:sidebar desc font size" title="15px" content="0.95">
<meta name="select:sidebar desc font size" title="16px" content="1rem">
<meta name="select:sidebar desc text align" title="center" content="center">
<meta name="select:sidebar desc text align" title="left" content="left">
<meta name="select:sidebar desc text align" title="justify" content="justify">
<meta name="select:sidebar desc text align" title="right" content="right">
<meta name="select:sidebar boxes spacing" title="30px" content="30px">
<meta name="select:sidebar boxes spacing" title="20px" content="20px">
<meta name="select:sidebar boxes spacing" title="25px" content="25px">
<meta name="select:sidebar boxes spacing" title="35px" content="35px">
<meta name="select:sidebar boxes spacing" title="40px" content="40px">
<meta name="select:sidebar boxes spacing" title="45px" content="45px">
<meta name="select:sidebar boxes spacing" title="50px" content="50px">
<meta name="select:sidebar boxes spacing" title="55px" content="55px">
<meta name="select:sidebar boxes spacing" title="60px" content="60px">
<meta name="select:🔽 𝐂𝐔𝐒𝐓𝐎𝐌 𝐋𝐈𝐍𝐊𝐒 ••••••••••••" title="" content="">
<meta name="select:custom links columns" title="2" content="2">
<meta name="select:custom links columns" title="1" content="1">
<meta name="select:custom links columns" title="3" content="3">
<meta name="select:custom links padding" title="10px" content="10px">
<meta name="select:custom links padding" title="6px" content="6px">
<meta name="select:custom links padding" title="4px" content="4px">
<meta name="select:custom links padding" title="8px" content="8px">
<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 font size" title="11px" content="0.625rem">
<meta name="select:custom links font size" title="12px" content="0.688rem">
<meta name="select:custom links font size" title="13px" content="0.75rem">
<meta name="select:custom links font size" title="14px" content="0.813rem">
<meta name="select:custom links font size" title="15px" content="0.875rem">
<meta name="select:custom links font size" title="16px" content="0.938rem">
<meta name="select:custom links spacing" title="6px" content="6px">
<meta name="select:custom links spacing" title="2px" content="2px">
<meta name="select:custom links spacing" title="4px" content="4px">
<meta name="select:custom links spacing" title="8px" content="8px">
<meta name="select:custom links spacing" title="10px" content="10px">
<meta name="select:🔽 𝐏𝐀𝐆𝐈𝐍𝐀𝐓𝐈𝐎𝐍 •••••••••••••••" title="" content="">
<meta name="select:page numbers location" title="sidebar" content="sidebar">
<meta name="select:page numbers location" title="under posts" content="under posts">
<meta name="select:page numbers size" title="13px" content="0.85rem">
<meta name="select:page numbers size" title="11px" content="0.75rem">
<meta name="select:page numbers size" title="12px" content="0.8rem">
<meta name="select:page numbers size" title="14px" content="0.9rem">
<meta name="select:page numbers size" title="15px" content="0.95rem">
<meta name="select:page numbers size" title="16px" content="1rem">
<meta name="select:🔽 𝐏𝐎𝐒𝐓𝐒 •••••••••••••••••••••••••" title="" content="">
<meta name="select:posts width" title="540px" content="540px">
<meta name="select:posts width" title="300px" content="300px">
<meta name="select:posts width" title="325px" content="325px">
<meta name="select:posts width" title="350px" content="350px">
<meta name="select:posts width" title="375px" content="375px">
<meta name="select:posts width" title="400px" content="400px">
<meta name="select:posts width" title="425px" content="425px">
<meta name="select:posts width" title="450px" content="450px">
<meta name="select:posts width" title="475px" content="475px">
<meta name="select:posts width" title="500px" content="500px">
<meta name="select:posts width" title="600px" content="600px">
<meta name="select:posts width" title="650px" content="650px">
<meta name="select:posts width" title="700px" content="700px">
<meta name="select:posts full width" title="yes" content="yes">
<meta name="select:posts full width" title="no" content="no">
<meta name="select:posts padding" title="20px" content="20px">
<meta name="select:posts padding" title="10px" content="10px">
<meta name="select:posts padding" title="15px" content="15px">
<meta name="select:posts padding" title="25px" content="25px">
<meta name="select:posts padding" title="30px" content="30px">
<meta name="select:post type sticky scroll" title="yes" content="yes">
<meta name="select:post type sticky scroll" title="no" content="no">
<meta name="select:post type left line width" title="30px" content="30px">
<meta name="select:post type left line width" title="20px" content="20px">
<meta name="select:post type left line width" title="25px" content="25px">
<meta name="select:post type left line width" title="35px" content="35px">
<meta name="select:post type left line width" title="40px" content="40px">
<meta name="select:post type left line width" title="45px" content="45px">
<meta name="select:post type left line width" title="50px" content="50px">
<meta name="select:post type icons size" title="1.4rem" content="1.4rem">
<meta name="select:post type icons size" title="1.1rem" content="1.1rem">
<meta name="select:post type icons size" title="1.2rem" content="1.2rem">
<meta name="select:post type icons size" title="1.3rem" content="1.3rem">
<meta name="select:post type icons size" title="1.5rem" content="1.5rem">
<meta name="select:post type icons size" title="1.6rem" content="1.6rem">
<meta name="select:post type icons size" title="1.7rem" content="1.7rem">
<meta name="select:post type icons size" title="1.8rem" content="1.8rem">
<meta name="select:post type icons padding" title="13px" content="13px">
<meta name="select:post type icons padding" title="10px" content="10px">
<meta name="select:post type icons padding" title="11px" content="11px">
<meta name="select:post type icons padding" title="12px" content="12px">
<meta name="select:post type icons padding" title="14px" content="14px">
<meta name="select:post type icons padding" title="15px" content="15px">
<meta name="select:post type icons padding" title="16px" content="16px">
<meta name="select:posts blog icons style" title="circle" content="100%">
<meta name="select:posts blog icons style" title="rounded" content="3px">
<meta name="select:posts blog icons style" title="square" content="0px">
<meta name="select:reblog dividers" title="yes" content="yes">
<meta name="select:reblog dividers" title="no" content="no">
<meta name="select:shorten note count" title="yes" content="yes">
<meta name="select:shorten note count" title="no" content="no">
<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:posts spacing" title="40px" content="40px">
<meta name="select:posts spacing" title="30px" content="30px">
<meta name="select:posts spacing" title="35px" content="35px">
<meta name="select:posts spacing" title="45px" content="45px">
<meta name="select:posts spacing" title="50px" content="50px">
<meta name="select:posts spacing" title="55px" content="55px">
<meta name="select:posts spacing" title="60px" content="60px">
<meta name="select:posts spacing" title="65px" content="65px">
<meta name="select:posts spacing" title="70px" content="70px">
<meta name="select:posts spacing" title="75px" content="75px">
<meta name="select:posts spacing" title="80px" content="80px">
<meta name="select:🔽 𝐓𝐀𝐆𝐒 ••••••••••••••••••••••••••" title="" content="">
<meta name="select:tags position" title="right" content="right">
<meta name="select:tags position" title="left" content="left">
<meta name="select:tags" title="always show" content="always-show">
<meta name="select:tags" title="toggle" content="toggle">
<meta name="select:tags" title="toggle + fade" content="toggle-fade">
<meta name="select:🔽 𝐏𝐎𝐒𝐓 𝐅𝐎𝐎𝐓𝐄𝐑 ••••••••••••••" title="" content="">
<meta name="select:post footer padding" title="20px" content="20px">
<meta name="select:post footer padding" title="10px" content="10px">
<meta name="select:post footer padding" title="12px" content="12px">
<meta name="select:post footer padding" title="14px" content="14px">
<meta name="select:post footer padding" title="16px" content="16px">
<meta name="select:post footer padding" title="18px" content="18px">
<meta name="select:post footer padding" title="22px" content="22px">
<meta name="select:post footer padding" title="24px" content="24px">
<meta name="select:post footer align" title="left" content="left">
<meta name="select:post footer align" title="center" content="center">
<meta name="select:date format" title="Jun 09th 2024" content="1">
<meta name="select:date format" title="June 9, 2024" content="2">
<meta name="select:date format" title="09 Jun 24" content="3">
<meta name="select:time format" title="04:20PM" content="AMPM">
<meta name="select:time format" title="16:20" content="24hr">
<meta name="select:time format" title="4 minutes ago" content="timeago-long">
<meta name="select:time format" title="4 min ago" content="timeago-short">
<meta name="select:time format" title="hide" content="hide">
<meta name="select:date icon show" title="show" content="show">
<meta name="select:date icon show" title="hide" content="hide">
<meta name="select:date icon" title="history" content="history">
<meta name="select:date icon" title="update" content="update">
<meta name="select:date icon" title="bookmark" content="bookmark">
<meta name="select:date icon" title="star" content="star">
<meta name="select:date icon" title="note" content="note-02">
<meta name="select:date icon" title="save" content="save">
<meta name="select:date icon" title="verified" content="verified-2">
<meta name="select:date icon" title="calendar" content="calendar">
<meta name="select:date icon" title="pen" content="edit-01">
<meta name="select:date icon" title="folder" content="folder">
<meta name="select:date icon" title="globe" content="globe">
<meta name="select:date icon" title="info" content="info">
<meta name="select:date icon" title="link" content="link-1">
<meta name="select:show post footer notes" title="show" content="show">
<meta name="select:show post footer notes" title="hide" content="hide">
<meta name="select:notes icon" title="bookmark" content="bookmark">
<meta name="select:notes icon" title="history" content="history">
<meta name="select:notes icon" title="update" content="update">
<meta name="select:notes icon" title="star" content="star">
<meta name="select:notes icon" title="note" content="note-02">
<meta name="select:notes icon" title="save" content="save">
<meta name="select:notes icon" title="verified" content="verified-2">
<meta name="select:notes icon" title="calendar" content="calendar">
<meta name="select:notes icon" title="pen" content="edit-01">
<meta name="select:notes icon" title="folder" content="folder">
<meta name="select:notes icon" title="globe" content="globe">
<meta name="select:notes icon" title="info" content="info">
<meta name="select:notes icon" title="link" content="link-1">
<meta name="text:󠀠⁠" content="💬 𝐌𝐔𝐒𝐈𝐂 𝐏𝐋𝐀𝐘𝐄𝐑 •••••••••••••••••&NewLine;⁠">
<meta name="text:music player song name" content="Be Number One [<a aria-label="-Bakugou's Belief-"> ✧ </a>]">
<meta name="text:music player song file URL" content="https://file.garden/ZRt8jW_MomIqlrfn/music/Be_Number_One_Bakugou's_Belief.mp3">
<meta name="text:music player song volume" content="85%">
<meta name="text:󠀠⁠⁠" content="💬 𝐓𝐎𝐏 𝐁𝐀𝐑 ••••••••••••••••••••••••••&NewLine;⁠">
<meta name="text:top bar subtitle 1" content="top text here">
<meta name="text:top bar subtitle 2" content="bottom text here">
<meta name="text:top bar title" content="">
<meta name="text:󠀠⁠⁠⁠" content="💬 𝐒𝐄𝐀𝐑𝐂𝐇𝐁𝐀𝐑 •••••••••••••••••••••&NewLine;⁠">
<meta name="text:search prompt" content="">
<meta name="text:search button text" content="Go">
<meta name="text:search suggestion 1 text" content="#art">
<meta name="text:search suggestion 1 URL" content="/tagged/art">
<meta name="text:search suggestion 2 text" content="">
<meta name="text:search suggestion 2 URL" content="">
<meta name="text:search suggestion 3 text" content="">
<meta name="text:search suggestion 3 URL" content="">
<meta name="text:search suggestion 4 text" content="">
<meta name="text:search suggestion 4 URL" content="">
<meta name="text:search suggestion 5 text" content="">
<meta name="text:search suggestion 5 URL" content="">
<meta name="text:󠀠⁠⁠⁠⁠" content="💬 𝐇𝐄𝐀𝐃𝐄𝐑 ••••••••••••••••••••••••••&NewLine;⁠">
<meta name="text:header arrow hover text" content="Click me">
<meta name="text:header box 1 title" content="header box 1">
<meta name="text:header box 1 content" content="You can put whatever you want here. A place for extra information!">
<meta name="text:header box 2 title" content="header box 2">
<meta name="text:header box 2 content" content="If you don't need a box, clear its text field. Try it with this box!">
<meta name="text:header box 3 title" content="">
<meta name="text:header box 3 content" content="">
<meta name="text:󠀠⁠⁠⁠⁠⁠" content="💬 𝐀𝐁𝐎𝐔𝐓 𝐁𝐎𝐗 •••••••••••••••••••••&NewLine;⁠">
<meta name="text:about box title icon name" content="heart">
<meta name="text:about box title" content="about">
<meta name="text:about box desc" content="Your custom description here! Empty this box to use your existing blog description.">
<meta name="text:󠀠⁠⁠⁠⁠⁠⁠" content="💬 𝐋𝐈𝐍𝐊𝐒 𝐁𝐎𝐗 •••••••••••••••••••••&NewLine;⁠">
<meta name="text:links box title icon name" content="menu">
<meta name="text:links box title" content="navigation">
<meta name="text:custom link 1 text" content="example link">
<meta name="text:custom link 1 URL" content="https://youtu.be/N6lSPYwUGjY">
<meta name="text:custom link 2 text" content="">
<meta name="text:custom link 2 URL" content="">
<meta name="text:custom link 3 text" content="">
<meta name="text:custom link 3 URL" content="">
<meta name="text:custom link 4 text" content="">
<meta name="text:custom link 4 URL" content="">
<meta name="text:custom link 5 text" content="">
<meta name="text:custom link 5 URL" content="">
<meta name="text:custom link 6 text" content="">
<meta name="text:custom link 6 URL" content="">
<meta name="text:custom link 7 text" content="">
<meta name="text:custom link 7 URL" content="">
<meta name="text:custom link 8 text" content="">
<meta name="text:custom link 8 URL" content="">
<meta name="text:󠀠⁠⁠⁠⁠⁠⁠⁠" content="💬 𝐏𝐀𝐆𝐈𝐍𝐀𝐓𝐈𝐎𝐍 𝐁𝐎𝐗 ••••••••••&NewLine;⁠">
<meta name="text:pagination box title icon name" content="">
<meta name="text:pagination box title" content="">
{/block:Options}
<style>
:root, :host {
/*----- GENERAL -----*/
--Load-In-Delay:25ms;
--Load-In-Speed:250ms;
--Rounded-Corners:{select:rounded corners};
/*----- TUMBLR CONTROLS -----*/
--Tumblr-Controls-Scale:0.85;
--Tumblr-Controls-Gap-Top:5px;
--Tumblr-Controls-Gap-Right:calc(var(--Scrollbar-Width) + 10px);
--Tumblr-Controls-Indicator-Gap-Left:2px;
--Tumblr-Controls-Indicator-Size:calc((34px * var(--Tumblr-Controls-Scale)) * 0.69);
--Tumblr-Controls-Indicator-Color:{color:tumblr controls indicator};
--Tumblr-Controls-Hover-Speed:0.4s;
--Tumblr-Controls-Click-Toggle-Speed:0.5s;
--Tumblr-Controls-Animation-Amount:20px;
/*----- MUSIC PLAYER -----*/
--Music-Player-Corner-Offset:22px;
--Music-Player-Circle-BG:{color:music player accent};
--Music-Player-Circle-Padding:10px;
--Music-Player-Bars-Size:2px;
--Music-Player-Bars-Color:{color:music player bars};
--Music-Player-Bars-Spacing:1px;
--Music-Player-Bars-Parent-Width:calc((var(--Music-Player-Bars-Size) * 5) + (var(--Music-Player-Bars-Spacing) * 4) + (var(--Music-Player-Circle-Padding) * 2)); /* don't touch this pls */
--Music-Player-Bars-Animation-Speed:0.469s;
--Music-Player-Line-Width:22px;
--Music-Player-Line-Thickness:4px;
--Music-Player-Line-Color:{color:music player accent};
--Music-Player-Line-Hover-Speed:0.4s;
--Music-Player-Info-Box-Hover-Speed:0.4s;
--Music-Player-Info-Box-Left-Border-Size:4px;
--Music-Player-Info-Box-Left-Border-Color:{color:music player accent};
--Music-Player-Info-Box-Padding-Y:1px;
--Music-Player-Info-Box-Padding-X:11px;
--Music-Player-Info-Box-BG:{color:music player box BG};
--Music-Player-Info-Box-Total-Height:calc(var(--Music-Player-Bars-Parent-Width) + (var(--Music-Player-Info-Box-Padding-Y) * 2));
--Music-Player-Info-Box-Rounded-Corners:var(--Rounded-Corners);
--Music-Player-Info-Box-Shadow-Strength:8.5%;
--Music-Player-Buttons-Size:calc(var(--Body-Font-Size) * 0.9);
--Music-Player-Buttons-Color:{color:music player buttons};
--Music-Player-Info-Items-Gap:9px;
--Music-Player-Info-Box-Font-Size:calc(var(--Body-Font-Size) - 0.5px);
--Music-Player-Info-Box-Text-Color:{color:music player text};
/*----- TOP BAR -----*/
--Top-Bar-Height:calc(var(--Top-Bar-Contents-MH) + (var(--Top-Bar-Padding-Y) * 2));
--Top-Bar-Contents-MH:max(var(--Top-Bar-Avatar-Total-Size), var(--Top-Nav-Icon-Circle-Total-Size), var(--Top-Bar-Title-Size), var(--Top-Nav-Text-Font-Size));
--Top-Bar-BG:{color:top bar BG};
--Top-Bar-Bottom-Border-Size:{select:top bar bottom border size};
--Top-Bar-Bottom-Border-Color:{color:top bar bottom border};
--Top-Bar-Total-Height:calc(var(--Top-Bar-Height) + var(--Top-Bar-Bottom-Border-Size));
--Top-Bar-Padding-X:{select:top bar padding horizontal};
--Top-Bar-Padding-Y:{select:top bar padding vertical};
/*----- TOP BAR AVATAR / TOP BAR ICON -----*/
--Top-Bar-Avatar-Size:{select:top bar icon size};
--Top-Bar-Avatar-Padding:{select:top bar icon frame gap};
--Top-Bar-Avatar-Border-Size:1px;
--Top-Bar-Avatar-Border-Color:{color:top bar icon border};
--Top-Bar-Avatar-Total-Size:calc(var(--Top-Bar-Avatar-Size) + (var(--Top-Bar-Avatar-Padding) * 2) + (var(--Top-Bar-Avatar-Border-Size) * 2));
/*----- TOP BAR SUBTITLES -----*/
--Top-Bar-Subtitles-Left-Gap:{select:top bar subtitles left gap};
--Top-Bar-Subtitles-Line-Height:1.4; /* number only */
--Top-Bar-Subtitles-Spacing:{select:top bar subtitles spacing};
--Top-Bar-Subtitle-1-Font-Size:{select:top bar subtitle 1 size};
--Top-Bar-Subtitle-1-Color:{color:top bar subtitle 1};
--Top-Bar-Subtitle-2-Font-Size:{select:top bar subtitle 2 size};
--Top-Bar-Subtitle-2-Color:{color:top bar subtitle 2};
/*----- TOP BAR SEARCHBAR -----*/
--Searchbar-Left-Gap:18px;
--Search-Max-Width:225px;
--Search-Shadow-Strength:0%;
--Searchbar-Row-Height:min(var(--Top-Bar-Avatar-Size), var(--Top-Nav-Icon-Circle-Total-Size));
/*----- MAGNIFYING GLASS -----*/
--Searchbar-Glass-Icon-Border-Color:{color:search icon border};
--Searchbar-Glass-Icon-Corner-Rounding:3px;
--Searchbar-Glass-Icon-BG:{color:search icon BG};
--Searchbar-Glass-Icon-Size:min(calc({select:search font size} * 1.2),var(--Searchbar-Row-Height));
--Searchbar-Glass-Icon-Color:{color:search icon};
/*----- SEARCHBAR INPUT/FIELD -----*/
--Searchbar-Field-Border:{color:search border};
--Searchbar-Field-Corner-Rounding:3px;
--Searchbar-Field-Background:{color:search BG};
--Searchbar-Field-Padding-Y:7px;
--Searchbar-Field-Padding-X:10px;
--Searchbar-Field-Font:var(--Caps-Font-Family);
--Searchbar-Field-Font-Size:{select:search font size};
--Searchbar-Field-Placeholder-Color:rgba({RGBcolor:search text},0.75);
--Searchbar-Field-Typing-Color:{color:search text};
--Searchbar-Focus-Underline-Color:{color:search clicked underline};
--Searchbar-Focus-Underline-Speed:0.4s;
--Searchbar-Spacing:4px;
/*----- SEARCHBAR BUTTON -----*/
--Searchbar-Button-Border:{color:search button border};
--Searchbar-Button-Corner-Rounding:3px;
--Searchbar-Button-Background:{color:search button BG};
--Searchbar-Button-Padding:0 10px;
--Searchbar-Button-Font:var(--Caps-Font-Family);
--Searchbar-Button-Font-Size:calc({select:search font size} - 1px);
--Searchbar-Button-Text-Color:{color:search button text};
--Searchbar-Button-HOVER-Speed:0.25s;
--Searchbar-Button-HOVER-Border:{color:search button hover border};
--Searchbar-Button-HOVER-BG:{color:search button hover BG};
--Searchbar-Button-HOVER-Text:{color:search button hover text};
/*----- SEARCH SUGGESTIONS -----*/
--Search-Suggestion-Box-Top-Gap:0px;
--Search-Suggestion-Box-Inner-Margin:var(--Searchbar-Field-Padding-X);
--Search-Suggestion-Box-Border:transparent;
--Search-Suggestion-Box-Corner-Rounding:0 0 {select:search dropdown rounded corners} {select:search dropdown rounded corners};
--Search-Suggestion-Box-Background:{color:search dropdown BG};
--Search-Suggestion-Items-Corner-Rounding:0px;
--Search-Suggestion-Items-Padding:10px; /* one value only */
--Search-Suggestions-Font:var(--Body-Font-Family);
--Search-Suggestions-Font-Size:{select:search suggestions font size};
--Search-Suggestions-Text-Color:{color:search suggestions text};
--Search-Suggestions-Expand-Speed:420ms; /* ms only */
--Search-Suggestions-HOVER-Underline-Size:1px;
--Search-Suggestions-HOVER-Underline-Color:{color:search suggestions hover underline};
--Search-Suggestions-HOVER-Background:transparent;
--Search-Suggestions-HOVER-Text-Color:{color:search suggestions hover text};
--Search-Suggestions-HOVER-Speed:250ms;
/*----- TOP BAR TITLE -----*/
--Top-Bar-Title-Size:{select:top bar title size};
--Top-Bar-Title-Font-Weight:var(--Heading-Font-Weight);
--Top-Bar-Title-Letter-Spacing:var(--Heading-Letter-Spacing);
--Top-Bar-Title-Color:{color:top bar title};
--Top-Bar-Title-Padding-X:10px;
/*----- TOP BAR NAV LINKS -----*/
--Top-Nav-Icon-Size:{select:top bar nav icons size};
--Top-Nav-Icon-Padding:{select:top bar nav icons padding};
--Top-Nav-Icon-Circle-Border-Size:1px;
--Top-Nav-Icon-Circle-Border-Color:{color:top bar nav icons border};
--Top-Nav-Icon-Circle-BG:{color:top bar nav icons BG};
--Top-Nav-Icon-Circle-Total-Size:calc(var(--Top-Nav-Icon-Size) + (var(--Top-Nav-Icon-Padding) * 2) + (var(--Top-Nav-Icon-Circle-Border-Size) * 2));
--Top-Nav-Icon-Color:{color:top bar nav icons};
--Top-Nav-Icon-Circle-Gap-Right:{select:top bar nav icons right gap};
--Top-Nav-Text-Font-Size:calc(var(--Caps-Font-Size) - 1px);
--Top-Nav-Text-Color:{color:top bar nav text};
--Top-Nav-Links-Spacing:{select:top bar nav spacing};
--Top-Nav-HOVER-Icon-Border-Color:{color:top bar nav hover border};
--Top-Nav-HOVER-Icon-BG:{color:top bar nav hover BG};
--Top-Nav-HOVER-Icon-Color:{color:top bar nav hover icons};
--Top-Nav-HOVER-Text:{color:top bar nav hover text};
--Top-Nav-HOVER-Speed:0.25s;
/*----- HEADER ARROW -----*/
--Header-Arrow-Column-Width:calc(var(--Header-Arrow-Size) + (var(--Header-Arrow-Padding) * 2));
--Header-Arrow-Column-BG:{color:header arrow BG};
--Header-Arrow-Column-BG-Strength:calc(100% - {select:header arrow BG transparency});
--Header-Arrow-Column-BG-Blur-Amount:{select:header arrow BG blur};
--Header-Arrow-Padding:{select:header arrow padding};
--Header-Arrow-Size:{select:header arrow size};
--Header-Arrow-Color:{color:header arrow};
--Header-Arrow-Hover-Speed:250ms;
--Header-Arrow-Spin-Speed:{select:header arrow spin speed};
/*----- HEADER PANEL -----*/
--Header-Panel-Slide-Speed:{select:header panel slide speed};
--Header-Panel-BG:{color:header panel BG};
--Header-Panel-BG-Strength:calc(100% - {select:header panel BG transparency});
--Header-Panel-BG-Blur-Amount:{select:header panel BG blur};
/*----- HEADER BOXES -----*/
--Header-Boxes-Wrapper-Side-Gaps:min(var(--Header-Boxes-Spacing),55px);
--Header-Boxes-Wrapper-Max-Width:calc(100% - var(--Header-Arrow-Column-Width) - (var(--Header-Boxes-Wrapper-Side-Gaps) * 2));
--Header-Boxes-Wrapper-Max-Height:calc(100% - (var(--Header-Boxes-Wrapper-Side-Gaps) * 2));
--Header-Boxes-Count:3;
--Header-Boxes-Spacing:{select:header boxes spacing};
--Header-Boxes-Rounded-Corners:var(--Rounded-Corners);
/*----- HEADER BOX TITLE -----*/
--Header-Box-Title-Padding-X:{select:header box title padding};
--Header-Box-Title-Padding-Y:{select:header box title padding};
--Header-Box-Title-BG:{color:header box title BG};
--Header-Box-Title-Font-Size:{select:header box title size};
--Header-Box-Title-Line-Height:1.4;
--Header-Box-Title-Color:{color:header box title};
/*----- HEADER BOX CONTENT -----*/
--Header-Box-Body-Padding-X:{select:header box content padding};
--Header-Box-Body-Padding-Y:{select:header box content padding};
--Header-Box-Body-BG:{color:header box content BG};
--Header-Box-Body-Font-Size:calc({select:header box font size} - 0.5px);
--Header-Box-Body-Line-Height:var(--Body-Line-Height);
--Header-Box-Body-Text-Align:{select:header box text align};
--Header-Box-Body-Color:{color:header box text};
/*----- SIDEBAR SETTINGS -----*/
--Sidebar-Width:{select:sidebar width};
--Sidebar-Boxes-BG:{color:sidebar boxes BG};
--Sidebar-Boxes-Bottom-Border-Size:1px;
--Sidebar-Boxes-Bottom-Border-Color:{color:sidebar boxes bottom border};
--Sidebar-Boxes-Spacing:{select:sidebar boxes spacing};
--Sidebar-Boxes-Rounded-Corners:{select:rounded corners};
--Sidebar-Heading-Padding-X:{select:sidebar title padding};
--Sidebar-Heading-Padding-Y:{select:sidebar title padding};
--Sidebar-Heading-BG:{color:sidebar title BG};
--Sidebar-Heading-Icon-Size:{select:sidebar title icon size};
--Sidebar-Heading-Icon-Color:{color:sidebar title icon};
--Sidebar-Heading-Items-Spacing:7px;
--Sidebar-Heading-Font-Size:{select:sidebar title font size};
--Sidebar-Heading-Letter-Spacing:calc(var(--Caps-Letter-Spacing) * 1.25);
--Sidebar-Heading-Text-Color:{color:sidebar title};
--Sidebar-Heading-Line-Height:1.4; /* number only */
--Sidebar-Desc-Padding-X:{select:sidebar desc padding};
--Sidebar-Desc-Padding-Y:{select:sidebar desc padding};
--Sidebar-Desc-BG:var(--Sidebar-Boxes-BG);
--Sidebar-Desc-Font-Size:calc({select:sidebar desc font size} - 0.5px);
--Sidebar-Desc-Letter-Spacing:var(--Body-Letter-Spacing);
--Sidebar-Desc-Text-Color:{color:sidebar desc text};
--Sidebar-Desc-Line-Height:var(--Body-Line-Height);
--Custom-Links-Columns:{select:custom links columns};
--Custom-Links-Spacing:{select:custom links spacing};
--Custom-Links-Padding-X:{select:custom links padding};
--Custom-Links-Padding-Y:{select:custom links padding};
--Custom-Links-BG:{color:custom links BG};
--Custom-Links-Line-Height:1.4; /* number only */
--Custom-Links-Font-Size:{select:custom links font size};
--Custom-Links-Text-Color:{color:custom links};
--Custom-Links-HOVER-Underline-Size:1px;
--Custom-Links-HOVER-Underline-Color:{color:custom links hover underline};
--Custom-Links-HOVER-Speed:300ms;
/*----- MAIN CONTENT -----*/
--Main-Content-Side-Shadows-Size:calc(((100vw - var(--Main-Content-Total-Width)) / 2) * 0.2);
--Main-Content-Side-Shadows-Strength:5%;
--Main-Content-Total-Width:calc(var(--Sidebar-Width) + var(--Main-Content-Center-Gap) + var(--Post-Extended-Width) + (var(--Main-Content-Padding-X) * 2));
--Main-Content-Padding-X:{select:container padding};
--Main-Content-Padding-Y:{select:container padding};
--Main-Content-BG:{color:container BG};
--Main-Content-Scroll-Container-Height:calc(100vh - var(--Top-Bar-Total-Height));
--Main-Content-Center-Gap:{select:container center gap};
/*----- POST SETTINGS -----*/
--Post-Width:{select:posts width};
--Post-Extended-Width:calc(var(--Post-Width-Total) + var(--Post-Type-Icon-Left-Line-Width) + var(--Post-Type-Icon-Total-Size));
--Post-Padding:{select:posts padding};
--Post-Borders-Size:1px;
--Post-Borders-Color:{color:posts borders};
--Post-Width-Total:min(calc(var(--Post-Width) + (var(--Post-Padding) * 2) + (var(--Post-Borders-Size) * 2)), 85vw);
--Post-Rounded-Corners:clamp(0px, calc(var(--Rounded-Corners) * 0.8), var(--Rounded-Corners));
--Post-BG:{color:posts BG};
--Post-Spacing:{select:posts spacing};
--Post-Accent-Border-Size:1px;
--Post-Accent-Border-Color:{color:posts accent borders};
--Post-Accent-Padding:calc(var(--Post-Padding) - 3px);
--Post-Accent-Rounded-Corners:max(0px, var(--Rounded-Corners));
--Post-Accent-BG:{color:posts accent BG};
--Post-Accent-Text:{color:posts accent text};
/*----- POST HEADER -----*/
--Post-Header-Border-Size:var(--Post-Footer-Border-Size);
--Post-Header-Border-Color:var(--Post-Footer-Border-Color);
--Post-Header-BG:var(--Post-Footer-BG);
--Post-Header-Padding-X:var(--Post-Footer-Padding-X);
--Post-Header-Padding-Y:var(--Post-Footer-Padding-Y);
--Post-Header-Font-Size:var(--Post-Footer-Font-Size);
--Post-Header-Text-Color:var(--Post-Footer-Text-Color);
--Post-Header-Via-Src-Spacing:7px;
--Post-Header-Reblog-Icon-Size:calc(var(--Post-Header-Font-Size) * 1.25);
--Post-Header-Pin-Icon-Size:calc(var(--Post-Header-Font-Size) * 1.35);
--Post-Header-Pin-Icon-Gap:0.6em;
/*----- POST TYPE INDICATORS -----*/
--Post-Type-Icon-Left-Line-Width:{select:post type left line width};
--Post-Type-Icon-Left-Line-Thickness:var(--Post-Borders-Size);
--Post-Type-Icon-Left-Line-Color:var(--Post-Borders-Color);
--Post-Type-Icon-Size:{select:post type icons size};
--Post-Type-Icon-Padding:{select:post type icons padding};
--Post-Type-Icon-Border-Size:var(--Post-Borders-Size);
--Post-Type-Icon-Border-Color:var(--Post-Borders-Color);
--Post-Type-Icon-Rounded-Corners:100%;
--Post-Type-Icon-BG:{color:post type icons BG};
--Post-Type-Icon-Color:{color:post type icons};
--Post-Type-Icon-Total-Size:calc(var(--Post-Type-Icon-Size) + (var(--Post-Type-Icon-Padding) * 2) + (var(--Post-Type-Icon-Border-Size) * 2));
/*----- BODY TEXT -----*/
--Body-Font-Family:"{select:font}", sans-serif;
--Body-Font-Size:{select:font size};
--Body-Font-Weight:400; /* 400 is default */
--Body-Letter-Spacing:0px;
--Body-Text-Color:{color:text};
--Body-Text-Color-RGB:{RGBcolor:text};
--Body-Line-Height:1.65;
/*----- TEXT FORMATTING -----*/
--Bold-Font-Weight:700; /* 700 is default */
--Bold:{color:bold};
--Italic:{color:italic};
/*----- HEADING TEXT -----*/
--Heading-Font-Family:"{select:heading font}", sans-serif;
--Heading-Font-Size:calc({select:font size} + 2px);
--Heading-Font-Weight:700; /* 700 is default */
--Heading-Text-Case:uppercase; /* uppercase, lowercase, capitalize, none */
--Heading-Letter-Spacing:0.025em;
--Heading-Word-Spacing:0em;
--Heading-Text-Color:{color:headings};
--Heading-Line-Height:1.69;
--Heading-Bottom-Gap:1em;
/*----- UPPERCASE TEXT -----*/
--Caps-Font-Family:"{select:uppercase font}", sans-serif;
--Caps-Font-Size:calc({select:font size} - 2px);
--Caps-Font-Weight:400; /* 400 is default */
--Caps-Letter-Spacing:0.04em;
--Caps-Word-Spacing:0.015em;
/*----- CODE TEXT -----*/
--Code-Padding:var(--Post-Accent-Padding);
--Code-Border-Size:var(--Post-Accent-Border-Size);
--Code-Border-Color:var(--Post-Accent-Border-Color);
--Code-Rounded-Corners:var(--Post-Accent-Rounded-Corners);
--Code-BG:var(--Post-Accent-BG);
--Code-Font-Family:"Geist Mono", monospace;
--Code-Font-Size:calc(var(--Body-Font-Size) - 2px);
--Code-Font-Weight:450; /* 400 is default */
--Code-Text-Color:var(--Post-Accent-Text);
--Code-Line-Height:1.5;
/*----- LINKS -----*/
--Links-Color:{color:links};
--Links-Underline-Gap:0.1em;
--Links-Underline-Size:1px;
--Links-Underline-Color:{color:links underline};
/*----- BLOCKQUOTES -----*/
--Blockquote-Border-Size:min(1px, var(--Reblog-Head-Image-Size));
--Blockquote-Border-Color:rgba({RGBcolor:text},0.169);
/*----- CAPTION SETTINGS -----*/
--Reblog-Head-Image-Size:30px;
--Reblog-Head-Image-Rounded-Corners:{select:posts blog icons style};
--Reblog-Head-Gutter:11px;
--Reblog-Name-Color:{color:posts usernames};
--Reblog-Head-Bottom-Gap:min(1em, var(--Post-Padding));
--Reblog-Borders-Size:1px;
--Reblog-Borders:{color:reblog dividers};
/*----- PHOTOSET OPTIONS -----*/
--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:".text-block";
--Text-Reblogs-Selector:".comment";
--Hide-Empty-NPF-Audio-Info:"no";
/*----- QUOTE POSTS -----*/
--Quote-Font-Family:var(--Heading-Font-Family);
--Quote-Font-Size:var(--Heading-Font-Size);
--Quote-Font-Weight:var(--Heading-Font-Weight); /* 700 is default */
--Quote-Text-Case:uppercase; /* uppercase, lowercase, capitalize, none */
--Quote-Letter-Spacing:var(--Heading-Letter-Spacing);
--Quote-Word-Spacing:var(--Heading-Word-Spacing);
--Quote-Line-Height:var(--Heading-Line-Height);
/*----- LINK POSTS -----*/
--Link-Block-Border-Size:1px;
--Link-Block-Border-Color:rgba({RGBcolor:text},0.25);
--Link-Block-Rounded-Corners:var(--Rounded-Corners);
/*----- AUDIO POST SETTINGS -----*/
--Audio-Post-Album-Cover-Size:84px;
--Audio-Post-Album-Cover-Rounded-Corners:max(3px, var(--Rounded-Corners));
--Audio-Post-Btns-Padding:calc(var(--Audio-Post-Album-Cover-Size) * 0.15);
--Audio-Post-Btns-BG:{color:buttons BG};
--Audio-Post-Btns-Size:calc(var(--Body-Font-Size) - 2px);
--Audio-Post-Btns-Color:{color:buttons icons};
--Audio-Post-Gutter:16px;
--Audio-Post-Download-Icon-Size:calc(var(--Body-Font-Size) * 1.3);
--Audio-Post-Download-Icon-Color:var(--Body-Text-Color);
--Audio-Post-Download-Icon-Touch-Padding:4px;
--Audio-Post-Volume:90%;
--SoundCloud-Player-Height:116px; /* 20px, 116px, or 500px */
--SoundCloud-Show-Album-Image:"yes";
/*----- VIDEO POST SETTINGS -----*/
--Video-Post-Base-Volume:80%;
--VIDYO-time-font-size:calc(var(--Body-Font-Size) - 0.5px);
/*----- ASK POST SETTINGS -----*/
--Ask-Post-Question-BG:var(--Post-Accent-BG);
--Ask-Post-Question-Rounded-Corners:var(--Rounded-Corners);
--Ask-Post-Question-Gutter:min(1em, 14px);
--Ask-Post-Avatar-Size:56px;
--Ask-Post-Avatar-Rounded-Corners:max(3px, var(--Rounded-Corners));
--Ask-Post-Asked-Label-Color:{color:bold};
--Ask-Post-Username-Color:var(--Reblog-Name-Color);
--Ask-Post-Username-Bottom-Gap:3px;
/*----- POLL POST SETTINGS -----*/
--Poll-Row-Rounded-Corners:max(3px, var(--Rounded-Corners));
--Poll-Row-Border-Size:var(--Post-Accent-Border-Size);
--Poll-Row-Border-Color:var(--Post-Accent-Border-Color);
--Poll-Row-Padding:max(0.69em, 10px);
--Poll-Row-BG:var(--Post-Accent-BG);
--Poll-Row-Text:var(--Post-Accent-Text);
--Poll-Row-Spacing:min(10px, 1em);
/*----- MISC POST BUTTONS -----*/
--Misc-Buttons-BG:{color:buttons bg};
--Misc-Buttons-BG-RGB:{RGBcolor:buttons bg};
--Misc-Buttons-Icon:{color:buttons icons};
--Misc-Buttons-Icon-RGB:{RGBcolor:buttons icons};
/*----- ALT TEXT, IMAGE DESCRIPTIONS -----*/
--NPF-Alt-Text-Button-Position:"bottom left";
--NPF-Alt-Text-Button-Corner-Offset:max(15px, var(--Post-Padding));
--NPF-Alt-Text-Button-Visibility:20%;
--NPF-Alt-Text-Button-Fade-Speed:0.4s;
--NPF-Alt-Text-Button-Label:"ALT";
--NPF-Alt-Text-Box-Overlay-Background-Color:{color:background};
--NPF-Alt-Text-Box-Overlay-Background-Strength:69%;
--NPF-Alt-Text-Box-Overlay-Background-Blur:3px;
--NPF-Alt-Text-Box-Fade-Speed:0.4s;
--NPF-Alt-Text-Box-Width:calc(var(--Post-Width) - (var(--Post-Padding) * 2));
--NPF-Alt-Text-Box-Rounded-Corners:var(--Rounded-Corners);
--NPF-Alt-Text-Close-Button-Background-Color:#fa5641;
--NPF-Alt-Text-Close-Button-Icon-Size:0.85rem;
--NPF-Alt-Text-Close-Button-Icon-Padding:6px;
--NPF-Alt-Text-Close-Button-Icon-Color:#ffffff;
/*----- TAGS -----*/
--Tags-Hashtag-Spacing:1px;
--Tags-Font-Size:calc(var(--Caps-Font-Size) - 0.5px);
--Tags-Color:{color:tags};
--Tags-Line-Height:var(--Body-Line-Height);
--Tags-Spacing-X:12px;
--Tags-Spacing-Y:calc((var(--Tags-Spacing-X) - (((var(--Tags-Font-Size) * var(--Tags-Line-Height)) - var(--Tags-Font-Size)) / 2) - 2px));
--Tags-Hover-Speed:0.3s;
--Tags-Hover-Color:{color:tags hover};
--Tags-Fade-Speed:0.3s;
--Tags-Slide-Speed:0.3s;
/*----- POST FOOTER / POST INFO / PERMALINK -----*/
--Post-Footer-Border-Size:1px;
--Post-Footer-Border-Color:{color:post footer border};
--Post-Footer-Padding-X:{select:post footer padding};
--Post-Footer-Padding-Y:calc({select:post footer padding} - (((var(--Post-Footer-Font-Size) * var(--Body-Line-Height)) - var(--Post-Footer-Font-Size)) / 2));
--Post-Footer-BG:{color:post footer BG};
--Post-Footer-Items-Spacing:0.6em;
--Post-Footer-History-Icon-Size:calc(var(--Post-Footer-Font-Size) * 1.4);
--Post-Footer-At-Icon-Size:calc(var(--Post-Footer-Font-Size) * 1.1);
--Post-Footer-Star-Icon-Size:calc(var(--Post-Footer-Font-Size) * 1.3);
--Post-Footer-Font-Size:var(--Caps-Font-Size);
--Post-Footer-Text-Color:{color:post footer text};
--Post-Controls-Icon-Size:calc(var(--Body-Font-Size) + 1.5px);
--Post-Controls-Icon-Color:{color:post footer buttons};
--Post-Controls-Touch-Padding:4px;
--Post-Controls-Spacing:2px;
--Post-Controls-Total-Width:calc((var(--Post-Controls-Icon-Size) * 2) + (var(--Post-Controls-Touch-Padding) * 2) + (var(--Post-Controls-Spacing) - (var(--Post-Controls-Touch-Padding) * 2)));
--Liked-Button-Color:{color:like button liked};
/*----- POST NOTES -----*/
--Post-Notes-Type-Icon-Size:calc(var(--Body-Font-Size) + 3px);
--Post-Notes-Type-Icon-Gap-Right:8px;
--Post-Notes-Row-Spacing:calc(1em - (((var(--Body-Font-Size) * var(--Body-Line-Height)) - var(--Body-Font-Size)) / 2));
/*----- PAGINATION -----*/
--Pagination-Arrows-Size:{select:page numbers size};
--Pagination-Color:{color:page numbers};
--Pagination-Links-Underline:{color:page numbers underline};
--Pagination-Touch-Padding-X:5px;
--Pagination-Touch-Padding-Y:5px;
--Pagination-Items-Spacing:10px;
/*----- SCROLLBAR OPTIONS -----*/
--Scrollbar-Width:13px;
--Scrollbar-Thumb:{color:scrollbar};
/*----- TOOLTIPS OPTIONS -----*/
--Tooltips-Border-Size:1px;
--Tooltips-Border:{color:hover text border};
--Tooltips-Padding-X:1em;
--Tooltips-Padding-Y:1em;
--Tooltips-Rounded-Corners:max(3px, var(--Rounded-Corners));
--Tooltips-BG:{color:hover text BG};
--Tooltips-Text-Color:{color:hover text};
--Tooltips-Font-Size:calc(var(--Caps-Font-Size) - 1px);
}/* end root */
/*------- BASICS -------*/
* {
box-sizing:border-box;
}
body {
margin:0;
padding:0;
background-color:{color:background};
background-image:url("{image:background image}");
background-attachment:fixed;
background-position:center;
font-family:var(--Body-Font-Family), sans-serif;
font-weight:var(--Body-Font-Weight);
font-size:var(--Body-Font-Size);
color:var(--Body-Text-Color);
line-height:var(--Body-Line-Height);
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
html[bg-size="repeat"] body {
background-repeat:repeat;
}
html[bg-size="full"] body {
background-repeat:no-repeat;
background-size:cover;
}
.no-overscroll {
overscroll-behavior:none;
}
img, canvas, iframe, video {
vertical-align:middle;
}
b, strong {
font-weight:var(--Bold-Font-Weight)!important;
color:var(--Bold);
}
i:not([class]), em {
color:var(--Italic);
}
pre, li.chat-line:not(ul.chat-wrap li.chat-line){
padding:calc(var(--Code-Padding) - (((var(--Code-Font-Size) * var(--Code-Line-Height)) - var(--Code-Font-Size)) / 2)) var(--Code-Padding);
word-wrap:break-word;
white-space:pre-wrap;
}
code {
padding:calc(0.5em - (((var(--Code-Font-Size) * var(--Code-Line-Height)) - var(--Code-Font-Size)) / 2)) 0.5em;
}
pre, code, li.chat-line:not(ul.chat-wrap li.chat-line){
border:var(--Code-Border-Size) solid var(--Code-Border-Color);
border-radius:var(--Code-Rounded-Corners);
background:var(--Code-BG);
font-family:var(--Code-Font-Family);
font-weight:var(--Code-Font-Weight);
font-size:var(--Code-Font-Size);
color:var(--Code-Text-Color);
line-height:var(--Code-Line-Height);
}
p.keep-reading {
text-align:center;
}
/*------- 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-Width);
height:var(--Scrollbar-Width);
background-color:transparent;
}
::-webkit-scrollbar-thumb {
background-color:var(--Scrollbar-Thumb);
border:calc((var(--Scrollbar-Width) - 1px) / 2) solid transparent;
background-clip:padding-box;
}
::-webkit-scrollbar-corner {
background:transparent;
}
/*------- BODY FONT -------*/
html[font="Inter"]:root {
--Body-Font-Size:calc({select:font size} - 0.5px);
--Body-Letter-Spacing:0.01em;
}
html[font="Karla"]:root {
--Body-Font-Weight:450;
--Body-Letter-Spacing:-0.01em;
}
html[font="Geist Sans"]:root {
--Body-Font-Weight:450;
}
html[font="Onest"]:root {
--Body-Font-Weight:450;
--Body-Letter-Spacing:0.005em;
}
.post-body, .npf-alt-text-box {
letter-spacing:var(--Body-Letter-Spacing);
}
/*------- HEADING FONT -------*/
h1, h2, h3, h4, h5, h6 {
font-family:var(--Heading-Font-Family);
font-weight:var(--Heading-Font-Weight);
text-transform:var(--Heading-Text-Case);
letter-spacing:var(--Heading-Letter-Spacing);
word-spacing:var(--Heading-Word-Spacing);
line-height:var(--Heading-Line-Height);
}
h1 {
font-size:var(--Heading-Font-Size);
}
h2, h3 {
font-size:calc(var(--Heading-Font-Size) - 1px);
}
h4, h5, h6 {
font-size:calc(var(--Heading-Font-Size) - 2px);
}
html[heading-font="Lexend"]:root {
--Heading-Font-Weight:600;
--Heading-Letter-Spacing:0.035em;
}
html[heading-font="Oak Sans"]:root {
--Heading-Letter-Spacing:0.05em;
--Heading-Word-Spacing:0.035em;
}
html[heading-font="Raleway"]:root {
--Heading-Font-Weight:700;
--Heading-Letter-Spacing:0.069em;
--Heading-Word-Spacing:0.035em;
}
/*----- UPPERCASE FONT / CAPS FONT -----*/
html[caps-font="Figtree"]:root {
--Caps-Font-Weight:600;
}
html[caps-font="Public Sans"]:root {
--Caps-Font-Size:calc({select:font size} - 3px);
--Caps-Font-Weight:600;
}
html[caps-font="Karla"]:root {
--Caps-Font-Weight:600;
}
.caps, .tb-subtitle, .searchbar-field, .search-suggestions, .nav-txt, .header-box-title, .sb-heading-text, .cl-wrap > a, .sb-pagi a, .post-header, .comment-header .username, .chat-label, .aud-title, .site-name, .poll-row, .poll-see-results, .vidyo-current-time, .vidyo-duration, .q-top, .comment-header .deactivated, p.keep-reading, ol.notes a:not(li.with_commentary blockquote a), .more_notes_link, .notes_loading, p.tmblr-attribution a, .tagscont a, .infobar, .botpagi a,
html[current-path="/customize_preview_receiver.html"] a.tumblr_blog {
font-family:var(--Caps-Font-Family);
font-weight:var(--Caps-Font-Weight);
text-transform:uppercase;
font-size:var(--Caps-Font-Size);
letter-spacing:var(--Caps-Letter-Spacing);
word-spacing:var(--Caps-Word-Spacing);
}
.comment-body .caps {
font-size:calc(var(--Caps-Font-Size) + 1px);
}
/* !important overrides bc t*mblr */
.poll-row, .poll-see-results {
font-weight:var(--Caps-Font-Weight)!important;
font-size:var(--Caps-Font-Size)!important;
}
/*------- LINKS -------*/
a {
color:var(--Links-Color);
text-decoration:none;
}
/* if it's a link, prioritize that color over other semantic tags */
.comment-body a b:not([style*='color:'],[class]),
.comment-body a i:not([style*='color:'],[class]){
color:var(--Links-Color);
}
/* link underlines */
.incndscnc-music-player .player-text a, .header-box-body a, .sb-desc a, .sb-pagi a, .botpagi a, .quote-set a, .question-text a, .answer-text a, p.tmblr-attribution a, [peapea] h4 a,
.comment-body a:not(html[current-path="/customize_preview_receiver.html"] a.tumblr_blog, a.post_media_photo_anchor, a.aud-dl, a.link-render, a.poll-row, a.poll-see-results), .content-src a {
padding-bottom:var(--Links-Underline-Gap);
border-bottom:var(--Links-Underline-Size) solid var(--Links-Underline-Color);
}
/* slightly thicken links */
.incndscnc-music-player .player-text a, .header-box-body a, .sb-desc a, .quote-set a, .question-text a, .answer-text a, p.tmblr-attribution a, .comment-body a:not(html[current-path="/customize_preview_receiver.html"] a.tumblr_blog, a.post_media_photo_anchor, a.aud-dl, a.link-render, a.poll-row, a.poll-see-results), .content-src a {
font-weight:calc(var(--Body-Font-Weight) + 100);
}
/* <a> tags with tooltips but no href link */
a[aria-label]:not([href],[aria-label=""]),
span[title]:not([title=""]),
a[title]:not([href],[title=""]){
cursor:help;
}
/*------- BLOCKQUOTES -------*/
blockquote {
margin-left:calc((var(--Reblog-Head-Image-Size) - var(--Blockquote-Border-Size)) / 2);
margin-right:0;
padding-left:calc(((var(--Reblog-Head-Image-Size) - var(--Blockquote-Border-Size)) / 2) + var(--Reblog-Head-Gutter));
border-left:var(--Blockquote-Border-Size) solid var(--Blockquote-Border-Color);
}
/*------- BULLET LISTS -------*/
ul, ol {
--ul-ol-gap-1:1em;
--ul-ol-gap-2:0.5em;
padding-left:0;
margin-left:calc(1em + var(--ul-ol-gap-1));
}
li {
padding-left:var(--ul-ol-gap-2);
}
/* nested bullet lists */
ul ul, ol ul, ol ol, ul ol {
margin-left:calc(((1em + var(--ul-ol-gap-1)) * 2) - var(--ul-ol-gap-2));
}
/*------- TUMBLR CONTROLS -------*/
iframe.tmblr-iframe.iframe-controls--desktop {
position:fixed!important;
top:0!important;
right:0!important;
margin-right:calc(var(--Tumblr-Controls-Gap-Right) + var(--Tumblr-Controls-Indicator-Size) + var(--Tumblr-Controls-Indicator-Gap-Left))!important;
margin-top:calc(var(--Top-Bar-Total-Height) + var(--Tumblr-Controls-Gap-Top))!important;
transform-origin:100% 0%!important;
transform:scale(var(--Tumblr-Controls-Scale),var(--Tumblr-Controls-Scale))!important;
box-sizing:content-box!important;
}
html[tumblr-controls-color="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;
}
/*------ TUMBLR CONTROLS: HOVER ------*/
html[tumblr-controls-vis="hover"] iframe.tmblr-iframe.iframe-controls--desktop {
--xdcme:calc(var(--Tumblr-Controls-Gap-Right) + var(--Tumblr-Controls-Indicator-Size) + var(--Tumblr-Controls-Indicator-Gap-Left));
padding-right:calc(var(--xdcme) + var(--Tumblr-Controls-Animation-Amount))!important;
transform:scale(var(--Tumblr-Controls-Scale),var(--Tumblr-Controls-Scale)) translateX(var(--xdcme))!important;
opacity:0;
transition:padding-right var(--Tumblr-Controls-Hover-Speed) ease-in-out, opacity var(--Tumblr-Controls-Hover-Speed) ease-in-out;
}
html[tumblr-controls-vis="hover"] iframe.tmblr-iframe.iframe-controls--desktop:hover {
padding-right:var(--xdcme)!important;
opacity:1;
}
/*------ TUMBLR CONTROLS: CLICK TOGGLE ------*/
html[tumblr-controls-vis="click-toggle"] iframe.tmblr-iframe.iframe-controls--desktop {
visibility:hidden;
padding-right:var(--Tumblr-Controls-Animation-Amount);
opacity:0;
transition:padding-right var(--Tumblr-Controls-Click-Toggle-Speed), opacity var(--Tumblr-Controls-Click-Toggle-Speed) ease-in-out, visibility 0s var(--Tumblr-Controls-Click-Toggle-Speed) ease-in-out;
}
html[tumblr-controls-vis="click-toggle"] iframe.tmblr-iframe.iframe-controls--desktop.tog-on {
visibility:visible!important;
padding-right:0px!important;
opacity:1!important;
transition:padding-right var(--Tumblr-Controls-Click-Toggle-Speed) ease-in-out, opacity var(--Tumblr-Controls-Click-Toggle-Speed) ease-in-out, visibility 0s 0s ease-in-out;
}
/*------ TUMBLR CONTROLS: INDICATOR ------*/
.tci-holder {
position:fixed;
top:0;right:0;
margin-top:calc(var(--Top-Bar-Total-Height) + var(--Tumblr-Controls-Gap-Top));
margin-right:var(--Tumblr-Controls-Gap-Right);
height:calc(54px * var(--Tumblr-Controls-Scale));
display:flex;
align-items:center;
z-index:12;
}
.tci {
margin:0;
border:none;
padding:0;
background:transparent;
display:flex;
align-items:center;
height:calc(34px * var(--Tumblr-Controls-Scale));
outline:none;
}
html[tumblr-controls-vis="click-toggle"] .tci {
cursor:pointer;
}
.tci i[class]:not([class=""]){
display:block;
font-size:var(--Tumblr-Controls-Indicator-Size);
color:var(--Tumblr-Controls-Indicator-Color);
transform-origin:center;
transition:transform var(--Tumblr-Controls-Click-Toggle-Speed) ease-in-out;
}
.tci.active i[class]:not([class=""]){
transform:rotate(-135deg);
}
/*------- TOP BAR -------*/
.top-bar {
position:fixed;
top:0;left:0;
width:100vw;
height:var(--Top-Bar-Total-Height);
z-index:99;
}
.top-bar-upper {
position:relative;
width:100%;
height:var(--Top-Bar-Height);
background-color:var(--Top-Bar-BG);
display:grid;
grid-template-columns:repeat(2, 1fr);
grid-template-areas:"l r";
z-index:1;
}
.top-bar-lower {
width:100%;
height:var(--Top-Bar-Bottom-Border-Size);
background:var(--Top-Bar-Bottom-Border-Color);
}
/*----- TOP BAR LEFT -----*/
.top-bar-left {
position:relative;
grid-area:l;
width:fit-content;
margin-left:0;
margin-right:auto;
display:flex;
align-items:center;
z-index:1;
}
.intro-flex {
padding-left:var(--Top-Bar-Padding-X);
padding-right:var(--Top-Bar-Subtitles-Left-Gap);
display:flex;
align-items:center;
gap:var(--Top-Bar-Subtitles-Left-Gap);
height:100%;
}
/*----- TOP BAR AVATAR -----*/
.pfp-area {
display:flex;
align-items:center;
justify-content:center;
width:var(--Top-Bar-Avatar-Total-Size);
height:var(--Top-Bar-Avatar-Total-Size);
border:var(--Top-Bar-Avatar-Border-Size) solid var(--Top-Bar-Avatar-Border-Color);
border-radius:100%;
flex-shrink:0;
}
.pfp-area img {
display:none;
width:var(--Top-Bar-Avatar-Size);
height:var(--Top-Bar-Avatar-Size);
object-fit:cover;
border-radius:100%;
}
.pfp-area[cust-img]:not([cust-img*="assets.tumblr.com/images/x.gif"],[cust-img=""]) .cust-img,
.pfp-area[cust-img*="assets.tumblr.com/images/x.gif"] .user-img, .pfp-area[cust-img=""] .user-img, .pfp-area:not([cust-img]) .user-img {
display:block;
}
/*----- TOP BAR SUBTITLES -----*/
.intro-txt {
--yqypy:calc(((var(--Top-Bar-Subtitle-1-Font-Size) * var(--Top-Bar-Subtitles-Line-Height)) - var(--Top-Bar-Subtitle-1-Font-Size)) / 2);
--jgbrn:calc(((var(--Top-Bar-Subtitle-2-Font-Size) * var(--Top-Bar-Subtitles-Line-Height)) - var(--Top-Bar-Subtitle-2-Font-Size)) / 2);
display:flex;
flex-direction:column;
gap:var(--Top-Bar-Subtitles-Spacing);
}
.tb-subtitle {
position:relative;
display:block;
line-height:var(--Top-Bar-Subtitles-Line-Height);
white-space:nowrap;
}
.tb-subtitle.s1 {
margin:calc(0px - var(--yqypy)) 0;
font-size:var(--Top-Bar-Subtitle-1-Font-Size)!important;
color:var(--Top-Bar-Subtitle-1-Color);
}
.tb-subtitle.s2 {
margin:calc(0px - var(--jgbrn)) 0;
font-size:var(--Top-Bar-Subtitle-2-Font-Size)!important;
color:var(--Top-Bar-Subtitle-2-Color);
}
/*----- TOP BAR SEARCHBAR -----*/
[searchbar-vis="hide"] .search-megawrap,
[user-search-disabled="yes"] .search-megawrap {
display:none;
}
.search-megawrap {
height:var(--Top-Bar-Height);
}
.search-megawrap:not(:first-child){
margin-left:calc(0px - var(--Top-Bar-Subtitles-Left-Gap) + var(--Searchbar-Left-Gap));
}
.searchblock {
width:var(--Search-Max-Width);
grid-template-columns:min-content auto min-content;
grid-template-rows:var(--Top-Bar-Height);
grid-template-areas:
"glass input btn"
". dd .";
}
.glass-icon, .searchbar-field, .searchbar-button {
height:var(--Searchbar-Row-Height);
align-self:center;
}
.glass-icon {
grid-area:glass;
display:flex;
align-items:center;
justify-content:center;
width:var(--Searchbar-Row-Height);
border:1px solid var(--Searchbar-Glass-Icon-Border-Color);
border-radius:var(--Searchbar-Glass-Icon-Corner-Rounding);
background:var(--Searchbar-Glass-Icon-BG);
}
.glass-icon i[class]{
font-size:var(--Searchbar-Glass-Icon-Size);
color:var(--Searchbar-Glass-Icon-Color);
}
.searchbar-field {
width:100%;
padding:var(--Searchbar-Field-Padding-Y) var(--Searchbar-Field-Padding-X);
transition:border var(--Searchbar-Focus-Underline-Speed) ease-in-out;
}
.searchbar-field:focus {
border-bottom:1px solid var(--Searchbar-Focus-Underline-Color);
}
.searchbar-button button {
transition:all var(--Searchbar-Button-HOVER-Speed) ease-in-out;
}
.searchbar-button button:hover {
border-color:var(--Searchbar-Button-HOVER-Border);
background:var(--Searchbar-Button-HOVER-BG);
color:var(--Searchbar-Button-HOVER-Text);
}
.search-suggestions {
line-height:1;
}
.search-suggestions a:first-child {
margin-top:var(--Top-Bar-Bottom-Border-Size);
}
.search-suggestions a {
position:relative;
--ssa-lh:1.4;
--qhymb:calc(((var(--Search-Suggestions-Font-Size) * var(--ssa-lh)) - var(--Search-Suggestions-Font-Size)) / 2);
--dfrhx:calc(var(--Search-Suggestion-Items-Padding) - var(--qhymb) + (var(--Search-Suggestions-HOVER-Underline-Size) / 2));
line-height:var(--ssa-lh);
padding:var(--dfrhx) calc(var(--Searchbar-Field-Padding-X) / 2);
}
.search-suggestions a:after {
content:"";
position:absolute;
bottom:0;
left:50%;
transform:translateX(-50%);
width:0%;
height:var(--Search-Suggestions-HOVER-Underline-Size);
background:var(--Search-Suggestions-HOVER-Underline-Color);
border-radius:var(--Search-Suggestions-HOVER-Underline-Size);
transition:width var(--Search-Suggestions-HOVER-Speed) ease-in-out;
}
.search-suggestions a:hover:after {
width:100%;
}
/*----- TOP BAR TITLE -----*/
.tb-title {
position:absolute;
top:0;left:0;
margin:0;
width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
z-index:0;
}
.tb-title > a.blog-link {
display:flex;
align-items:center;
justify-content:center;
height:100%;
padding:0 var(--Top-Bar-Title-Padding-X);
font-size:var(--Top-Bar-Title-Size);
font-weight:var(--Top-Bar-Title-Font-Weight);
letter-spacing:var(--Top-Bar-Title-Letter-Spacing);
color:var(--Top-Bar-Title-Color);
}
.tb-title > a.blog-link > span {
display:none;
}
/* [1] has custom title */
/* [2] no custom title, has blog title */
/* [3] no custom title, no blog title */
.tb-title[cust-t]:not([cust-t=""]) .cust-t,
.tb-title[cust-t=""][blog-t]:not([blog-t=""]) .blog-t,
.tb-title[cust-t=""][blog-t=""] .none-t {
display:block;
}
/* if: lexend */
html[heading-font="Lexend"] .tb-title {
--Top-Bar-Title-Letter-Spacing:calc(var(--Heading-Letter-Spacing) * 2);
}
html[heading-font="Lexend"] .tb-title.w-normal {
--Top-Bar-Title-Font-Weight:350;
}
html[heading-font="Lexend"] .tb-title.w-bold {
--Top-Bar-Title-Font-Weight:500;
}
html[heading-font="Lexend"] .tb-title.w-bolder {
--Top-Bar-Title-Font-Weight:600;
}
/* if: oak sans */
html[heading-font="Oak Sans"] .tb-title {
--Top-Bar-Title-Letter-Spacing:calc(var(--Heading-Letter-Spacing) * 2.15);
}
html[heading-font="Oak Sans"] .tb-title.w-normal {
--Top-Bar-Title-Font-Weight:400;
}
html[heading-font="Oak Sans"] .tb-title.w-bold {
--Top-Bar-Title-Font-Weight:550;
}
html[heading-font="Oak Sans"] .tb-title.w-bolder {
--Top-Bar-Title-Font-Weight:650;
}
/* if: raleway */
html[heading-font="Raleway"] .tb-title {
--Top-Bar-Title-Letter-Spacing:calc(var(--Heading-Letter-Spacing) * 1.69);
}
html[heading-font="Raleway"] .tb-title.w-normal {
--Top-Bar-Title-Font-Weight:500;
}
html[heading-font="Raleway"] .tb-title.w-bold {
--Top-Bar-Title-Font-Weight:600;
}
html[heading-font="Raleway"] .tb-title.w-bolder {
--Top-Bar-Title-Font-Weight:700;
}
/*----- TOP BAR NAV -----*/
.main-nav {
position:relative;
grid-area:r;
width:fit-content;
margin-right:0;
margin-left:auto;
z-index:1;
}
.tr-nav {
list-style:none;
margin:0;
padding:0;
display:flex;
align-items:center;
justify-content:flex-end;
height:100%;
}
.tr-nav-li {
margin:0;
padding:0;
height:100%;
}
/*----- TOP NAV LINK, EACH -----*/
.main-nav a {
display:flex;
align-items:center;
height:100%;
gap:var(--Top-Nav-Icon-Circle-Gap-Right);
padding:0 calc(var(--Top-Nav-Links-Spacing) / 2);
}
.nav-icon-hug {
display:flex;
align-items:center;
justify-content:center;
width:var(--Top-Nav-Icon-Circle-Total-Size);
height:var(--Top-Nav-Icon-Circle-Total-Size);
border:var(--Top-Nav-Icon-Circle-Border-Size) solid var(--Top-Nav-Icon-Circle-Border-Color);
border-radius:100%;
background:var(--Top-Nav-Icon-Circle-BG);
}
.nav-icon-hug i[class]{
font-size:var(--Top-Nav-Icon-Size);
color:var(--Top-Nav-Icon-Color);
}
.nav-icon-hug .gt-misc-icons {
font-size:calc(var(--Top-Nav-Icon-Size) * 0.9)!important;
}
.nav-txt {
font-size:var(--Top-Nav-Text-Font-Size)!important;
color:var(--Top-Nav-Text-Color);
}
.main-nav li:first-child a {
padding-left:var(--Top-Nav-Links-Spacing);
}
.main-nav li:last-child a {
padding-right:var(--Top-Bar-Padding-X);
}
.nav-icon-hug, .nav-txt {
transition:all var(--Top-Nav-HOVER-Speed) ease-in-out;
}
.main-nav a:hover .nav-icon-hug {
border-color:var(--Top-Nav-HOVER-Icon-Border-Color);
background:var(--Top-Nav-HOVER-Icon-BG);
color:var(--Top-Nav-HOVER-Icon-Color);
}
.main-nav a:hover .nav-txt {
color:var(--Top-Nav-HOVER-Text);
}
/*------- CONTAINER SETTINGS -------*/
.main-scroll-cont {
position:absolute;
top:0;left:0;
margin-top:var(--Top-Bar-Total-Height);
width:100%;
height:var(--Main-Content-Scroll-Container-Height);
overflow:auto;
scrollbar-gutter:stable both-edges;
}
.main-column-wrap {
position:relative;
margin:0 auto;
width:var(--Main-Content-Total-Width);
min-height:var(--Main-Content-Scroll-Container-Height);
}
/* container left shadow */
.main-column-wrap[side-shadows="yes"]:before {
content:"";
position:absolute;
display:block;
top:0;
right:100%;
width:var(--Main-Content-Side-Shadows-Size);
height:100%;
background:linear-gradient(to left, rgba(0,0,0,var(--Main-Content-Side-Shadows-Strength)), transparent);
}
/* container right shadow */
.main-column-wrap[side-shadows="yes"]:after {
content:"";
position:absolute;
display:block;
top:0;
left:100%;
width:var(--Main-Content-Side-Shadows-Size);
height:100%;
background:linear-gradient(to right, rgba(0,0,0,var(--Main-Content-Side-Shadows-Strength)), transparent);
}
/*------- HEADER SETTINGS -------*/
/* if: don't show header at all */
[header-vis="hide"] header {
display:none;
}
/* if: only show header on main (front) page */
html:not([home-page]) [header-page-vis="main-page"] header,
html[home-page]:not([blog-page-num="1"]) [header-page-vis="main-page"] header {
display:none;
}
/* if: only show header on main (front) page and post page */
html:not([home-page],[perma-page][has-posts="yes"]) [header-page-vis="main-and-post"] header,
html[home-page]:not([blog-page-num="1"]) [header-page-vis="main-and-post"] header {
display:none;
}
[show-header-panel="hide"]{
display:none!important;
}
header {
position:relative;
width:var(--Main-Content-Total-Width);
background:var(--Main-Content-BG);
overflow:hidden;
z-index:0;
}
.header-inner {
width:100%;
}
/*------- HEADER IMAGE -------*/
.header-img-cont {
position:relative;
overflow:hidden;
z-index:0;
}
/* if: set as bg img */
.header-img-as-bg {
position:absolute;
top:0;left:0;
width:100%;
height:100%;
background-repeat:no-repeat;
background-size:cover;
background-position:{select:header image anchor X} {select:header image anchor Y};
z-index:1;
}
[head-height]:not([head-height="img-height"]) .header-img-as-bg {
background-image:url("{image:header image}");
}
[head-height="img-height"] .header-img-as-bg {
background-color:black; /* ignore this */
opacity:0; /* ignore this */
}
[head-height]:not([head-height="img-height"]) img {
display:none!important;
}
/* if: aspect ratio */
[head-height="3:1"]{
height:0;
padding-bottom:calc((1 / 3) * 100%);
}
[head-height="21:9"]{
height:0;
padding-bottom:calc((9 / 21) * 100%);
}
[head-height="16:9"]{
height:0;
padding-bottom:calc((9 / 16) * 100%);
}
/* if: use vh */
/* [1/2] under 50 */
[head-height="30vh"]{
height:max(var(--starting-header-height,0px), calc(30vh - var(--Top-Bar-Total-Height)));
}
[head-height="35vh"]{
height:max(var(--starting-header-height,0px), calc(35vh - var(--Top-Bar-Total-Height)));
}
[head-height="40vh"]{
height:max(var(--starting-header-height,0px), calc(40vh - var(--Top-Bar-Total-Height)));
}
[head-height="45vh"]{
height:max(var(--starting-header-height,0px), calc(45vh - var(--Top-Bar-Total-Height)));
}
/* if: use vh */
/* [2/2] 50 or over */
[head-height="50vh"]{
height:min(var(--starting-header-height,calc(100vh - var(--Top-Bar-Total-Height))), calc(50vh - var(--Top-Bar-Total-Height)));
}
[head-height="55vh"]{
height:min(var(--starting-header-height,calc(100vh - var(--Top-Bar-Total-Height))), calc(55vh - var(--Top-Bar-Total-Height)));
}
[head-height="60vh"]{
height:min(var(--starting-header-height,calc(100vh - var(--Top-Bar-Total-Height))), calc(60vh - var(--Top-Bar-Total-Height)));
}
[head-height="65vh"]{
height:min(var(--starting-header-height,calc(100vh - var(--Top-Bar-Total-Height))), calc(65vh - var(--Top-Bar-Total-Height)));
}
[head-height="70vh"]{
height:min(var(--starting-header-height,calc(100vh - var(--Top-Bar-Total-Height))), calc(70vh - var(--Top-Bar-Total-Height)));
}
/* if: use <img> */
.header-img-cont img {
position:relative;
display:block;
max-width:100%;
z-index:-1;
}
header[head-img*="assets.tumblr.com/images/x.gif"]{
display:none;
}
/*------ HEADER LEFT ARROW ------*/
header .arrow-col {
position:absolute;
top:0;left:0;
width:var(--Header-Arrow-Column-Width);
height:100%;
display:flex;
align-items:center;
justify-content:center;
backdrop-filter:blur(var(--Header-Arrow-Column-BG-Blur-Amount));
z-index:3;
}
header .arrow-col:after {
content:"";
display:block;
position:absolute;
top:0;left:0;
width:100%;
height:100%;
background:var(--Header-Arrow-Column-BG);
opacity:var(--Header-Arrow-Column-BG-Strength);
z-index:-1;
}
header .arrow-btn {
display:block;
margin:0;
border:none;
display:flex;
align-items:center;
justify-content:center;
width:var(--Header-Arrow-Column-Width);
height:var(--Header-Arrow-Column-Width);
padding:0;
background:transparent;
border-radius:100%;
font-size:var(--Header-Arrow-Size);
color:var(--Header-Arrow-Color);
transform-origin:center;
cursor:pointer;
}
header .arrow-btn i[class]:not([class=""]){
display:block;
transform-origin:center;
transition:transform var(--Header-Arrow-Hover-Speed) ease-in-out;
}
header .arrow-btn:hover i[class]:not([class=""]){
transform:scale(1.25,1.25);
}
header .arrow-btn, .arrow-btn.btn-clicked {
transition:transform var(--Header-Arrow-Spin-Speed) ease-in-out;
}
.arrow-btn.btn-clicked {
transform:rotate(-180deg);
}
/*------- HEADER PANEL -------*/
.header-boxes-panel {
position:absolute;
top:0;left:-100%;
width:100%;
height:100%;
backdrop-filter:blur(var(--Header-Panel-BG-Blur-Amount));
z-index:2;
}
.header-boxes-panel, .header-boxes-panel.is-showing {
transition:left var(--Header-Panel-Slide-Speed) ease-in-out;
}
.header-boxes-panel.is-showing {
left:0;
}
.header-boxes-panel:after {
content:"";
position:absolute;
display:block;
width:100%;
height:100%;
background:var(--Header-Panel-BG);
opacity:var(--Header-Panel-BG-Strength);
z-index:-1;
}
.panel-inner {
position:absolute;
top:0;left:0;
width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:center;
}
.panel-boxes-holder {
display:flex;
justify-content:center;
margin-left:var(--Header-Arrow-Column-Width);
width:100%;
max-width:var(--Header-Boxes-Wrapper-Max-Width);
height:var(--Header-Boxes-Wrapper-Max-Height);
gap:var(--Header-Boxes-Spacing);
}
/*------- HEADER BOXES -------*/
[boxes-v-align="top"]{
align-items:flex-start;
}
[boxes-v-align="center"]{
align-items:center;
}
[v-stretch-boxes="tall"] .header-box {
height:100%;
}
[v-stretch-boxes="tall"] .header-box-body {
flex:1;
}
[boxes-width="compact"] .header-box {
width:calc((100% - (var(--Header-Boxes-Spacing) * (var(--Header-Boxes-Count) - 1))) / var(--Header-Boxes-Count));
}
[boxes-width="fill"] .header-box {
flex:1;
}
.header-box {
display:flex;
flex-direction:column;
}
/* header boxes rounded top */
.header-box > *:first-child {
border-top-left-radius:var(--Header-Boxes-Rounded-Corners);
border-top-right-radius:var(--Header-Boxes-Rounded-Corners);
overflow:hidden;
}
/* header boxes rounded bottom */
.header-box > *:not(:has(+*)){
border-bottom-left-radius:var(--Header-Boxes-Rounded-Corners);
border-bottom-right-radius:var(--Header-Boxes-Rounded-Corners);
overflow:hidden;
}
/*------- HEADER BOX TITLE -------*/
.header-box-title {
--iokeh:calc(((var(--Header-Box-Title-Font-Size) * var(--Header-Box-Title-Line-Height)) - var(--Header-Box-Title-Font-Size)) / 2);
margin:0;
padding:calc(var(--Header-Box-Title-Padding-Y) - var(--iokeh)) var(--Header-Box-Title-Padding-X);
background:var(--Header-Box-Title-BG);
font-size:var(--Header-Box-Title-Font-Size)!important;
line-height:var(--Header-Box-Title-Line-Height);
color:var(--Header-Box-Title-Color);
text-align:center;
flex-shrink:0;
}
/*------- HEADER BOX BODY -------*/
.header-box-body {
--qplim:calc(((var(--Header-Box-Body-Font-Size) * var(--Header-Box-Body-Line-Height)) - var(--Header-Box-Body-Font-Size)) / 2);
padding:calc(var(--Header-Box-Body-Padding-Y) - var(--qplim)) var(--Header-Box-Body-Padding-X);
background:var(--Header-Box-Body-BG);
font-size:var(--Header-Box-Body-Font-Size);
line-height:var(--Header-Box-Body-Line-Height);
color:var(--Header-Box-Body-Color);
text-align:var(--Header-Box-Body-Text-Align);
max-height:100%;
overflow:auto;
--Scrollbar-Thumb:{color:header box scrollbar}!important;
}
.box-body-inner > *:first-child { margin-top:0; }
.box-body-inner > *:last-child { margin-bottom:0; }
.header-box-body a {
color:{color:header box links};
border-color:{color:header box links underline};
}
.header-box-body b, .header-box-body strong {
font-weight:var(--Bold-Font-Weight);
color:{color:header box bold};
}
.header-box-body i, .header-box-body em {
color:{color:header box italic};
}
.header-box-body blockquote {
border-color:rgba({RGBcolor:header box text},0.169);
text-align:left;
}
.header-box-body ul, .header-box-body ol {
text-align:left;
}
.header-box-body hr {
display:block;
margin:1em 0;
width:100%;
height:1px;
background:rgba({RGBcolor:header box text},0.169);
border:none;
}
.header-box-body > hr:first-child { margin-top:0; }
.header-box-body > hr:last-child { margin-bottom:0; }
.header-box-body img {
max-width:100%;
}
/*------- LOWER CONTENT -------*/
main {
position:relative;
display:flex;
justify-content:center;
width:var(--Main-Content-Total-Width);
min-height:var(--Main-Content-Scroll-Container-Height);
z-index:0;
}
/* main content background */
main:after {
content:"";
position:sticky;
margin-left:calc(0px - var(--Main-Content-Total-Width));
top:0;
width:var(--Main-Content-Total-Width);
background:var(--Main-Content-BG);
z-index:-1;
}
.cont-flex {
display:flex;
flex-wrap:nowrap;
align-items:flex-start;
justify-content:center;
gap:var(--Main-Content-Center-Gap);
margin:var(--Main-Content-Padding-Y) var(--Main-Content-Padding-X) max(var(--Post-Spacing),var(--Main-Content-Padding-Y)) var(--Main-Content-Padding-X);
}
.load-in { opacity:0; }
.load-in, .load-removing {
transition:opacity var(--Load-In-Speed) ease-in-out;
}
/*------- SIDEBAR -------*/
.the-sidebar {
position:relative;
width:var(--Sidebar-Width);
flex-shrink:0;
}
.sb-inner {
width:var(--Sidebar-Width)!important;
}
.sb-inner-inner {
display:flex;
flex-direction:column;
gap:var(--Sidebar-Boxes-Spacing);
}
/* sidebar boxes rounded top */
.sb-box > *:first-child {
border-top-left-radius:var(--Sidebar-Boxes-Rounded-Corners);
border-top-right-radius:var(--Sidebar-Boxes-Rounded-Corners);
overflow:hidden;
}
/* [1] sidebar boxes bottom border */
/* [2] sidebar boxes rounded bottom */
.sb-box > *:not(:has(+*)){
border-bottom:var(--Sidebar-Boxes-Bottom-Border-Size) solid var(--Sidebar-Boxes-Bottom-Border-Color);
border-bottom-left-radius:var(--Sidebar-Boxes-Rounded-Corners);
border-bottom-right-radius:var(--Sidebar-Boxes-Rounded-Corners);
overflow:hidden;
}
/*----- SIDEBAR HEADING -----*/
.sb-heading {
--eznlj:calc(((var(--Sidebar-Heading-Font-Size) * var(--Sidebar-Heading-Line-Height)) - var(--Sidebar-Heading-Font-Size)) / 2);
display:flex;
gap:var(--Sidebar-Heading-Items-Spacing);
padding:var(--Sidebar-Heading-Padding-Y) var(--Sidebar-Heading-Padding-X);
background:var(--Sidebar-Heading-BG);
}
[title-align="left"] .sb-heading { justify-content:left; }
[title-align="center"] .sb-heading { justify-content:center; }
[title-align="right"] .sb-heading { justify-content:right; }
[title-order-swap="yes"] .sb-heading { flex-direction:row-reverse; }
.sb-heading[icon-input=""][title-input=""]{ display:none; }
.sb-icon-wrap {
display:flex;
align-items:center;
justify-content:center;
height:var(--Sidebar-Heading-Font-Size);
flex-shrink:0;
}
.sb-icon-wrap i[class]{
font-size:var(--Sidebar-Heading-Icon-Size);
color:var(--Sidebar-Heading-Icon-Color);
}
.sb-heading-text {
display:block;
margin:calc(0px - var(--eznlj)) 0;
font-size:var(--Sidebar-Heading-Font-Size)!important;
letter-spacing:var(--Sidebar-Heading-Letter-Spacing)!important;
color:var(--Sidebar-Heading-Text-Color);
line-height:var(--Sidebar-Heading-Line-Height);
}
/*----- SIDEBAR IMAGE -----*/
.the-sidebar img {
display:block;
max-width:100%;
}
[img-input*="assets.tumblr.com/images/x.gif"]{
display:none;
}
/*----- SIDEBAR BODY -----*/
.sb-body {
padding:var(--Sidebar-Desc-Padding-Y) var(--Sidebar-Desc-Padding-X);
background:var(--Sidebar-Desc-BG);
}
/*----- SIDEBAR DESC -----*/
{block:ifnotaboutboxdesc}
.sb-desc[blog-desc=""]{ display:none; }
{/block:ifnotaboutboxdesc}
.desc-inner {
--zrfvg:calc(((var(--Sidebar-Desc-Font-Size) * var(--Sidebar-Desc-Line-Height)) - var(--Sidebar-Desc-Font-Size)) / 2);
margin:calc(0px - var(--zrfvg)) 0;
font-size:var(--Sidebar-Desc-Font-Size);
letter-spacing:var(--Sidebar-Desc-Letter-Spacing);
line-height:var(--Sidebar-Desc-Line-Height);
text-align:{select:sidebar desc text align};
color:var(--Sidebar-Desc-Text-Color);
}
.sb-desc a {
color:{color:sidebar desc links};
border-color:{color:sidebar desc links underline};
}
.sb-desc b, .sb-desc strong {
font-weight:var(--Bold-Font-Weight);
color:{color:sidebar desc bold};
}
.sb-desc i, .sb-desc em {
color:{color:sidebar desc italic};
}
.sb-desc blockquote {
border-color:rgba({RGBcolor:sidebar desc text},0.169);
text-align:left;
}
.sb-desc ul, .sb-desc ol {
text-align:left;
}
.desc-inner > *:first-child { margin-top:0; }
.desc-inner > *:last-child { margin-bottom:0; }
.desc-inner img {
max-width:100%;
}
.desc-inner iframe {
display:block;
max-width:100%;
}
/*----- SIDEBAR CUSTOM LINKS -----*/
.cl-wrap {
display:grid;
grid-template-columns:repeat(var(--Custom-Links-Columns), 1fr);
gap:var(--Custom-Links-Spacing);
}
.cl-wrap > a {
--msffk:calc(((var(--Custom-Links-Font-Size) * var(--Custom-Links-Line-Height)) - var(--Custom-Links-Font-Size)) / 2);
position:relative;
display:flex;
align-items:center;
justify-content:center;
padding:calc(var(--Custom-Links-Padding-Y) - var(--msffk)) var(--Custom-Links-Padding-X);
background:var(--Custom-Links-BG);
font-size:var(--Custom-Links-Font-Size)!important;
line-height:var(--Custom-Links-Line-Height);
color:var(--Custom-Links-Text-Color);
text-align:center;
z-index:0;
}
.cl-wrap > a:after {
content:"";
position:absolute;
display:block;
left:50%;
transform:translateX(-50%) perspective(0);
bottom:0;
width:0;
height:var(--Custom-Links-HOVER-Underline-Size);
background:var(--Custom-Links-HOVER-Underline-Color);
transition:width var(--Custom-Links-HOVER-Speed) ease-in-out;
z-index:1;
}
.cl-wrap > a:hover:after {
width:100%;
}
/*----- SIDEBAR PAGINATION -----*/
html[pagi-pos="under posts"] .sb-box.pagi-box {
display:none;
}
/*------- POSTS SETTINGS -------*/
.all-posts {
margin:0 auto;
width:var(--Post-Extended-Width);
}
.posts {
position:relative;
width:100%;
margin-bottom:var(--Post-Spacing);
z-index:0;
}
.posts:not(:has(+.posts)){
margin-bottom:0;
}
.post-inner, .post-notes, .botpagi {
background:var(--Post-BG);
border:var(--Post-Borders-Size) solid var(--Post-Borders-Color);
border-radius:var(--Post-Rounded-Corners);
}
/*------- POST TYPE ICON -------*/
[post-type-sticky="yes"] .pt-type-wrap {
position:sticky;
top:var(--Main-Content-Padding-Y);
left:100%;
}
[post-type-sticky="no"] .pt-type-wrap {
position:absolute;
top:0;right:0;
}
.pt-type-wrap {
width:var(--Post-Type-Icon-Total-Size);
height:var(--Post-Type-Icon-Total-Size);
z-index:-1;
}
.pt-type-wrap:before {
content:"";
position:absolute;
top:0;right:100%;
margin-top:calc((var(--Post-Type-Icon-Total-Size) - var(--Post-Type-Icon-Left-Line-Thickness)) / 2);
width:var(--Post-Type-Icon-Left-Line-Width);
height:var(--Post-Type-Icon-Left-Line-Thickness);
background:var(--Post-Type-Icon-Left-Line-Color);
}
.post-type-icon {
width:100%;
height:100%;
border:var(--Post-Type-Icon-Border-Size) solid var(--Post-Type-Icon-Border-Color);
background:var(--Post-Type-Icon-BG);
border-radius:var(--Post-Type-Icon-Rounded-Corners);
}
.pt-type-wrap, .post-type-icon, .post-type-icon > span {
display:flex;
align-items:center;
justify-content:center;
}
.post-type-icon > span {
display:none;
}
.posts[pinned-post] .post-type-icon > span.type-pinned,
[post-type="text"] .post-type-icon > span.type-text,
[post-type="photo"] .post-type-icon > span.type-photo,
[post-type="quote"] .post-type-icon > span.type-quote,
[post-type="link"] .post-type-icon > span.type-link,
[post-type="chat"] .post-type-icon > span.type-chat,
[post-type="audio"] .post-type-icon > span.type-audio,
[post-type="video"] .post-type-icon > span.type-video,
[post-type="answer"] .post-type-icon > span.type-ask,
[post-type="poll"] .post-type-icon > span.type-poll,
[post-type="multimedia"] .post-type-icon > span.type-multimedia,
html[current-path^="/ask"] .post-type-icon > span.type-askpage,
html[current-path^="/submit"] .post-type-icon > span.type-submitpage,
html[not-found-page] .post-type-icon > span.type-notfoundpage
{
display:flex!important;
transform-origin:center;
}
.posts[pinned-post] .post-type-icon > span:not(.type-pinned),
html[current-path^="/ask"] .post-type-icon > span:not(.type-askpage),
html[current-path^="/submit"] .post-type-icon > span:not(.type-submitpage),
html[not-found-page] .post-type-icon > span:not(.type-notfoundpage){
display:none!important;
}
html[not-found-page] .post-type-icon > span.type-notfoundpage {
display:flex!important;
}
.post-type-icon i[class]{
font-size:var(--Post-Type-Icon-Size);
font-weight:normal!important;
color:var(--Post-Type-Icon-Color);
}
.post-type-icon i.iconcino[icon-name="link-1"]{
transform:rotate(-40deg);
}
.post-type-icon i.gt-misc-icons {
font-size:calc(var(--Post-Type-Icon-Size) * 0.8);
}
/*------- POSTS INNER -------*/
[post-type-sticky="yes"] .pt-type-wrap + .post-inner {
margin-top:calc(0px - var(--Post-Type-Icon-Total-Size));
}
.post-inner {
display:flex;
flex-direction:column;
gap:var(--Post-Padding);
max-width:var(--Post-Width-Total);
overflow:hidden;
}
/*------ FULL WIDTH POSTS ------*/
html[full-width-posts="yes"]:root {
--Post-Width-Total:min(calc(var(--Post-Width) + (var(--Post-Borders-Size) * 2)), 85vw)
}
/*------ NOT FULL WIDTH POSTS ------*/
html[full-width-posts="no"] [post-type="photo"] .post-body,
html[full-width-posts="no"] [post-type="video"] .post-body,
html[full-width-posts="no"] [post-type="multimedia"] .post-body {
margin-top:var(--Post-Padding);
margin-left:var(--Post-Padding);
width:calc(100% - (var(--Post-Padding) * 2));
}
html[full-width-posts="no"] [post-type="photo"] .post-body .comments,
html[full-width-posts="no"] [post-type="video"] .post-body .comments,
html[full-width-posts="no"] [post-type="multimedia"] .post-body .comments {
margin-left:calc(0px - var(--Post-Padding));
width:calc(100% + (var(--Post-Padding) * 2));
}
/*------ ROUNDED CORNERS ------*/
/* only rounds first media in the post */
/* ignores images in additional reblogs/comments */
html[rounded-corners]:not([rounded-corners="0px"])[full-width-posts="no"] .post-media:first-child:not(.npf-multimedia){
border-radius:var(--Post-Rounded-Corners);
overflow:hidden;
}
/*------ EMPTY TAG RESULTS PAGE ------*/
.posts.tag-pg-only {
display:none;
}
.posts:has(+.posts.tag-pg-only){
margin-bottom:0;
}
.all-posts > .posts.tag-pg-only:first-child {
display:block;
}
.posts.tag-pg-only .post-type-icon > span:first-child {
display:flex!important;
}
.posts.tag-pg-only .post-title .tag_query:before { content:'“'; }
.posts.tag-pg-only .post-title .tag_query:after { content:'”'; }
/*------ "NO SEARCH RESULTS" PAGE ------*/
.posts.srch-pg-only:not([search-results-num="0"]){
display:none;
}
.posts:has(+.posts.srch-pg-only){
margin-bottom:0;
}
.posts[search-results-num="0"]{
display:block;
}
.posts.srch-pg-only .post-type-icon > span:first-child {
display:flex!important;
}
.posts.srch-pg-only .post-title .search_query:before { content:'“'; }
.posts.srch-pg-only .post-title .search_query:after { content:'”'; }
/*------- POST HEADER -------*/
.post-header {
border-bottom:var(--Post-Header-Border-Size) solid var(--Post-Header-Border-Color);
background-color:var(--Post-Header-BG);
}
.post-header:not(:last-child){
margin-bottom:calc(0px - var(--Post-Padding));
}
.post-header > * {
padding:var(--Post-Header-Padding-Y) var(--Post-Header-Padding-X);
}
.post-header, .post-header * {
font-size:var(--Post-Header-Font-Size);
color:var(--Post-Header-Text-Color);
}
.ph-inner {
display:flex;
align-items:center;
justify-content:space-between;
}
.ph-left, .ph-right, .ph-pinned {
display:flex;
align-items:center;
}
.ph-left {
gap:var(--Post-Header-Via-Src-Spacing);
}
.reblogged-from-src .ph-via {
display:none;
}
.ph-left > *:not(.ph-pinned){
display:block;
}
.ph-pinned {
gap:var(--Post-Header-Pin-Icon-Gap);
cursor:default;
}
.ph-pinned i[class]:not([class=""]){
display:block!important;
transform:translateY(-.5px) perspective(0)!important;
font-size:var(--Post-Header-Pin-Icon-Size)!important;
}
.ph-left > .ph-pinned ~ * {
display:none;
}
.ph-left > a {
margin:calc(0px - var(--Post-Header-Padding-Y)) -1em;
padding:var(--Post-Header-Padding-Y) 1em;
}
.ph-left > a:first-child {
margin-left:calc(0px - var(--Post-Header-Padding-X));
padding-left:var(--Post-Header-Padding-X);
}
.ph-left i[class]:not([class=""]){
font-size:var(--Post-Header-Reblog-Icon-Size);
}
.ph-left i.iconcino[icon-name="loop"]{
transform:translateY(-0.5px) perspective(0);
}
.ph-right .tnc:not([aria-label][href]){
cursor:default;
}
/*------- POST TITLES -------*/
.post-title {
margin-bottom:var(--Heading-Bottom-Gap)!important;
color:var(--Heading-Text-Color);
text-align:center;
}
.text-block > .post-title:first-child {
margin-top:0;
padding:var(--Post-Padding);
}
.text-block > .post-title:first-child:not(:last-child){
padding-bottom:0;
}
.text-block > .post-title:last-child {
margin-bottom:0!important;
}
/*------- TEXT POSTS -------*/
.text-block > .post-title + .comments > .comment:first-child {
padding-top:0;
}
/*------- CAPTIONS / COMMENTS -------*/
.text-block > .post-title:first-child + .comments {
/*margin-top:calc(0px - var(--Post-Padding));*/
}
.comment {
padding:var(--Post-Padding);
}
/*------- REBLOG DIVIDERS -------*/
/* for: link blocks -> reblogs */
html[reblog-borders="yes"] [post-type="link"].ex-npf .npf_group:first-child + .text-block .comments,
html[reblog-borders="yes"] .link-render + .comments {
border-top:var(--Reblog-Borders-Size) solid var(--Reblog-Borders);
}
/*>>>>>>>>>>>>>>>>>>>>>>>*/
/* for: audio blocks -> reblogs */
html[reblog-borders="yes"] .legacy-audio + .comments,
html[reblog-borders="yes"] [post-type="audio"].ex-npf .post-body > .photo-origin:first-child + .text-block {
border-top:var(--Reblog-Borders-Size) solid var(--Reblog-Borders);
}
html[reblog-borders="yes"] [post-type="audio"].ex-npf .post-body > .photo-origin:first-child + .text-block {
margin-top:var(--Post-Padding);
}
html[reblog-borders="yes"] .post-body > .photo-origin.npf-multimedia:first-child:has(.npf_audio:last-child) + .text-block {
margin-top:var(--Post-Padding);
border-top:var(--Reblog-Borders-Size) solid var(--Reblog-Borders);
}
html[reblog-borders="no"] .legacy-audio + .comments,
html[reblog-borders="no"] [post-type="audio"].ex-npf .post-body > .photo-origin:first-child + .text-block {
margin-top:calc(0px - var(--Post-Padding));
}
/* glen-test.tumblr.com/post/749405496324325376 */
/* common npf audio */
html[reblog-borders="no"] [post-type="audio"].ex-npf .post-body > .photo-origin:first-child:not(:last-child)[style*="var(--NPF-Caption-Spacing)"]{
margin-bottom:var(--Post-Padding)!important;
}
/* glen-test.tumblr.com/post/749405515190304768 */
/* audio that somehow turned into a video */
/* so after un-video and re-npf, there is no margin-bottom on the embed */
html[reblog-borders="no"] [post-type="audio"].ex-npf .post-body > .photo-origin:first-child + .text-block {
margin-top:calc(0px - var(--Post-Padding));
}
/*>>>>>>>>>>>>>>>>>>>>>>>*/
/* for: question blocks -> reblogs */
html[reblog-borders="yes"] .question-part + .comments {
border-top:var(--Reblog-Borders-Size) solid var(--Reblog-Borders);
}
html[reblog-borders="no"] .question-part + .comments {
margin-top:calc(0px - var(--Post-Padding));
}
/*>>>>>>>>>>>>>>>>>>>>>>>*/
html[reblog-borders="yes"] .comment + .comment {
border-top:var(--Reblog-Borders-Size) solid var(--Reblog-Borders);
}
html[reblog-borders="no"] .comment + .comment {
margin-top:calc(0px - var(--Post-Padding));
}
.comments:empty {
display:none;
}
.comment-header {
display:flex;
align-items:center;
justify-content:flex-start;
width:fit-content;
gap:0 var(--Reblog-Head-Gutter);
}
.comment-header img.userpic {
width:var(--Reblog-Head-Image-Size);
height:var(--Reblog-Head-Image-Size);
border-radius:var(--Reblog-Head-Image-Rounded-Corners);
}
.comment-header .username,
html[current-path="/customize_preview_receiver.html"] a.tumblr_blog {
color:var(--Reblog-Name-Color);
}
.comment-header:not(:last-child){
margin-bottom:var(--Reblog-Head-Bottom-Gap);
}
/* file.garden/ZRt8jW_MomIqlrfn/screenshots/nkbsj.png */
[post-type="quote"].ex-npf .comments > .comment.extra-comment:first-child .comment-header,
[post-type="chat"].ex-npf .comments > .comment:first-child .comment-header {
display:none;
}
/* deactivated users */
.comment.deactivated .comment-header {
cursor:default;
}
.comment-header .deactivated {
color:rgba(var(--Body-Text-Color-RGB),0.8);
}
.comment-header .username + .deactivated {
margin-left:calc(0px - var(--Reblog-Head-Gutter) + 0.5em);
}
.comment-body > h1:first-child,
.comment-body > h2:first-child,
.comment-body > h3:first-child,
.comment-body > h4:first-child,
.comment-body > h5:first-child,
.comment-body > h6:first-child,
.comment-body > p:first-child,
.comment-body > blockquote:first-child,
.comment-body > ul:first-child,
.comment-body > ol:first-child {
margin-top:0;
}
.comment-body > h1:last-child,
.comment-body > h2:last-child,
.comment-body > h3:last-child,
.comment-body > h4:last-child,
.comment-body > h5:last-child,
.comment-body > h6:last-child,
.comment-body > p:last-child,
.comment-body > blockquote:last-child,
.comment-body > ul:last-child,
.comment-body > ol:last-child {
margin-bottom:0;
}
.comment-body blockquote > p:first-child {
margin-top:0;
}
.comment-body blockquote > p:last-child {
margin-bottom:0;
}
/*------- PHOTO POSTS -------*/
.legacy-photo img, .legacy-photoset img {
display:block;
max-width:100%;
height:auto;
}
.legacy-photoset {
display:grid;
grid-gap:var(--Photoset-Image-Spacing)
}
.legacy-photoset > img {
display:none; /* handle loading */
}
.layout-row {
position:relative;
display:grid;
grid-gap:0 var(--Photoset-Image-Spacing);
overflow:hidden;
}
.layout-row img {
position:absolute;
width:100%;
height:auto;
visibility:hidden;
object-fit:cover;
object-position:center;
cursor:pointer;
}
.layout-row.done img {
position:relative;
visibility:visible;
}
.legacy-photo img {
cursor:pointer;
}
/*------- PHOTO LIGHTBOXES -------*/
body[style*="overflow: hidden;"],
body[style*="overflow:hidden;"]{
overflow:inherit!important;
}
.tmblr-lightbox, #tumblr_lightbox {
background-image:none!important;
background-color:rgba({RGBcolor:background},0.69)!important;
backdrop-filter:blur(3px);
}
.tmblr-lightbox .vignette, #tumblr_lightbox #vignette {
opacity:0!important;
}
.tmblr-lightbox .lightbox-image,
.tmblr-lightbox img, #tumblr_lightbox img {
box-shadow:none!important;
border-radius:var(--Rounded-Corners)!important;
}
.tmblr-lightbox img, #tumblr_lightbox img {
max-width:none;
width:auto;
}
/*------- QUOTE POSTS -------*/
.quote-block {
padding:var(--Post-Padding);
}
.quote-set blockquote.quote-text {
margin-left:0;
padding:0 var(--Post-Padding);
border:none;
font-family:var(--Quote-Font-Family);
font-weight:var(--Quote-Font-Weight);
font-size:var(--Quote-Font-Size);
text-transform:var(--Quote-Text-Case);
letter-spacing:var(--Quote-Letter-Spacing);
word-spacing:var(--Quote-Word-Spacing);
line-height:var(--Quote-Line-Height);
text-align:center;
}
.quote-set > *:first-child { margin-top:0; }
.quote-set > *:last-child { margin-bottom:0; }
.quote-source {
text-align:center;
}
[post-type="quote"] .post-body .content-src { display:none; }
/*------- LINK POSTS -------*/
[post-type="link"] .post-media .npf_link,
.link-block > .link-render {
padding:var(--Post-Padding);
}
[post-type="link"] .post-media .npf_link + .npf_link {
margin-top:0;
padding-top:0;
}
.link-render {
display:block;
}
.link-render > * {
text-align:center;
justify-content:center;
}
.post-body > .link-render + .link-render {
margin-top:calc(0px - var(--Post-Padding));
}
.comment-body .link-render {
margin:1em 0;
}
.comment-body .link-render:first-child { margin-top:0 }
.comment-body .link-render:last-child { margin-bottom:0 }
.link-render h2 {
margin:0;
}
.link-render h2 i[class*="arrow"],
.link-render h2 i[icon-name*="arrow"],
.link-render h2 i[class*="right"],
.link-render h2 i[icon-name*="right"]{
margin-left:2px;
font-size:125%;
vertical-align:-8%;
}
.link-render .site-name {
display:flex;
align-items:center;
margin-top:0.45em;
color:var(--Body-Text-Color);
}
.link-render .site-name i[class]{
display:block;
margin-left:calc(var(--Caps-Font-Size) * -1.35);
margin-right:min(0.45em, 8px);
font-size:calc(var(--Caps-Font-Size) * 1.35);
transform-origin:center;
transform:rotate(-40deg);
line-height:1;
}
.npf-link-block {
display:none!important;
}
/*------- CHAT POSTS -------*/
.chat-block {
padding:var(--Post-Padding);
}
ul.chat-wrap {
list-style:none;
margin:0;
padding:0;
}
li.chat-line {
--sppxk:calc(0.85rem - (((var(--Body-Font-Size) * var(--Body-Line-Height)) - var(--Body-Font-Size)) / 2));
list-style:none;
padding:var( --sppxk) 0.85rem;
border-radius:var(--Rounded-Corners);
}
li.chat-line:nth-of-type(odd){
background:var(--Post-Accent-BG);
color:var(--Post-Accent-Text);
}
.chat-label {
}
.post-body > .text-block > .comments > .comment:first-child:has(.quote-set) .comment-header {
display:none;
}
/*------- AUDIO POSTS -------*/
.aud-gen {
display:flex;
align-items:center;
justify-content:space-between;
overflow:hidden;
}
.audio-block .aud-gen,
[post-type="audio"].ex-npf .post-body > .npf-audio-only:first-child {
margin:var(--Post-Padding);
}
.aud-gen + .comments {
}
.aud-cover {
position:relative;
width:var(--Audio-Post-Album-Cover-Size);
height:var(--Audio-Post-Album-Cover-Size);
z-index:0;
}
.aud-cover .aud-ctl, .aud-cover img {
position:absolute;
top:0;left:0;
width:100%;
height:100%;
}
.aud-gen img {
width:100%;
height:100%!important;
object-fit:cover;
border-radius:var(--Audio-Post-Album-Cover-Rounded-Corners);
z-index:1;
}
.aud-cover .aud-ctl {
display:flex;
align-items:center;
justify-content:center;
z-index:2;
}
.aud-ctl .q-play,
.aud-ctl .q-pause {
display:flex;
align-items:center;
justify-content:center;
width:calc(var(--Audio-Post-Btns-Size) + (var(--Audio-Post-Btns-Padding) * 2));
height:calc(var(--Audio-Post-Btns-Size) + (var(--Audio-Post-Btns-Padding) * 2));
background-color:var(--Audio-Post-Btns-BG);
border-radius:100%;
outline:none;
border:none;
line-height:0;
cursor:pointer;
}
.aud-ctl .q-pause, .aud-iframe {
display:none;
}
.aud-ctl i[icon-name*="play"],
.aud-ctl i[icon-name*="pause"]{
display:block;
font-size:var(--Audio-Post-Btns-Size);
color:var(--Audio-Post-Btns-Color);
line-height:1;
}
.aud-ctl i[icon-name*="play"]{
margin-left:calc(var(--Audio-Post-Btns-Size) * 0.1);
}
.aud-xyz {
flex:1;
}
.aud-info {
padding:0 var(--Audio-Post-Gutter);
}
[post-type="audio"]:not(.ex-npf) .aud-info .aud-title:not(.has-title) .has-title,
[post-type="audio"]:not(.ex-npf) .aud-info .aud-artist:not(.has-artist) .has-artist,
[post-type="audio"]:not(.ex-npf) .aud-info .aud-album:not(.has-album) .has-album {
display:none;
}
[post-type="audio"]:not(.ex-npf) .aud-info .aud-title.has-title .no-title,
[post-type="audio"]:not(.ex-npf) .aud-info .aud-artist.has-artist .no-artist,
[post-type="audio"]:not(.ex-npf) .aud-info .aud-album.has-album .no-album {
display:none;
}
.aud-dl {
display:block;
margin:0 calc(0px - var(--Audio-Post-Download-Icon-Touch-Padding));
padding:var(--Audio-Post-Download-Icon-Touch-Padding);
line-height:1;
}
.aud-dl i[class]{
font-size:var(--Audio-Post-Download-Icon-Size);
color:var(--Audio-Post-Download-Icon-Color);
}
.posts audio[controls]{
display:none;
}
.npf-audio-only {
--NPF-Images-Spacing:1em!important;
}
/* 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-Btns-BG);
z-index:-1;
}
iframe[src*='open.spotify.com'][src*='track'],
figure[data-npf*='open.spotify.com'][data-npf*='track']{
height:80px!important;
}
/*------- VIDEO POSTS -------*/
.legacy-video .tumblr_video_container {
width:auto!important;
height:auto!important;
max-width:100%;
}
.vidyo-current-time, .vidyo-duration {
font-size:var(--VIDYO-time-font-size)!important;
}
/*------- ASK POSTS -------*/
.answer-block {
}
.question-part {
margin:var(--Post-Padding);
display:flex;
align-items:center;
gap:0 var(--Ask-Post-Question-Gutter);
padding:var(--Post-Padding);
background:var(--Ask-Post-Question-BG);
border-radius:var(--Ask-Post-Question-Rounded-Corners);
}
.askerpic {
flex-shrink:0;
align-self:flex-start;
width:var(--Ask-Post-Avatar-Size);
height:var(--Ask-Post-Avatar-Size);
border-radius:var(--Ask-Post-Avatar-Rounded-Corners);
}
.q-right {
display:flex;
flex-direction:column;
flex:1;
gap:var(--Ask-Post-Username-Bottom-Gap) 0;
}
.q-top {
margin:0;
color:var(--Ask-Post-Asked-Label-Color);
}
.q-top a {
color:var(--Ask-Post-Username-Color);
}
.q-text > p:first-child { margin-top:0; }
.q-text > p:last-child { margin-bottom:0; }
/*------- POLL POSTS -------*/
.poll-post > .poll-question:first-child {
margin-top:0!important;
}
.poll-question {
margin-bottom:1em!important;
font-size:inherit!important;
font-weight:inherit!important;
line-height:inherit!important;
}
.poll-row {
margin:0!important;
border:var(--Poll-Row-Border-Size) solid var(--Poll-Row-Border-Color)!important;
padding:var(--Poll-Row-Padding)!important;
background:var(--Poll-Row-BG)!important;
border-radius:var(--Poll-Row-Rounded-Corners)!important;
color:var(--Poll-Row-Text)!important;
min-height:0!important;
line-height:inherit!important;
}
.poll-row + .poll-row {
margin-top:var(--Poll-Row-Spacing)!important;
}
.poll-row:last-child {
margin-bottom:0!important;
}
.poll-see-results {
margin-top:1em!important;
}
/*----- MISC NPF STUFF / NPF MISC STUFF -----*/
/* captionless */
[full-width-posts="no"] .post-body > .post-media:last-child {
margin-bottom:var(--Post-Padding)!important;
}
p.npf_quote, p.npf_quirky {
line-height:var(--Quote-Line-Height)!important;
}
p.npf_quote {
font-family:var(--Quote-Font-Family)!important;
font-size:var(--Quote-Font-Size)!important;
text-transform:var(--Quote-Text-Case)!important;
letter-spacing:var(--Quote-Letter-Spacing)!important;
word-spacing:var(--Quote-Word-Spacing)!important;
font-weight:var(--Quote-Font-Weight)!important;
}
p.npf_quirky {
font-size:calc(var(--Quote-Font-Size) + 1px)!important;
font-weight:normal!important;
}
/* tumblr.com/glen-test/738994635798691840 */
figure:not(.tmblr-full) + figure:not(.tmblr-full){
margin-top:var(--NPF-Images-Spacing);
}
.tmblr-full {
overflow:hidden;
}
[full-width-posts="yes"] .photo-origin p.tmblr-attribution {
padding:0 var(--Post-Padding);
}
p.tmblr-attribution:last-child {
margin-bottom:0;
}
/*----- NPF MULTIMEDIA -----*/
.npf-multimedia .npf_inst + .npf_inst {
margin-top:var(--Post-Padding)!important;
}
.npf-multimedia .npf_photo + .npf_photo,
.npf-multimedia .npf_photo + .npf_video,
.npf-multimedia .npf_video + .npf_video,
.npf-multimedia .npf_video + .npf_photo {
margin-top:var(--NPF-Images-Spacing)!important;
}
[full-width-posts="yes"] .npf-multimedia > .npf_audio.has-iframe:first-child {
margin-top:var(--Post-Padding);
}
[full-width-posts="yes"] .npf-multimedia .npf_audio.has-iframe,
[full-width-posts="yes"] .npf-multimedia .npf_inst + .npf_inst:not(.npf_photo, .npf_video){
margin-left:var(--Post-Padding);
margin-right:var(--Post-Padding);
}
[full-width-posts="no"] .npf-multimedia {
border-radius:var(--Post-Rounded-Corners);
overflow:hidden;
}
/* [image or audio]'s next is [iframe or audio] */
[full-width-posts="no"] .npf-multimedia .npf_inst:is(.npf_photo,.npf_video):has(+.npf_inst:is(.has-iframe,.npf_audio)){
border-radius:0 0 var(--Post-Rounded-Corners) var(--Post-Rounded-Corners);
overflow:hidden;
}
/* [image or audio]'s prev is [iframe or audio] */
[full-width-posts="no"] .npf-multimedia .npf_inst:is(.has-iframe,.npf_audio) + .npf_inst:is(.npf_photo,.npf_video){
border-radius:var(--Post-Rounded-Corners) var(--Post-Rounded-Corners) 0 0;
overflow:hidden;
}
/*------- CONTENT SOURCE -------*/
.content-src {
margin:var(--Post-Padding) 0 0 0;
padding:0 var(--Post-Padding);
}
/* negate excess padding if prev is(has) a comment */
.post-body > [class*="-block"]:has(.comments) + .content-src:not(:first-child){
margin-top:calc(0px - var(--Post-Padding) + 1em);
}
.content-src:last-child {
margin-bottom:var(--Post-Padding);
}
/*------- TAGS -------*/
.tagscont {
display:flex;
padding:0 var(--Post-Padding);
}
.tagscont:not(:last-child){
margin:calc(0px - var(--Post-Padding)) 0;
}
.tagscont[align="left"]{
text-align:left;
justify-content:flex-start;
}
.tagscont[align="right"]{
text-align:right;
justify-content:flex-end;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
[tags-vis="toggle-fade"] .tagscont {
opacity:0;
}
[tags-vis="toggle-fade"] .tagscont {
transition:opacity var(--Tags-Fade-Speed) ease-in-out; /* fade out */
}
[tags-vis="toggle-fade"] .tagscont.active {
opacity:1;
}
[tags-vis="toggle-fade"] .tagscont.active {
transition:opacity var(--Tags-Fade-Speed) var(--Tags-Slide-Speed) ease-in-out; /* fade in */
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
[tags-vis*="toggle"] .tags-wrap-a {
display:grid;
grid-template-rows:0fr;
overflow:hidden;
}
[tags-vis="toggle"] .tags-wrap-a {
transition:grid-template-rows var(--Tags-Slide-Speed) ease-in-out; /* slide up */
}
[tags-vis="toggle-fade"] .tags-wrap-a {
transition:grid-template-rows var(--Tags-Slide-Speed) var(--Tags-Fade-Speed) ease-in-out; /* slide up */
}
[tags-vis*="toggle"] .tagscont.active .tags-wrap-a {
grid-template-rows:1fr;
transition:grid-template-rows var(--Tags-Slide-Speed) ease-in-out; /* slide down */
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
[tags-vis*="toggle"] .tags-wrap-b {
min-height:0;
visibility:hidden;
}
[tags-vis="toggle"] .tags-wrap-b {
transition:visibility var(--Tags-Slide-Speed) ease-in-out; /* vis -> hidden */
}
[tags-vis="toggle-fade"] .tags-wrap-b {
transition:visibility 0s calc(var(--Tags-Fade-Speed) + var(--Tags-Slide-Speed)) ease-in-out; /* vis -> hidden */
}
[tags-vis*="toggle"] .tagscont.active .tags-wrap-b {
visibility:visible;
}
[tags-vis="toggle-fade"] .tagscont.active .tags-wrap-b {
transition:visibility 0s 0s ease-in-out; /* hidden -> vis */
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
.tags-wrap-c {
margin:var(--Post-Padding) 0;
}
/* use c for margin-top:0 */
[full-width-posts="yes"] .posts[post-type="link"]:has(.post-body > .link-render):not(:has(.comments)) .tags-wrap-c,
[full-width-posts="yes"] .posts[post-type="quote"]:has(.quote-block):not(:has(.comments)) .tags-wrap-c,
[full-width-posts="no"] .posts:not([post-type="audio"],:has(.comments)) .tags-wrap-c,
.posts:has(.comments, .content-src) .tags-wrap-c {
margin-top:0px;
}
/* use b for any negative margin-top */
.posts[post-type="chat"]:has(.chat-block):not(:has(.comments)) .tags-wrap-b,
.posts[post-type="audio"]:not(:has(.comments)) .tags-wrap-b {
margin-top:calc(0px - (var(--Post-Padding) * 1));
}
.tags-wrap-d {
--Tags-Spacing-X-Half:calc(var(--Tags-Spacing-X) / 2);
--Tags-Spacing-Y-Half:calc(var(--Tags-Spacing-Y) / 2);
margin:calc(0px - var(--Tags-Spacing-Y-Half)) calc(0px - var(--Tags-Spacing-X-Half));
width:calc(100% + var(--Tags-Spacing-X));
font-size:0;
}
.tagscont a {
display:inline-block;
margin:var(--Tags-Spacing-Y-Half) var(--Tags-Spacing-X-Half);
font-size:var(--Tags-Font-Size);
color:var(--Tags-Color);
line-height:var(--Tags-Line-Height);
transition:color var(--Tags-Hover-Speed) ease-in-out;
}
.tagscont a:hover {
color:var(--Tags-Hover-Color);
}
.tagscont a:before {
content:"#";
margin-right:var(--Tags-Hashtag-Spacing);
}
/*------- POST FOOTER / POST INFO / PERMALINK -------*/
.posts:not([has-tags]) .post-body + .infobar {
margin-top:calc(0px - var(--Post-Padding));
}
.posts .infobar {
border-top:var(--Post-Footer-Border-Size) solid var(--Post-Footer-Border-Color);
}
.posts + .infobar {
border:var(--Post-Footer-Border-Size) solid var(--Post-Footer-Border-Color);
}
.infobar {
padding:var(--Post-Footer-Padding-Y) var(--Post-Footer-Padding-X);
background-color:var(--Post-Footer-BG);
}
.infobar, .infobar * {
color:var(--Post-Footer-Text-Color);
}
.innerpho, .pho-top, .pho-bot {
display:flex;
align-items:center;
}
.innerpho, .pho-top {
justify-content:space-between;
}
.innerpho {
flex-direction:column;
align-items:flex-start;
}
.pho-top {
width:100%;
}
.infobar, .infobar a.perma {
font-size:var(--Post-Footer-Font-Size);
}
.infobar a.perma {
display:flex;
align-items:center;
gap:var(--Post-Footer-Items-Spacing);
flex-wrap:wrap;
margin:calc(0px - var(--Post-Footer-Padding-Y)) -1em;
padding:var(--Post-Footer-Padding-Y) 1em;
line-height:1;
}
.infobar a.perma:not([href]){
cursor:default;
}
/* centered post footer [1/2] */
html[index-page][post-footer-align="center"] .infobar a.perma {
flex:1;
justify-content:center;
}
/* centered post footer [2/2] */
html[index-page][post-footer-align="center"] .infobar a.perma > *:first-child {
margin-left:calc(0px - var(--Post-Controls-Icon-Size));
}
/*=============================*/
.infobar [icon-vis="hide"]{
display:none;
}
.infobar [class*="icon-part"] i[class]{
display:block;
line-height:1;
}
.infobar [class*="icon-part"] i.iconcino[icon-name="link-1"]{
transform:rotate(-40deg);
}
.history-icon-part i[class]{
font-size:var(--Post-Footer-History-Icon-Size);
}
.at-icon-part:has(+[time-format="hide"]){
display:none;
}
.at-icon-part i[class]{
margin:0 calc(var(--Post-Footer-Items-Spacing) * -0.35);
font-size:var(--Post-Footer-At-Icon-Size);
}
.star-icon-part i[class]{
font-size:var(--Post-Footer-Star-Icon-Size);
}
/*=============================*/
.date-part[date-format="hide"],
.date-part > span {
display:none;
}
.date-part[date-format="1"] .df-1,
.date-part[date-format="2"] .df-2,
.date-part[date-format="3"] .df-3 {
display:block;
}
.time-part[time-format="hide"],
.time-part > span {
display:none;
}
.time-part[time-format="AMPM"] .tf-AMPM,
.time-part[time-format="24hr"] .tf-24hr,
.time-part[time-format="timeago-long"] .tf-timeago-long,
.time-part[time-format="timeago-short"] .tf-timeago-short {
display:block;
}
/*=============================*/
.pf-nc-hide .star-icon-part,
.pf-nc-hide .notes-part {
display:none;
}
/*=============================*/
.post-controls {
display:flex;
align-items:center;
justify-content:center;
gap:calc(var(--Post-Controls-Spacing) - (var(--Post-Controls-Touch-Padding) * 2));
margin-right:calc(0px - var(--Post-Controls-Touch-Padding));
}
.post-controls [class*="-area"]{
position:relative;
line-height:1;
}
.post-controls [class*="-press"]{
display:flex;
align-items:center;
justify-content:center;
width:calc(var(--Post-Controls-Icon-Size) + (var(--Post-Controls-Touch-Padding) * 2));
height:calc(var(--Post-Controls-Icon-Size) + (var(--Post-Controls-Touch-Padding) * 2));
}
[tags-vis="always-show"] .tog-tags-area { display:none; }
.tags-press { cursor:help; }
.post-controls i[class]{
display:block;
transform-origin:center;
font-size:calc(var(--Post-Controls-Icon-Size) * 1.05);
color:var(--Post-Controls-Icon-Color);
}
.post-controls i.iconcino[icon-name="hashtag"]{
font-size:calc(var(--Post-Controls-Icon-Size) * 1.15);
transform:translateY(.5px) perspective(0);
}
.like_button {
position:absolute;
top:0;left:0;
width:100%;
height:100%;
background:black;
opacity:0;
overflow:hidden;
z-index:2;
}
.like_button > iframe {
display:block;
width:100%;
height:100%;
}
.like_button.liked + .like-press i[class]{
color:var(--Liked-Button-Color)!important;
}
.pho-bot {
justify-content:flex-start;
gap:var(--Post-Footer-Items-Spacing);
width:calc(100% - var(--Post-Controls-Total-Width) - var(--Post-Padding));
}
.via-part, .src-part {
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
/*------- POST NOTES -------*/
.post-notes {
margin-top:var(--Post-Spacing);
padding:var(--Post-Padding);
width:var(--Post-Width-Total);
overflow:hidden;
}
ol.notes {
list-style:none;
margin:0;
padding:0;
}
ol.notes img {
display:none;
}
ol.notes a {
color:var(--Reblog-Name-Color);
}
/*------- PAGINATION -------*/
.pgi-wrap, .jump-wrap {
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:calc(var(--Pagination-Touch-Padding-Y) + var(--Pagination-Items-Spacing)) calc(var(--Pagination-Touch-Padding-X) + var(--Pagination-Items-Spacing));
}
.pgi-wrap, .pgi-wrap * {
line-height:1;
}
/* pagination ITEMS */
.prev-page, .next-page, .jumpnum, .curpage {
display:block;
margin:calc(var(--Pagination-Touch-Padding-Y) / -2) calc(var(--Pagination-Touch-Padding-X) / -2);
padding:var(--Pagination-Touch-Padding-Y) var(--Pagination-Touch-Padding-X);
text-align:center;
}
/* pagination LINKS */
.pgi-wrap a {
padding:var(--Pagination-Touch-Padding-Y) var(--Pagination-Touch-Padding-X)!important;
border-color:var(--Pagination-Links-Underline);
}
/* pagination COLOR */
.pgi-wrap a, .prev-page, .next-page, .jumpnum, .curpage {
color:var(--Pagination-Color);
}
/* pagination COLOR */
.prev-page i[class], .next-page i[class]{
font-size:var(--Pagination-Arrows-Size);
}
.curpage {
border-bottom:var(--Links-Underline-Size) solid transparent;
}
.curpage i[class]{
display:block;
transform:translateY(-0.5px) perspective(0);
}
.jump-wrap:empty {
display:none;
}
/*------- PAGINATION (UNDER POSTS) -------*/
html[pagi-pos="sidebar"] .botpagi {
display:none;
}
.botpagi {
margin-top:var(--Post-Spacing);
padding:var(--Post-Padding);
width:var(--Post-Width-Total);
overflow:hidden;
}
/*------- MUSIC PLAYER -------*/
.incndscnc-music-player {
position:fixed;
bottom:0;left:0;
--sklfe:calc((var(--Music-Player-Info-Box-Total-Height) - var(--Music-Player-Bars-Parent-Width)) / 2);
margin-bottom:calc(var(--Music-Player-Corner-Offset) + var(--sklfe));
margin-left:calc(var(--Music-Player-Corner-Offset) + var(--sklfe));
filter:drop-shadow(2px 4px 12px rgba(0,0,0,var(--Music-Player-Info-Box-Shadow-Strength)));
z-index:12;
}
[mp-hide]{ display:none!important; }
.lytlk {
display:flex;
align-items:center;
}
.lytlk > * { flex-shrink:0; }
.round-lnvvv {
width:var(--Music-Player-Bars-Parent-Width);
height:var(--Music-Player-Bars-Parent-Width);
background:var(--Music-Player-Circle-BG);
border-radius:100%;
display:flex;
align-items:center;
justify-content:center;
}
.bars-hgsmd {
display:flex;
align-items:flex-end;
justify-content:center;
gap:var(--Music-Player-Bars-Spacing);
}
.col-ttkzz {
display:flex;
flex-direction:column-reverse;
gap:var(--Music-Player-Bars-Spacing);
}
.sq-idxrn {
width:var(--Music-Player-Bars-Size);
height:var(--Music-Player-Bars-Size);
background:var(--Music-Player-Bars-Color);
transform:perspective(0);
opacity:0;
animation-duration:var(--Music-Player-Bars-Animation-Speed);
animation-timing-function:step-end;
animation-iteration-count:infinite;
}
.line-cyvud {
position:relative;
margin-left:-2px;
width:calc(var(--Music-Player-Line-Width) + 2px);
height:var(--Music-Player-Line-Thickness);
}
.line-cyvud:after {
content:"";
position:absolute;
top:0;left:0;
width:0;
height:100%;
background:var(--Music-Player-Line-Color);
transition:width var(--Music-Player-Line-Hover-Speed) var(--Music-Player-Info-Box-Hover-Speed) ease-in-out; /* mouse out */
}
.incndscnc-music-player:hover .line-cyvud:after {
width:100%;
transition:width var(--Music-Player-Line-Hover-Speed) 0s ease-in-out; /* mouse in */
}
.info-naeay {
display:flex;
align-items:center;
height:var(--Music-Player-Info-Box-Total-Height);
border-left:var(--Music-Player-Info-Box-Left-Border-Size) solid var(--Music-Player-Info-Box-Left-Border-Color);
padding:0 var(--Music-Player-Info-Box-Padding-X);
background:var(--Music-Player-Info-Box-BG);
border-radius:var(--Music-Player-Info-Box-Rounded-Corners);
opacity:0;
transition:opacity var(--Music-Player-Info-Box-Hover-Speed) 0s ease-in-out; /* mouse out */
}
.incndscnc-music-player:hover .info-naeay {
opacity:1;
transition:opacity var(--Music-Player-Info-Box-Hover-Speed) var(--Music-Player-Line-Hover-Speed) ease-in-out; /* mouse in */
}
.info-naeay [music-btn]{
box-sizing:content-box!important;
}
.info-naeay .player-text {
font-size:var(--Music-Player-Info-Box-Font-Size);
color:var(--Music-Player-Info-Box-Text-Color);
line-height:1;
}
/*------- TOOLTIPS -------*/
.tippy-box {
border:var(--Tooltips-Border-Size) solid var(--Tooltips-Border);
background:var(--Tooltips-BG);
border-radius:var(--Tooltips-Rounded-Corners);
}
.tippy-content {
padding:calc(var(--Tooltips-Padding-Y) - (((var(--Caps-Font-Size) * var(--Body-Line-Height)) - var(--Caps-Font-Size)) / 2)) var(--Tooltips-Padding-X);
font-family:var(--Caps-Font-Family);
font-weight:var(--Caps-Font-Weight);
font-size:var(--Tooltips-Font-Size);
text-transform:uppercase;
letter-spacing:var(--Caps-Letter-Spacing);
word-spacing:var(--Caps-Word-Spacing);
color:var(--Tooltips-Text-Color);
line-height:var(--Body-Line-Height);
}
/*------- SCREEN READER TEXT -------*/
.sr-text {
position:absolute;
border:0;
clip:rect(1px, 1px, 1px, 1px);
clip-path:inset(50%);
margin:-1px;
width:1px;
height:1px;
padding:0;
overflow:hidden;
word-wrap:normal!important;
}
/*------- OTHER PAGES -------*/
.posts[id="post-"] .text-block > .post-title + .comments > .comment:only-child {
padding-bottom:var(--Post-Padding);
}
/*------- CUSTOMIZE PAGE ADJUSTMENTS -------*/
.comment[username=""] .comment-header {
display:none;
}
/*----- SEMI-RESPONSIVENESS -----*/
html:not([current-path="/customize_preview_receiver.html"]):root {
--Post-Width:min({select:posts width}, 50vw);
--Sidebar-Width:min({select:sidebar width}, 30vw);
}
@media(max-width:600px){
.tb-subtitle.s1, .tb-subtitle.s2 {
font-size:0!important;
}
.tb-subtitle:after {
content:"...";
}
.tb-subtitle.s1:after {
font-size:var(--Top-Bar-Subtitle-1-Font-Size)!important;
}
.tb-subtitle.s2:after {
font-size:var(--Top-Bar-Subtitle-2-Font-Size)!important;
}
.nav-txt {
display:none;
}
}
{CustomCSS}
</style>
</head>
<body>
<div class="tci-holder">
<button class="tci">
<i class="iconcino" stroke="2" icon-name="add" aria-hidden="true"></i>
</button>
</div>
{block:ifmusicplayersongfileURL}
<section class="incndscnc-music-player" mp-{select:show music player}>
<div class="lytlk">
<div class="round-lnvvv">
<div class="bars-hgsmd"></div>
</div>
<div class="line-cyvud"></div>
<div class="info-naeay">
<div music-player btn-color="var(--Music-Player-Buttons-Color)" btn-size="var(--Music-Player-Buttons-Size)" gap="var(--Music-Player-Info-Items-Gap)">
<div music-btn>
<div btn-play></div>
<div btn-pause hidden></div>
</div>
<audio src="{text:music player song file URL}" volume="{text:music player song volume}"></audio>
{block:ifmusicplayersongname}
<div class="player-text">{text:music player song name}</div>
{/block:ifmusicplayersongname}
</div>
</div>
</div>
</section>
{/block:ifmusicplayersongfileURL}
<section guide-prompt-popup o_o="{select:I have read the guide}">
<div peapea>
<h2 pea-title>Hello! <img src="https://64.media.tumblr.com/05279efc3b625d6ee93798f4b0ff8461/c7ea30d43785d15b-65/s100x200/e91427cc739b5630e1eef0b8e1f21e753b934909.pnj" alt="Waving hand emoji"/></h2>
<p>Thank you for using glenthemes' Incandescence theme!</p>
<p>This theme has <b>a lot of options</b> and customizing it may require a substantial amount of time.</p>
<p>Please read the guide (linked below) for a detailed walkthrough, as well as instructions on how to remove this popup message. Thank you!</p>
<div pea-img>
<figure class="tmblr-full">
<a class="post_media_photo_anchor">
<img class="post_media_photo image" src="https://64.media.tumblr.com/4a0dbe4adac8241adbd7c4c2376d736c/bc236d24b84b7975-cb/s500x750/8516ebe3133c2de2c240220e64376f390a88ed07.pnj">
</a>
<span class="alt-tbc">ALT</span>
</figure>
</div>
<h4 pea-guide-link>
<a href="https://docs.google.com/presentation/d/13ePt3tm8p1U2C_QqrQW2fP9bd99nY1W0AmGhcyG1fSU/view" target="_blank">docs.google.com/presentation/d/13ePt3tm8p1U2C&mldr;</a>
</h4>
</div>
</section>
<section guide-prompt-mild o_o="{select:I have read the guide}">
<a href="https://docs.google.com/presentation/d/13ePt3tm8p1U2C_QqrQW2fP9bd99nY1W0AmGhcyG1fSU/view" target="_blank">
<i class="iconcino" stroke="1.5" icon-name="book-open"></i>
<span class="caps">Guide / How to Use</span>
</a>
</section>
<div class="top-bar" searchbar-vis="{select:show searchbar}">
<div class="top-bar-upper">
<div class="top-bar-left">
<a href="/" class="intro-flex">
<div class="pfp-area" cust-img="{image:top bar icon}">
<img class="cust-img" src="{image:top bar icon}" alt="{Name}'s avatar"/>
<img class="user-img" src="{PortraitURL-128}" alt="{Name}'s avatar"/>
</div>
<div class="intro-txt">
{block:iftopbarsubtitle1}
<span class="tb-subtitle s1">{text:top bar subtitle 1}</span>
{/block:iftopbarsubtitle1}
{block:iftopbarsubtitle2}
<span class="tb-subtitle s2">{text:top bar subtitle 2}</span>
{/block:iftopbarsubtitle2}
</div>
</a>
<div class="search-megawrap">
<form class="searchblock" action="/search" method="get">
<div class="glass-icon">
<i class="iconcino" stroke="1.5" icon-name="search"></i>
</div>
<input class="searchbar-field" type="text" name="q" value="{SearchQuery}" {block:ifsearchprompt}placeholder="{text:search prompt}"{/block:ifsearchprompt}>
<div class="searchbar-button">
<button type="submit">
{block:ifsearchbuttontext}
{text:search button text}
{/block:ifsearchbuttontext}
{block:ifnotsearchbarbuttontext}
Go
{/block:ifnotsearchbarbuttontext}
</button>
</div>
<div class="search-suggestions-wrapper" fixed>
<div class="search-suggestions">
{block:ifsearchsuggestion1text}
<a href="{text:search suggestion 1 URL}">{text:search suggestion 1 text}</a>
{/block:ifsearchsuggestion1text}
{block:ifsearchsuggestion2text}
<a href="{text:search suggestion 2 URL}">{text:search suggestion 2 text}</a>
{/block:ifsearchsuggestion2text}
{block:ifsearchsuggestion3text}
<a href="{text:search suggestion 3 URL}">{text:search suggestion 3 text}</a>
{/block:ifsearchsuggestion3text}
{block:ifsearchsuggestion4text}
<a href="{text:search suggestion 4 URL}">{text:search suggestion 4 text}</a>
{/block:ifsearchsuggestion4text}
{block:ifsearchsuggestion5text}
<a href="{text:search suggestion 5 URL}">{text:search suggestion 5 text}</a>
{/block:ifsearchsuggestion5text}
</div>
</div>
</form>
</div>
</div>
<h1 class="tb-title w-{select:top bar title bold}" blog-t="{Title}" cust-t="{text:top bar title}">
<a href="/" class="blog-link">
<span class="cust-t">
{block:iftopbartitle}{text:top bar title}{/block:iftopbartitle}
</span>
<span class="blog-t">
{block:ifnottopbartitle}{Title}{/block:ifnottopbartitle}
</span>
<span class="none-t">{Name}</span>
</a>
</h1>
<nav class="main-nav">
<ul class="tr-nav" role="menu">
<li class="tr-nav-li" role="presentation">
<a href="/" role="menuitem">
<span class="nav-icon-hug" aria-hidden="true">
<i class="iconcino" stroke="2" icon-name="power"></i>
</span>
<span class="nav-txt">{lang:Home}</span>
</a>
</li>
<li class="tr-nav-li" role="presentation">
<a href="/ask" role="menuitem">
<span class="nav-icon-hug" aria-hidden="true">
<i class="iconcino" stroke="2" icon-name="chat-empty"></i>
</span>
<span class="nav-txt">Askbox</span>
</a>
</li>
<li class="tr-nav-li" role="presentation">
<a href="/archive" role="menuitem">
<span class="nav-icon-hug" aria-hidden="true">
<i class="iconcino" stroke="2" icon-name="hourglass-empty"></i>
</span>
<span class="nav-txt">{lang:Archive}</span>
</a>
</li>
<li class="tr-nav-li" role="presentation">
<a href="//glenthemes.tumblr.com" aria-label="✦ “Incandescence” by glenthemes ✦" role="menuitem">
<span class="nav-icon-hug" aria-hidden="true">
<i class="gt-misc-icons" icon-name="gt-2"></i>
</span>
<span class="nav-txt">Theme</span>
</a>
</li>
</ul>
</nav>
</div>
<div class="top-bar-lower"></div>
</div>
<div class="main-scroll-cont" header-vis="{select:include header}" header-page-vis="{select:show header when}">
<div class="main-column-wrap" side-shadows="{select:container side shadows}">
<header head-img="{image:header image}">
<div class="header-inner">
<div class="header-img-cont" head-height="{select:header height}">
<div class="header-img-as-bg"></div>
<img class="header-img" src="{image:header image}"/>
</div>
<div class="arrow-col" show-header-panel="{select:show header boxes}">
<button class="arrow-btn" {block:ifheaderarrowhovertext}aria-label="{text:header arrow hover text}"{/block:ifheaderarrowhovertext}>
<i class="iconcino" stroke="2" icon-name="arrow-forward-simple" aria-hidden="true"></i>
</button>
</div>
<div class="header-boxes-panel" show-header-panel="{select:show header boxes}">
<div class="panel-inner">
<div class="panel-boxes-holder" boxes-width="{select:header boxes width}" boxes-v-align="{select:header boxes align}" v-stretch-boxes="{select:tall header boxes}">
<article class="header-box">
{block:ifheaderbox1title}
<h4 class="header-box-title">{text:header box 1 title}</h4>
{/block:ifheaderbox1title}
{block:ifheaderbox1content}
<article class="header-box-body">
<div class="box-body-inner">
{text:header box 1 content}
</div>
</article>
{/block:ifheaderbox1content}
</article>
<article class="header-box">
{block:ifheaderbox2title}
<h4 class="header-box-title">{text:header box 2 title}</h4>
{/block:ifheaderbox2title}
{block:ifheaderbox2content}
<article class="header-box-body">
<div class="box-body-inner">
{text:header box 2 content}
</div>
</article>
{/block:ifheaderbox2content}
</article>
<article class="header-box">
{block:ifheaderbox3title}
<h4 class="header-box-title">{text:header box 3 title}</h4>
{/block:ifheaderbox3title}
{block:ifheaderbox3content}
<article class="header-box-body">
<div class="box-body-inner">
{text:header box 3 content}
</div>
</article>
{/block:ifheaderbox3content}
</article>
</div>
</div>
</div>
</div>
</header>
<main>
<div class="cont-flex">
<aside class="the-sidebar" title-align="{select:sidebar title position}" title-order-swap="{select:sidebar title swap icon order}">
<div class="sb-inner">
<div class="sb-inner-inner">
<div class="sb-box abt-box">
<div class="sb-heading" icon-input="{text:about box title icon name}" title-input="{text:about box title}">
{block:ifaboutboxtitleiconname}
<span class="sb-icon-wrap">
<i class="iconcino" stroke="2" icon-name="{text:about box title icon name}" aria-hidden="true"></i>
<span class="sr-text">{text:about box title icon name} icon</span>
</span>
{/block:ifaboutboxtitleiconname}
{block:ifaboutboxtitle}
<span class="sb-heading-text">{text:about box title}</span>
{/block:ifaboutboxtitle}
</div>
<div class="sb-img" img-input="{image:sidebar image}">
<img src="{image:sidebar image}" alt="Sidebar image"/>
</div>
<div class="sb-body sb-desc" blog-desc="{block:Description}.{/block:Description}">
<div class="desc-inner">
{block:ifaboutboxdesc}
{text:about box desc}
{/block:ifaboutboxdesc}
{block:ifnotaboutboxdesc}
{block:Description}{Description}{/block:Description}
{/block:ifnotaboutboxdesc}
</div>
</div>
</div>
<div class="sb-box links-box">
<div class="sb-heading" icon-input="{text:links box title icon name}" title-input="{text:links box title}">
{block:iflinksboxtitleiconname}
<span class="sb-icon-wrap">
<i class="iconcino" stroke="2" icon-name="{text:links box title icon name}" aria-hidden="true"></i>
<span class="sr-text">{text:links box title icon name} icon</span>
</span>
{/block:iflinksboxtitleiconname}
{block:iflinksboxtitle}
<span class="sb-heading-text">{text:links box title}</span>
{/block:iflinksboxtitle}
</div>
<div class="sb-body sb-cl">
<div class="cl-wrap">
{block:ifcustomlink1text}
<a href="{text:custom link 1 URL}">{text:custom link 1 text}</a>
{/block:ifcustomlink1text}
{block:ifcustomlink2text}
<a href="{text:custom link 2 URL}">{text:custom link 2 text}</a>
{/block:ifcustomlink2text}
{block:ifcustomlink3text}
<a href="{text:custom link 3 URL}">{text:custom link 3 text}</a>
{/block:ifcustomlink3text}
{block:ifcustomlink4text}
<a href="{text:custom link 4 URL}">{text:custom link 4 text}</a>
{/block:ifcustomlink4text}
{block:ifcustomlink5text}
<a href="{text:custom link 5 URL}">{text:custom link 5 text}</a>
{/block:ifcustomlink5text}
{block:ifcustomlink6text}
<a href="{text:custom link 6 URL}">{text:custom link 6 text}</a>
{/block:ifcustomlink6text}
{block:ifcustomlink7text}
<a href="{text:custom link 7 URL}">{text:custom link 7 text}</a>
{/block:ifcustomlink7text}
{block:ifcustomlink8text}
<a href="{text:custom link 8 URL}">{text:custom link 8 text}</a>
{/block:ifcustomlink8text}
</div>
</div>
</div>
{block:Pagination}
<div class="sb-box pagi-box">
<div class="sb-heading" icon-input="{text:pagination box title icon name}" title-input="{text:pagination box title}">
{block:ifpaginationboxtitleiconname}
<span class="sb-icon-wrap">
<i class="iconcino" stroke="2" icon-name="{text:pagination box title icon name}" aria-hidden="true"></i>
<span class="sr-text">{text:pagination box title icon name} icon</span>
</span>
{/block:ifpaginationboxtitleiconname}
{block:ifpaginationboxtitle}
<span class="sb-heading-text">{text:pagination box title}</span>
{/block:ifpaginationboxtitle}
</div>
<div class="sb-body sb-pagi">
<div class="pgi-wrap">
{block:PreviousPage}
<a class="prev-page" href="{PreviousPage}" aria-label="{lang:Previous Page}">
<i class="iconcino" stroke="2" icon-name="arrow-back-double"></i>
</a>
{/block:PreviousPage}
<div class="jump-wrap">
{block:JumpPagination length="5"}
{block:JumpPage}
<a page-id="{PageNumber}" class="jumpnum" href="{URL}" aria-label="Go to page {PageNumber}">{PageNumber}</a>
{/block:JumpPage}
{block:CurrentPage}
<span page-id="{PageNumber}" class="curpage" aria-label="You are here (Page {PageNumber})">
<i class="gt-misc-icons" icon-name="pushpin-2"></i>
</span>
{/block:CurrentPage}
{/block:JumpPagination}
</div>
{block:NextPage}
<a class="next-page" href="{NextPage}" aria-label="{lang:Next Page}">
<i class="iconcino" stroke="2" icon-name="arrow-forward-double"></i>
</a>
{/block:NextPage}
</div>
</div>
</div>
{/block:Pagination}
</div>
</div>
</aside>
<section class="all-posts load-in" post-type-sticky="{select:post type sticky scroll}">
{block:Posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
<article
class="posts"
id="post-{PostID}"
post-type="{PostType}"
root-url="{block:NotReblog}{Permalink}{block:NotReblog}{block:RebloggedFrom}{ReblogRootURL}{/block:RebloggedFrom}"
username="{block:NotReblog}{Name}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootName}{/block:RebloggedFrom}"
{block:PinnedPostLabel}pinned-post{/block:PinnedPostLabel}
{block:HasTags}has-tags{/block:HasTags}
>
<div class="pt-type-wrap">
<a class="post-type-icon"{block:IndexPage} href="{Permalink}" aria-label="View post"{/block:IndexPage}>
<span class="type-pinned">
<i class="gt-misc-icons" icon-name="pushpin-1"></i>
</span>
<span class="type-text">
<i class="iconcino" stroke="1.5" icon-name="paragraph"></i>
</span>
<span class="type-photo">
<i class="iconcino" stroke="1.5" icon-name="image"></i>
</span>
<span class="type-quote">
<i class="iconcino" stroke="1.5" icon-name="book"></i>
</span>
<span class="type-link">
<i class="iconcino" stroke="1.5" icon-name="link-1"></i>
</span>
<span class="type-chat">
<i class="iconcino" stroke="1.5" icon-name="chat-empty"></i>
</span>
<span class="type-audio">
<i class="iconcino" stroke="1.5" icon-name="headset"></i>
</span>
<span class="type-video">
<i class="iconcino" stroke="1.5" icon-name="videocam"></i>
</span>
<span class="type-ask">
<i class="iconcino" stroke="1.5" icon-name="mail"></i>
</span>
<span class="type-poll">
<i class="iconcino" stroke="1.5" icon-name="bar-chart"></i>
</span>
<span class="type-multimedia">
<i class="iconcino" stroke="1.5" icon-name="layers-three"></i>
</span>
<span class="type-askpage">
<i class="iconcino" stroke="1.5" icon-name="chat-empty"></i>
</span>
<span class="type-submitpage">
<i class="iconcino" stroke="1.5" icon-name="draw-1"></i>
</span>
<span class="type-notfoundpage">
<i class="iconcino" stroke="1.5" icon-name="emoji-unhappy"></i>
</span>
</a>
</div>
<div class="post-inner">
{block:Date}
<div class="post-header">
<div class="ph-inner">
<div class="ph-left">
{block:PinnedPostLabel}
<div class="ph-pinned">
<i class="gt-misc-icons" icon-name="pushpin-2"></i>
<span>{PinnedPostLabel}</span>
</div>
{/block:PinnedPostLabel}
{block:RebloggedFrom}
<a class="ph-via" href="{ReblogParentURL}" aria-label="{lang:Via}">{ReblogParentName}</a>
<i class="iconcino" stroke="2" icon-name="loop"></i>
<a class="ph-src" href="{ReblogRootURL}" aria-label="{lang:Source}">{ReblogRootName}</a>
{/block:RebloggedFrom}
{block:NotReblog}
<a href="{Permalink}" aria-label="View post">Original post</a>
{/block:NotReblog}
</div>
<div class="ph-right">
<a class="tnc" {block:IndexPage}href="{Permalink}" aria-label="View post"{/block:IndexPage}>{NoteCountWithLabel}</a>
</div>
</div>
</div>
{/block:Date}
<div class="post-body">
{block:Text}
<div class="text-block">
{block:Title}
<h1 class="post-title">{Title}</h1>
{/block:Title}
{block:NotReblog}
<div class="comments all-comments">
<div class="comment original-comment">
{block:Date}
<a class="comment-header" href="{Permalink}">
<img class="userpic" src="{PortraitURL-64}" alt="{Name}'s avatar">
<span class="username">{Name}</span>
</a>
{/block:Date}
<div class="comment-body">
{Body}
</div>
</div>
</div>
{/block:NotReblog}
{block:RebloggedFrom}
<div class="comments all-comments">
{block:Reblogs}
<div class="comment{block:IsOriginalEntry} original-comment{/block:IsOriginalEntry}{block:IsNotOriginalEntry} extra-comment{/block:IsNotOriginalEntry}{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{Username}">
<a class="comment-header"{block:IsActive} href="{Permalink}"{/block:IsActive}>
<img class="userpic" src="{PortraitURL-64}">
<span class="username">{Username}</span>
{block:IsDeactivated}
<span class="deactivated">(deactivated)</span>
{/block:IsDeactivated}
</a>
<div class="comment-body">
{Body}
</div>
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}
</div>
{/block:Text}
{block:Photo}
<div class="photo-block">
<div class="legacy-photo post-media">
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
</div>
{block:Date}
{block:NotReblog}
{block:Caption}
<div class="comments all-comments">
<div class="comment original-comment">
<a class="comment-header" href="{Permalink}">
<img class="userpic" src="{PortraitURL-64}" alt="{Name}'s avatar">
<span class="username">{Name}</span>
</a>
<div class="comment-body">
{Caption}
</div>
</div>
</div>
{/block:Caption}
{/block:NotReblog}
{block:RebloggedFrom}
<div class="comments all-comments">
{block:Reblogs}
<div class="comment{block:IsOriginalEntry} original-comment{/block:IsOriginalEntry}{block:IsNotOriginalEntry} extra-comment{/block:IsNotOriginalEntry}{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{Username}">
<a class="comment-header"{block:IsActive} href="{Permalink}"{/block:IsActive}>
<img class="userpic" src="{PortraitURL-64}">
<span class="username">{Username}</span>
{block:IsDeactivated}
<span class="deactivated">(deactivated)</span>
{/block:IsDeactivated}
</a>
<div class="comment-body">
{Body}
</div>
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}
{/block:Date}
</div>
{/block:Photo}
{block:Photoset}
<div class="photo-block">
<div class="legacy-photoset post-media" layout="{PhotosetLayout}">
{block:Photos}
<img src="{PhotoURL-HighRes}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}" alt="{PhotoAlt}"/>
{/block:Photos}
</div>
{block:Date}
{block:NotReblog}
{block:Caption}
<div class="comments all-comments">
<div class="comment original-comment">
<a class="comment-header" href="{Permalink}">
<img class="userpic" src="{PortraitURL-64}" alt="{Name}'s avatar">
<span class="username">{Name}</span>
</a>
<div class="comment-body">
{Caption}
</div>
</div>
</div>
{/block:Caption}
{/block:NotReblog}
{block:RebloggedFrom}
<div class="comments all-comments">
{block:Reblogs}
<div class="comment{block:IsOriginalEntry} original-comment{/block:IsOriginalEntry}{block:IsNotOriginalEntry} extra-comment{/block:IsNotOriginalEntry}{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{Username}">
<a class="comment-header"{block:IsActive} href="{Permalink}"{/block:IsActive}>
<img class="userpic" src="{PortraitURL-64}">
<span class="username">{Username}</span>
{block:IsDeactivated}
<span class="deactivated">(deactivated)</span>
{/block:IsDeactivated}
</a>
<div class="comment-body">
{Body}
</div>
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}
{/block:Date}
</div>
{/block:Photoset}
{block:Panorama}
<div class="photo-block">
<div class="legacy-photo pano post-media">
{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}">{LinkCloseTag}
</div>
{block:Date}
{block:NotReblog}
{block:Caption}
<div class="comments all-comments">
<div class="comment original-comment">
<a class="comment-header" href="{Permalink}">
<img class="userpic" src="{PortraitURL-64}" alt="{Name}'s avatar">
<span class="username">{Name}</span>
</a>
<div class="comment-body">
{Caption}
</div>
</div>
</div>
{/block:Caption}
{/block:NotReblog}
{block:RebloggedFrom}
<div class="comments all-comments">
{block:Reblogs}
<div class="comment{block:IsOriginalEntry} original-comment{/block:IsOriginalEntry}{block:IsNotOriginalEntry} extra-comment{/block:IsNotOriginalEntry}{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{Username}">
<a class="comment-header"{block:IsActive} href="{Permalink}"{/block:IsActive}>
<img class="userpic" src="{PortraitURL-64}">
<span class="username">{Username}</span>
{block:IsDeactivated}
<span class="deactivated">(deactivated)</span>
{/block:IsDeactivated}
</a>
<div class="comment-body">
{Body}
</div>
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}
{/block:Date}
</div>
{/block:Panorama}
{block:Quote}
<div class="quote-block">
<div class="quote-set">
<blockquote class="quote-text">
“{Quote}”
</blockquote>
{block:Source}
<p class="quote-source">{Source}</p>
{/block:Source}
</div>
</div>
{/block:Quote}
{block:Link}
<div class="link-block">
<a href="{URL}" class="link-render" {Target}>
<h2>{Name}<i class="iconcino" stroke="2" icon-name="arrow-forward-double"></i></h2>
{block:Host}
<div class="site-name">
<i class="iconcino" stroke="2" icon-name="link-1"></i>
<span>{Host}</span>
</div>
{/block:Host}
</a>
{block:Date}
{block:NotReblog}
<div class="comments all-comments">
<div class="comment original-comment">
<a class="comment-header" href="{Permalink}">
<img class="userpic" src="{PortraitURL-64}" alt="{Name}'s avatar">
<span class="username">{Name}</span>
</a>
<div class="comment-body">
{Body}
</div>
</div>
</div>
{/block:NotReblog}
{block:RebloggedFrom}
<div class="comments all-comments">
{block:Reblogs}
<div class="comment{block:IsOriginalEntry} original-comment{/block:IsOriginalEntry}{block:IsNotOriginalEntry} extra-comment{/block:IsNotOriginalEntry}{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{Username}">
<a class="comment-header"{block:IsActive} href="{Permalink}"{/block:IsActive}>
<img class="userpic" src="{PortraitURL-64}">
<span class="username">{Username}</span>
{block:IsDeactivated}
<span class="deactivated">(deactivated)</span>
{/block:IsDeactivated}
</a>
<div class="comment-body">
{Body}
</div>
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}
{/block:Date}
</div>
{/block:Link}
{block:Chat}
<div class="chat-block">
<ul class="chat-wrap">
{block:Lines}
<li class="chat-line">
{block:Label}
<b class="chat-label">{Label}</b>
{/block:Label}
<span class="chat-content"> {Line}</span>
</li>
{/block:Lines}
</ul>
</div>
{/block:Chat}
{block:Audio}
<div class="audio-block">
<div class="legacy-audio post-media">
<div class="aud-gen">
<div class="aud-cover">
<div class="aud-ctl">
<button class="q-play" aria-label="Play">
<i class="gt-misc-icons" icon-name="play" aria-hidden="true"></i>
</button>
<button class="q-pause" aria-label="Pause">
<i class="gt-misc-icons" icon-name="pause" aria-hidden="true"></i>
</button>
</div>
{block:AlbumArt}
<img src="{AlbumArtURL}" alt="{block:Album}“{Album}” {/block:Album}album cover{block:Artist} by {Artist}{/block:Artist}"/>
{block:AlbumArt}
</div>
<div class="aud-xyz">
<div class="aud-info">
<div class="aud-title{block:TrackName} has-title{/block:TrackName}">
<span class="has-title">{block:TrackName}{TrackName}{/block:TrackName}</span>
<span class="no-title">Unknown Track</span>
</div>
<div class="aud-artist{block:Artist} has-artist{/block:Artist}">
<span class="has-artist">{block:Artist}{Artist}{/block:Artist}</span>
<span class="no-artist">Unknown Artist</span>
</div>
<div class="aud-album{block:Album} has-album{/block:Album}">
<span class="has-album">{block:Album}{Album}{/block:Album}</span>
<span class="no-album">Unknown Album</span>
</div>
</div>
{block:AudioPlayer}
<div class="aud-iframe">{AudioPlayer}</div>
{/block:AudioPlayer}
</div>
<a class="aud-dl" href="javascript:void(0)" target="_blank" aria-label="Download">
<i class="iconcino" stroke="2" icon-name="download-2"></i>
</a>
</div>
</div>
{block:Date}
{block:NotReblog}
{block:Caption}
<div class="comments all-comments">
<div class="comment original-comment">
<a class="comment-header" href="{Permalink}">
<img class="userpic" src="{PortraitURL-64}" alt="{Name}'s avatar">
<span class="username">{Name}</span>
</a>
<div class="comment-body">
{Caption}
</div>
</div>
</div>
{/block:Caption}
{/block:NotReblog}
{block:RebloggedFrom}
<div class="comments all-comments">
{block:Reblogs}
<div class="comment{block:IsOriginalEntry} original-comment{/block:IsOriginalEntry}{block:IsNotOriginalEntry} extra-comment{/block:IsNotOriginalEntry}{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{Username}">
<a class="comment-header"{block:IsActive} href="{Permalink}"{/block:IsActive}>
<img class="userpic" src="{PortraitURL-64}">
<span class="username">{Username}</span>
{block:IsDeactivated}
<span class="deactivated">(deactivated)</span>
{/block:IsDeactivated}
</a>
<div class="comment-body">
{Body}
</div>
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}
{/block:Date}
</div>
{/block:Audio}
{block:Video}
<div class="video-block">
<div class="legacy-video post-media">
{Video-700}
{block:VideoThumbnail}
<span class="poster-thumb" url="{VideoThumbnailURL}"></span>
{/block:VideoThumbnail}
</div>
{block:Date}
{block:NotReblog}
{block:Caption}
<div class="comments all-comments">
<div class="comment original-comment">
<a class="comment-header" href="{Permalink}">
<img class="userpic" src="{PortraitURL-64}" alt="{Name}'s avatar">
<span class="username">{Name}</span>
</a>
<div class="comment-body">
{Caption}
</div>
</div>
</div>
{/block:Caption}
{/block:NotReblog}
{block:RebloggedFrom}
<div class="comments all-comments">
{block:Reblogs}
<div class="comment{block:IsOriginalEntry} original-comment{/block:IsOriginalEntry}{block:IsNotOriginalEntry} extra-comment{/block:IsNotOriginalEntry}{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{Username}">
<a class="comment-header"{block:IsActive} href="{Permalink}"{/block:IsActive}>
<img class="userpic" src="{PortraitURL-64}">
<span class="username">{Username}</span>
{block:IsDeactivated}
<span class="deactivated">(deactivated)</span>
{/block:IsDeactivated}
</a>
<div class="comment-body">
{Body}
</div>
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}
{/block:Date}
</div>
{/block:Video}
{block:Answer}
<div class="answer-block">
<div class="question-part">
<img class="askerpic" src="{AskerPortraitURL-128}"/>
<div class="q-right">
<p class="q-top">{lang:Asker asked 2}:</p>
<div class="q-text">{Question}</div>
</div>
</div>
{block:Date}
{block:NotReblog}
<div class="comments all-comments">
<div class="comment original-comment">
<a class="comment-header" href="{Permalink}">
<img class="userpic" src="{PortraitURL-128}" alt="{Name}'s avatar">
<span class="username">{Name} answered:</span>
{block:IsDeactivated}
<span class="deactivated">(deactivated)</span>
{/block:IsDeactivated}
</a>
<div class="comment-body">
{Replies}
</div>
</div>
</div>
{/block:NotReblog}
{block:RebloggedFrom}
<div class="comments all-comments">
{block:Answerer}
<div class="comment original-comment{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{ReblogRootName}">
<a class="comment-header" href="{ReblogRootURL}">
<img class="userpic" src="{ReblogRootPortraitURL-64}">
<span class="username">{ReblogRootName} answered:</span>
{block:IsDeactivated}
<span class="deactivated">(deactivated)</span>
{/block:IsDeactivated}
</a>
<div class="comment-body">
{Answer}
</div>
</div>
{/block:Answerer}
{block:Reblogs}
{block:IsNotOriginalEntry}
<div class="comment extra-comment{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{Username}">
<a class="comment-header"{block:IsActive} href="{Permalink}"{/block:IsActive}>
<img class="userpic" src="{PortraitURL-64}">
<span class="username">{Username}</span>
{block:IsDeactivated}
<span class="deactivated">(deactivated)</span>
{/block:IsDeactivated}
</a>
<div class="comment-body">
{Body}
</div>
</div>
{/block:IsNotOriginalEntry}
{/block:Reblogs}
</div>
{/block:RebloggedFrom}
{/block:Date}
</div>
{/block:Answer}
{block:ContentSource}
<p class="content-src">
({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
</p>
{/block:ContentSource}
</div>
{block:HasTags}
<div class="tagscont" align="{select:tags position}">
<div class="tags-wrap-a">
<div class="tags-wrap-b">
<div class="tags-wrap-c">
<div class="tags-wrap-d">
{block:Tags}
<a href="{TagURL}" tag="{URLSafeTag}">{Tag}</a>
{/block:Tags}
</div>
</div>
</div>
</div>
</div>
{/block:HasTags}
{block:Date}
<div class="infobar">
<div class="innerpho">
<div class="pho-top">
<a class="perma pf-nc-{select:show post footer notes}"{block:IndexPage} href="{Permalink}" aria-label="View Post"{/block:IndexPage}>
<div class="history-icon-part" icon-vis="{select:date icon show}">
<i class="iconcino" stroke="2" icon-name="{select:date icon}" aria-hidden="true"></i>
<span class="sr-text">{block:NotReblog}Posted{/block:NotReblog}{block:RebloggedFrom}Reblogged{/block:RebloggedFrom} on</span>
</div>
<div class="date-part" date-format="{select:date format}">
<span class="df-1">
{ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {Year}
</span>
<span class="df-2">
{Month} {DayOfMonth}, {Year}
</span>
<span class="df-3">
{DayOfMonthWithZero} {ShortMonth} {ShortYear}
</span>
</div>
<div class="at-icon-part">
<i class="iconcino" stroke="2" icon-name="email" aria-hidden="true"></i>
<span class="sr-text">,</span>
</div>
<div class="time-part" time-format="{select:time format}">
<span class="tf-AMPM">
{12HourWithZero}:{Minutes} {AMPM}
</span>
<span class="tf-24hr">
{24HourWithZero}:{Minutes}
</span>
<span class="tf-timeago-long">
{TimeAgo}
</span>
<span class="tf-timeago-short">
{Timestamp}
</span>
</div>
<div class="star-icon-part">
<i class="iconcino" stroke="2" icon-name="{select:notes icon}" aria-hidden="true"></i>
<span class="sr-text">with</span>
</div>
<div class="notes-part tnc">
{NoteCountWithLabel}
</div>
</a>
<div class="post-controls">
{block:HasTags}
<div class="tog-tags-area">
<a class="tags-press" aria-label="{lang:Tags}">
<i class="iconcino" stroke="2" icon-name="hashtag"></i>
</a>
</div>
{/block:HasTags}
<div class="rb-area">
<a class="rb-press" href="{ReblogURL}" aria-label="Reblog">
<i class="iconcino" stroke="2" icon-name="loop"></i>
</a>
</div>
<div class="like-area" aria-label="Like">
{LikeButton}
<div class="like-press">
<i class="iconcino" stroke="2" icon-name="heart"></i>
</div>
</div>
</div>
</div>
{block:PermalinkPage}
{block:RebloggedFrom}
<div class="pho-bot">
<div class="via-part">
<span>via: </span>
<a href="{ReblogParentURL}">{ReblogParentName}</a>
</div>
<div class="src-part">
<span>source: </span>
<a href="{ReblogRootURL}">{ReblogRootName}</a>
</div>
</div>
{/block:RebloggedFrom}
{/block:PermalinkPage}
</div>
</div>
{/block:Date}
</div>
</article>
{block:PostNotes}
<div class="post-notes">{PostNotes}</div>
{/block:PostNotes}
{/block:Posts}
{block:TagPage}
<article class="posts tag-pg-only">
<div class="pt-type-wrap">
<a class="post-type-icon">
<span class="type-notfoundpage">
<i class="iconcino" stroke="1.5" icon-name="emoji-unhappy"></i>
</span>
</a>
</div>
<div class="post-inner">
<div class="post-body">
<div class="text-block">
<h1 class="post-title">{lang:Sorry}, you've reached the end of <span class="tag_query">#{Tag}</span>.</h1>
</div>
</div>
</div>
</article>
{/block:TagPage}
{block:SearchPage}
<article class="posts srch-pg-only" search-results-num="{SearchResultCount}">
<div class="pt-type-wrap">
<a class="post-type-icon">
<span class="type-notfoundpage">
<i class="iconcino" stroke="1.5" icon-name="emoji-unhappy"></i>
</span>
</a>
</div>
<div class="post-inner">
<div class="post-body">
<div class="text-block">
<h1 class="post-title">{lang:Sorry}, no more results for <span class="search_query">{SearchQuery}</span>.</h1>
</div>
</div>
</div>
</article>
{/block:SearchPage}
{block:Pagination}
<div class="botpagi">
<div class="pgi-wrap">
{block:PreviousPage}
<a class="prev-page" href="{PreviousPage}" aria-label="{lang:Previous Page}">
<i class="iconcino" stroke="2" icon-name="arrow-back-double"></i>
</a>
{/block:PreviousPage}
<div class="jump-wrap">
{block:JumpPagination length="5"}
{block:JumpPage}
<a page-id="{PageNumber}" class="jumpnum" href="{URL}" aria-label="Go to page {PageNumber}">{PageNumber}</a>
{/block:JumpPage}
{block:CurrentPage}
<span page-id="{PageNumber}" class="curpage" aria-label="You are here (Page {PageNumber})">
<i class="gt-misc-icons" icon-name="pushpin-2"></i>
</span>
{/block:CurrentPage}
{/block:JumpPagination}
</div>
{block:NextPage}
<a class="next-page" href="{NextPage}" aria-label="{lang:Next Page}">
<i class="iconcino" stroke="2" icon-name="arrow-forward-double"></i>
</a>
{/block:NextPage}
</div>
</div>
{/block:Pagination}
</section>
</div>
</main>
</div>
</div>
<div id="qlhlbpx" aria-hidden="true" tabindex="-1"></div>
<div id="yxsqkts" aria-hidden="true" tabindex="-1"></div>
</body>
</html>

Add Comment

Please, Sign In to add comment