Theme [10]: Guardian Deity

glenthemes

Oct 11th, 2015 (edited)

20,200

Never

Add comment

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

text 194.34 KB | None | 0 0

raw download clone embed print report

<!-------------------------------------------------------------------
Theme [10]: Guardian Deity
Made by glenthemes
Release date: 2015/10/11
Revamp date: 2017/01/12; 2026/05/04
Last updated: 2026/05/04
Updates/changelog: dub.sh/guardian-deity-updates
「 THEME INFO. 」
❃ Post: glenthemes.tumblr.com/post/155745166529
❃ Preview: glenthpvs.tumblr.com/guardian-deity
❃ Code: glen-themes.gitlab.io/thms/10/guardian-deity
「 HOW TO USE. 」
dub.sh/guardian-deity-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/guardian-deity
-------------------------------------------------------------------->
<!DOCTYPE html>
<html
blog-name="{Name}"
tumblr-controls-color="{select:tumblr controls color}"
bg-size="{select:background image size}"
{block:HomePage}homepage page-number="{CurrentPage}"{/block:HomePage}
{block:IndexPage}index-page{/block:IndexPage}
{block:PermalinkPage}perma-page{/block:PermalinkPage}
{block:SearchPage}search-page{/block:SearchPage}
{block:TagPage}tag-page{/block:TagPage}
{block:Posts}{block:Post1}{block:Date}has-posts{/block:Date}{/block:Post1}{/block:Posts}
header-vis="{select:show header}"
top-bar-title-font="{select:top bar title font}"
header-title-font="{select:header title font}"
bub-desc-txt-align="{select:header bubble text align}"
shads="{select:shadows}"
sb-title-font="{select:sidebar title font}"
sb-title-bot-gap="{select:sidebar title bottom gap}"
sb-box-txt-align="{select:sidebar box text align}"
updt-deets-align="{select:updates align}"
font="{select:font}"
caps-font="{select:small caps font}"
heading-font="{select:heading font}"
post-layout-spacing="{select:post layout spacing}"
captions-style="{select:captions style}"
rb-dividers="{select:reblog borders}"
tags-vis="{select:tags}"
rounded-corners="{select:rounded corners}"
iscroll="{select:infinite scroll}"
smooth-scroll="{select:smooth scrolling}"
data-overlayscrollbars-initialize
>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:type" content="website">
<meta name="theme-color" content="{AccentColor}">
{block:PermalinkPage}{block:Posts}{block:NotReblog}
<meta name="author" content="{Name}">
{/block:NotReblog}{/block:Posts}{/block:PermalinkPage}
{block:PermalinkPage}{block:Posts}{block:Date}
<meta name="date" content="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}" scheme="YYYY-MM-DD">
{/block:Date}{/block:Posts}{/block:PermalinkPage}
<base href="{BlogURL}">
<title>
{Title} {block:PostSummary} &vellip; {PostSummary}{/block:PostSummary} {block:TagPage} &vellip; #{Tag}{/block:TagPage} {block:SearchPage} &vellip; {lang:Search}: “{SearchQuery}” – {lang:SearchResultCount results}{block:NoSearchResults}{lang:No results found}{/block:NoSearchResults} {/block:SearchPage}
</title>
<meta property="og:title" content="{Title} {block:PostSummary} &vellip; {PostSummary}{/block:PostSummary} {block:TagPage} &vellip; #{Tag}{/block:TagPage} {block:SearchPage} &vellip; {lang:Search}: “{SearchQuery}” – {lang:SearchResultCount results}{block:NoSearchResults}{lang:No results found}{/block:NoSearchResults} {/block:SearchPage}">
<meta name="description" content="{block:Description}{block:IndexPage}{MetaDescription}{/block:IndexPage}{/block:Description}{block:PermalinkPage}{block:PostSummary}{PostSummary}{/block:PostSummary}{/block:PermalinkPage}"/>
<meta property="og:description" content="{block:Description}{block:IndexPage}{MetaDescription}{/block:IndexPage}{/block:Description}{block:PermalinkPage}{block:PostSummary}{PostSummary}{/block:PostSummary}{/block:PermalinkPage}"/>
<link rel="icon" href="{Favicon}">
{block:Options}
<meta name="image:📸 ······················· 𝐈𝐌𝐀𝐆𝐄𝐒" content="">
<meta name="image:background image" content="">
<meta name="image:header image" content="//64.media.tumblr.com/1635aa4a09278e3fa4f69e74c41fce4b/43c34e719fab0a1d-f7/s2048x3072/89ed1052cdf21056a50a39d5f6319f53424d72af.png">
<meta name="color:🎨 ········· 𝐆𝐄𝐍𝐄𝐑𝐀𝐋 𝐂𝐎𝐋𝐎𝐑𝐒" content="">
<meta name="color:background" content="#fdfdfd">
<meta name="color:🎨 ······················ 𝐓𝐎𝐏 𝐁𝐀𝐑" content="">
<meta name="color:top bar BG" content="#eb9e57">
<meta name="color:top bar title" content="#fff">
<meta name="color:top bar brackets" content="#fff">
<meta name="color:top bar links icons" content="#fff">
<meta name="color:top bar links text" content="#fff">
<meta name="color:top bar links hover icons" content="#fff">
<meta name="color:top bar links hover text" content="#fff">
<meta name="color:top bar links hover underline" content="#f5ceab">
<meta name="color:🎨 ············· 𝐌𝐔𝐒𝐈𝐂 𝐏𝐋𝐀𝐘𝐄𝐑" content="">
<meta name="color:music player accent" content="#eb9f58">
<meta name="color:music player squares" content="#fff">
<meta name="color:music player box BG" content="#fff">
<meta name="color:music player buttons" content="#71512e">
<meta name="color:music player text" content="#4b5262">
<meta name="color:🎨 ······················ 𝐇𝐄𝐀𝐃𝐄𝐑" content="">
<meta name="color:header BG" content="#fef5ef">
<meta name="color:header gradient" content="#fdfdfd">
<meta name="color:header title" content="#786b5d">
<meta name="color:header bubble BG" content="#ebdecf">
<meta name="color:header bubble desc text" content="#4b5262">
<meta name="color:header bubble desc bold" content="#b08b65">
<meta name="color:header bubble desc italic" content="#c37c57">
<meta name="color:header bubble desc links" content="#c76a43">
<meta name="color:header bubble desc links underline" content="#cebeae">
<meta name="color:header bubble scrollbar" content="#b29b90">
<meta name="color:🎨 ··················· 𝐒𝐈𝐃𝐄𝐁𝐀𝐑" content="">
<meta name="color:sidebar title border" content="#eb9e57">
<meta name="color:sidebar title BG" content="#eb9e57">
<meta name="color:sidebar title" content="#fff">
<meta name="color:sidebar box border" content="#e4e4e4">
<meta name="color:sidebar box BG" content="#fff">
<meta name="color:sidebar box text" content="#4b5262">
<meta name="color:sidebar box bold" content="#b08b65">
<meta name="color:sidebar box italic" content="#d8873c">
<meta name="color:sidebar box links" content="#c76a43">
<meta name="color:sidebar box links underline" content="#f1d8bf">
<meta name="color:🎨 ······· 𝐒𝐈𝐃𝐄𝐁𝐀𝐑 𝐔𝐏𝐃𝐀𝐓𝐄𝐒" content="">
<meta name="color:updates label BG" content="#fdefd3">
<meta name="color:updates label text" content="#90683e">
<meta name="color:🎨 ············· 𝐂𝐔𝐒𝐓𝐎𝐌 𝐋𝐈𝐍𝐊𝐒" content="">
<meta name="color:custom links BG" content="#f7f1e7">
<meta name="color:custom links text" content="#8e6840">
<meta name="color:custom links hover BG" content="#eb9e57">
<meta name="color:custom links hover text" content="#fff">
<meta name="color:🎨 ·············· 𝐏𝐎𝐒𝐓 𝐇𝐄𝐀𝐃𝐄𝐑" content="">
<meta name="color:post header border" content="#eb9e57">
<meta name="color:post header BG" content="#eb9e57">
<meta name="color:post header text" content="#fff">
<meta name="color:🎨 ·························· 𝐏𝐎𝐒𝐓𝐒" content="">
<meta name="color:post BG" content="#ffffff">
<meta name="color:post borders" content="#e4e4e4">
<meta name="color:text" content="#4b5262">
<meta name="color:post alt BG" content="#f7f1e7">
<meta name="color:post alt borders" content="#f0f0f0">
<meta name="color:text alt" content="#71502e">
<meta name="color:links" content="#d37a28">
<meta name="color:links underline" content="#f7d5b6">
<meta name="color:bold" content="#b08b65">
<meta name="color:italic" content="#d8873c">
<meta name="color:blockquote border" content="#d1d1d1">
<meta name="color:post usernames" content="#2a2e37">
<meta name="color:like button liked" content="#eb9e57">
<meta name="color:🎨 ··························· 𝐓𝐀𝐆𝐒" content="">
<meta name="color:tags BG" content="#f7f1e7">
<meta name="color:tags" content="#71502e">
<meta name="color:tags hover BG" content="#fdefd3">
<meta name="color:tags hover" content="#90683e">
<meta name="color:🎨 ············· 𝐏𝐎𝐒𝐓 𝐅𝐎𝐎𝐓𝐄𝐑" content="">
<meta name="color:post footer border" content="#e4e4e4">
<meta name="color:post footer BG" content="#f8f9fb">
<meta name="color:post footer text" content="#2a2e37">
<meta name="color:post buttons" content="#2a2e37">
<meta name="color:🎨 ············· 𝐁𝐀𝐂𝐊-𝐓𝐎-𝐓𝐎𝐏" content="">
<meta name="color:back to top border" content="#eb9f58">
<meta name="color:back to top BG" content="#eb9f58">
<meta name="color:back to top arrow" content="#fff">
<meta name="color:back to top hover border" content="#e1d6ca">
<meta name="color:back to top hover BG" content="#f7f1e7">
<meta name="color:back to top hover arrow" content="#8e6840">
<meta name="color:🎨 ·············· 𝐁𝐎𝐓𝐓𝐎𝐌 𝐁𝐀𝐑" content="">
<meta name="color:bottom bar border" content="#e9e9e9">
<meta name="color:bottom bar BG" content="#f8f9fb">
<meta name="color:searchbar border" content="#e7e7e7">
<meta name="color:searchbar BG" content="#fefefe">
<meta name="color:searchbar text" content="#4e5565">
<meta name="color:searchbar button border" content="#e7e7e7">
<meta name="color:searchbar button BG" content="#fefefee">
<meta name="color:searchbar button text" content="#4e5565">
<meta name="color:searchbar button hover border" content="#dfd2c5">
<meta name="color:searchbar button hover BG" content="#fdefd3">
<meta name="color:searchbar button hover text" content="#90683e">
<meta name="color:page numbers" content="#4e5565">
<meta name="color:credit" content="#4e5565">
<meta name="color:🎨 ··············· 𝐇𝐎𝐕𝐄𝐑 𝐓𝐄𝐗𝐓" content="">
<meta name="color:hover text border" content="#eb9e57">
<meta name="color:hover text BG" content="#eb9e57">
<meta name="color:hover text" content="#fff">
<meta name="color:🎨 ··········· 𝐎𝐓𝐇𝐄𝐑 𝐂𝐎𝐋𝐎𝐑𝐒" content="">
<meta name="color:scrollbar" content="#f7b28f">
<meta name="color:scrollbar BG" content="#fdfdfd">
<meta name="color:text highlighted BG" content="#f9dba9">
<meta name="color:text highlighted" content="#4b5262">
<meta name="select:🔽 ······ 𝐆𝐄𝐍𝐄𝐑𝐀𝐋 𝐒𝐄𝐓𝐓𝐈𝐍𝐆𝐒" title="" content="">
<meta name="select:background image size" title="small / repeating" content="small">
<meta name="select:background image size" title="large / no repeat" content="large">
<meta name="select:tumblr controls color" title="black" content="black">
<meta name="select:tumblr controls color" title="white" content="white">
<meta name="select:screen gap" title="60px" content="60px">
<meta name="select:screen gap" title="30px" content="30px">
<meta name="select:screen gap" title="35px" content="35px">
<meta name="select:screen gap" title="40px" content="40px">
<meta name="select:screen gap" title="45px" content="45px">
<meta name="select:screen gap" title="50px" content="50px">
<meta name="select:screen gap" title="55px" content="55px">
<meta name="select:screen gap" title="65px" content="65px">
<meta name="select:screen gap" title="70px" content="70px">
<meta name="select:screen gap" title="75px" content="75px">
<meta name="select:screen gap" title="80px" content="80px">
<meta name="select:screen gap" title="85px" content="85px">
<meta name="select:screen gap" title="90px" content="90px">
<meta name="select:screen gap" title="95px" content="95px">
<meta name="select:screen gap" title="100px" content="100px">
<meta name="select:center gap" title="80px" content="80px">
<meta name="select:center gap" title="55px" content="55px">
<meta name="select:center gap" title="30px" content="30px">
<meta name="select:center gap" title="35px" content="35px">
<meta name="select:center gap" title="40px" content="40px">
<meta name="select:center gap" title="45px" content="45px">
<meta name="select:center gap" title="50px" content="50px">
<meta name="select:center gap" title="60px" content="60px">
<meta name="select:center gap" title="65px" content="65px">
<meta name="select:center gap" title="70px" content="70px">
<meta name="select:center gap" title="75px" content="75px">
<meta name="select:center gap" title="85px" content="85px">
<meta name="select:center gap" title="90px" content="90px">
<meta name="select:center gap" title="95px" content="95px">
<meta name="select:center gap" title="100px" content="100px">
<meta name="select:center gap" title="105px" content="105px">
<meta name="select:center gap" title="110px" content="110px">
<meta name="select:center gap" title="115px" content="115px">
<meta name="select:center gap" title="120px" content="120px">
<meta name="select:rounded corners" title="medium" content="6px">
<meta name="select:rounded corners" title="none" content="0rem">
<meta name="select:rounded corners" title="small" content="3px">
<meta name="select:rounded corners" title="large" content="9px">
<meta name="select:shadows" title="yes" content="yes">
<meta name="select:shadows" title="no" content="no">
<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:font" title="Funnel Sans" content="Funnel Sans">
<meta name="select:font" title="Geist Sans" content="Geist">
<meta name="select:font" title="Lora" content="Lora">
<meta name="select:font" title="Vollkorn" content="Vollkorn">
<meta name="select:font size" title="15px" content="0.9rem">
<meta name="select:font size" title="12px" content="0.75rem">
<meta name="select:font size" title="13px" content="0.8rem">
<meta name="select:font size" title="14px" content="0.85rem">
<meta name="select:font size" title="16px" content="0.95rem">
<meta name="select:font size" title="17px" content="1rem">
<meta name="select:small caps font" title="National Park" content="National Park">
<meta name="select:small caps font" title="Gabarito" content="Gabarito">
<meta name="select:small caps font" title="Ancizar Serif" content="Ancizar Serif">
<meta name="select:small caps font" title="Poltawski Nowy" content="Poltawski Nowy">
<meta name="select:small caps font size" title="12px" content="0.75rem">
<meta name="select:small caps font size" title="10px" content="0.65rem">
<meta name="select:small caps font size" title="11px" content="0.7rem">
<meta name="select:small caps font size" title="13px" content="0.8rem">
<meta name="select:small caps font size" title="14px" content="0.85rem">
<meta name="select:small caps font size" title="15px" content="0.9rem">
<meta name="select:heading font" title="Saira Stencil" content="Saira Stencil">
<meta name="select:heading font" title="Stack Sans Notch" content="Stack Sans Notch">
<meta name="select:heading font" title="Lexend" content="Lexend">
<meta name="select:heading font" title="Kalnia" content="Kalnia">
<meta name="select:heading font" title="Averia Serif Libre" content="Averia Serif Libre">
<meta name="select:heading font size" title="17px" content="1.05rem">
<meta name="select:heading font size" title="14px" content="0.9rem">
<meta name="select:heading font size" title="15px" content="0.95rem">
<meta name="select:heading font size" title="16px" content="1rem">
<meta name="select:heading font size" title="18px" content="1.1rem">
<meta name="select:heading font size" title="19px" content="1.15rem">
<meta name="select:heading font size" title="20px" content="1.2rem">
<meta name="select:🔽 ····················· 𝐓𝐎𝐏 𝐁𝐀𝐑" title="" content="">
<meta name="select:top bar padding" title="20px" content="20px">
<meta name="select:top bar padding" title="12px" content="12px">
<meta name="select:top bar padding" title="14px" content="14px">
<meta name="select:top bar padding" title="16px" content="16px">
<meta name="select:top bar padding" title="18px" content="18px">
<meta name="select:top bar padding" title="22px" content="22px">
<meta name="select:top bar padding" title="22px" content="22px">
<meta name="select:top bar padding" title="24px" content="24px">
<meta name="select:top bar padding" title="26px" content="26px">
<meta name="select:top bar padding" title="28px" content="28px">
<meta name="select:top bar padding" title="30px" content="30px">
<meta name="select:top bar title font" title="Stack Sans Notch" content="Stack Sans Notch">
<meta name="select:top bar title font" title="Saira Stencil" content="Saira Stencil">
<meta name="select:top bar title font" title="Lexend" content="Lexend">
<meta name="select:top bar title font" title="Kalnia" content="Kalnia">
<meta name="select:top bar title font" title="Averia Serif Libre" content="Averia Serif Libre">
<meta name="select:top bar title font size" title="17px" content="1.05rem">
<meta name="select:top bar title font size" title="14px" content="0.9rem">
<meta name="select:top bar title font size" title="15px" content="0.95rem">
<meta name="select:top bar title font size" title="16px" content="1rem">
<meta name="select:top bar title font size" title="18px" content="1.1rem">
<meta name="select:top bar title font size" title="19px" content="1.15rem">
<meta name="select:top bar title font size" title="20px" content="1.2rem">
<meta name="select:top bar title font size" title="21px" content="1.25rem">
<meta name="select:top bar title font size" title="22px" content="1.3rem">
<meta name="select:top bar title brackets" title="yes" content="yes">
<meta name="select:top bar title brackets" title="no" content="no">
<meta name="select:top bar brackets height" title="140%" content="1.4">
<meta name="select:top bar brackets height" title="100%" content="1">
<meta name="select:top bar brackets height" title="110%" content="1.1">
<meta name="select:top bar brackets height" title="120%" content="1.2">
<meta name="select:top bar brackets height" title="130%" content="1.3">
<meta name="select:top bar brackets height" title="150%" content="1.5">
<meta name="select:top bar brackets height" title="160%" content="1.6">
<meta name="select:top bar brackets height" title="170%" content="1.7">
<meta name="select:top bar brackets height" title="180%" content="1.8">
<meta name="select:top bar brackets height" title="190%" content="1.9">
<meta name="select:top bar brackets height" title="200%" content="2">
<meta name="select:top bar brackets thickness" title="1.5px" content="1.5px">
<meta name="select:top bar brackets thickness" title="0.5px" content="0.5px">
<meta name="select:top bar brackets thickness" title="1px" content="1px">
<meta name="select:top bar brackets thickness" title="2px" content="2px">
<meta name="select:top bar brackets thickness" title="2.5px" content="2.5px">
<meta name="select:top bar brackets thickness" title="3px" content="3px">
<meta name="select:top bar brackets thickness" title="3.5px" content="3.5px">
<meta name="select:top bar brackets thickness" title="4px" content="4px">
<meta name="select:top bar brackets gap" title="16px" content="1rem">
<meta name="select:top bar brackets gap" title="10px" content="0.7rem">
<meta name="select:top bar brackets gap" title="12px" content="0.8rem">
<meta name="select:top bar brackets gap" title="14px" content="0.9rem">
<meta name="select:top bar brackets gap" title="18px" content="1.1rem">
<meta name="select:top bar brackets gap" title="20px" content="1.2rem">
<meta name="select:top bar brackets gap" title="22px" content="1.3rem">
<meta name="select:top bar brackets gap" title="24px" content="1.4rem">
<meta name="select:top bar brackets gap" title="26px" content="1.5rem">
<meta name="select:top bar brackets gap" title="28px" content="1.6rem">
<meta name="select:top bar brackets gap" title="30px" content="1.8rem">
<meta name="select:top bar links icons size" title="18.5px" content="1.125rem">
<meta name="select:top bar links icons size" title="13px" content="0.85rem">
<meta name="select:top bar links icons size" title="13.5px" content="0.875rem">
<meta name="select:top bar links icons size" title="14px" content="0.9rem">
<meta name="select:top bar links icons size" title="14.5px" content="0.925rem">
<meta name="select:top bar links icons size" title="15px" content="0.95rem">
<meta name="select:top bar links icons size" title="15.5px" content="0.975rem">
<meta name="select:top bar links icons size" title="16px" content="1rem">
<meta name="select:top bar links icons size" title="16.5px" content="1.025rem">
<meta name="select:top bar links icons size" title="17px" content="1.05rem">
<meta name="select:top bar links icons size" title="17.5px" content="1.075rem">
<meta name="select:top bar links icons size" title="18px" content="1.1rem">
<meta name="select:top bar links icons size" title="19px" content="1.15rem">
<meta name="select:top bar links icons size" title="19.5px" content="1.175rem">
<meta name="select:top bar links icons size" title="20px" content="1.2rem">
<meta name="select:top bar links icons size" title="20.5px" content="1.225rem">
<meta name="select:top bar links icons size" title="21px" content="1.25rem">
<meta name="select:top bar links icons size" title="21.5px" content="1.275rem">
<meta name="select:top bar links icons size" title="22px" content="1.3rem">
<meta name="select:top bar links icons size" title="22.5px" content="1.325rem">
<meta name="select:top bar links icons size" title="23px" content="1.35rem">
<meta name="select:top bar links icons size" title="23.5px" content="1.375rem">
<meta name="select:top bar links icons size" title="24px" content="1.4rem">
<meta name="select:top bar links font size" title="12px" content="0.75rem">
<meta name="select:top bar links font size" title="10px" content="0.65rem">
<meta name="select:top bar links font size" title="11px" content="0.7rem">
<meta name="select:top bar links font size" title="13px" content="0.8rem">
<meta name="select:top bar links font size" title="14px" content="0.85rem">
<meta name="select:top bar links font size" title="15px" content="0.9rem">
<meta name="select:top bar links spacing" title="20px" content="20px">
<meta name="select:top bar links spacing" title="6px" content="6px">
<meta name="select:top bar links spacing" title="8px" content="8px">
<meta name="select:top bar links spacing" title="10px" content="10px">
<meta name="select:top bar links spacing" title="12px" content="12px">
<meta name="select:top bar links spacing" title="14px" content="14px">
<meta name="select:top bar links spacing" title="16px" content="16px">
<meta name="select:top bar links spacing" title="18px" content="18px">
<meta name="select:top bar links spacing" title="22px" content="22px">
<meta name="select:top bar links spacing" title="24px" content="24px">
<meta name="select:top bar links spacing" title="26px" content="26px">
<meta name="select:top bar links spacing" title="28px" content="28px">
<meta name="select:top bar links spacing" title="30px" content="30px">
<meta name="select:show ask link" title="show" content="show">
<meta name="select:show ask link" title="hide" content="hide">
<meta name="select:show submit link" title="show" content="show">
<meta name="select:show submit link" title="hide" content="hide">
<meta name="select:🔽 ············· 𝐌𝐔𝐒𝐈𝐂 𝐏𝐋𝐀𝐘𝐄𝐑" title="" content="">
<meta name="select:show music player" title="show" content="show">
<meta name="select:show music player" title="hide" content="hide">
<meta name="select:🔽 ························ 𝐇𝐄𝐀𝐃𝐄𝐑" title="" content="">
<meta name="select:show header" title="homepage & post page only" content="home and post page">
<meta name="select:show header" title="homepage only" content="homepage">
<meta name="select:show header" title="always" content="always">
<meta name="select:show header" title="hide" content="hide">
<meta name="select:header height" title="[aspect ratio] 3:1" content="AR-3/1">
<meta name="select:header height" title="[aspect ratio] 16:9" content="AR-16/9">
<meta name="select:header height" title="[aspect ratio] 21:9" content="AR-21/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] 60%" content="60vh">
<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 height" title="[screen height] 75%" content="75vh">
<meta name="select:header height" title="[screen height] 80%" content="80vh">
<meta name="select:header height" title="[screen height] 85%" content="85vh">
<meta name="select:header height" title="[screen height] 90%" content="90vh">
<meta name="select:header height" title="[screen height] 95%" content="95vh">
<meta name="select:header height" title="[screen height] 100%" content="100vh">
<meta name="select:header contents position" title="left" content="left">
<meta name="select:header contents position" title="right" content="right">
<meta name="select:header row spacing" title="14px" content="14px">
<meta name="select:header row spacing" title="5px" content="5px">
<meta name="select:header row spacing" title="8px" content="8px">
<meta name="select:header row spacing" title="11px" content="11px">
<meta name="select:header row spacing" title="17px" content="17px">
<meta name="select:header row spacing" title="21px" content="21px">
<meta name="select:header row spacing" title="24px" content="24px">
<meta name="select:header row spacing" title="27px" content="27px">
<meta name="select:header row spacing" title="30px" content="30px">
<meta name="select:header row spacing" title="33px" content="33px">
<meta name="select:header row spacing" title="36px" content="36px">
<meta name="select:header row spacing" title="39px" content="39px">
<meta name="select:header row spacing" title="42px" content="42px">
<meta name="select:header row spacing" title="45px" content="45px">
<meta name="select:header row spacing" title="48px" content="48px">
<meta name="select:header row spacing" title="51px" content="51px">
<meta name="select:header row spacing" title="54px" content="54px">
<meta name="select:🔽 ············ 𝐇𝐄𝐀𝐃𝐄𝐑 𝐈𝐌𝐀𝐆𝐄" title="" content="">
<meta name="select:header image anchor X" title="right" content="right">
<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 Y" title="bottom" content="bottom">
<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:🔽 ······ 𝐇𝐄𝐀𝐃𝐄𝐑 𝐆𝐑𝐀𝐃𝐈𝐄𝐍𝐓" title="" content="">
<meta name="select:show header gradient" title="show" content="show">
<meta name="select:show header gradient" title="hide" content="hide">
<meta name="select:header gradient height" title="20%" content="20%">
<meta name="select:header gradient height" title="5%" content="5%">
<meta name="select:header gradient height" title="10%" content="10%">
<meta name="select:header gradient height" title="15%" content="15%">
<meta name="select:header gradient height" title="25%" content="25%">
<meta name="select:header gradient height" title="30%" content="30%">
<meta name="select:header gradient height" title="35%" content="35%">
<meta name="select:header gradient height" title="40%" content="40%">
<meta name="select:header gradient height" title="45%" content="45%">
<meta name="select:header gradient height" title="50%" content="50%">
<meta name="select:header gradient height" title="55%" content="55%">
<meta name="select:header gradient height" title="60%" content="60%">
<meta name="select:header gradient height" title="65%" content="65%">
<meta name="select:header gradient height" title="70%" content="70%">
<meta name="select:header gradient height" title="75%" content="75%">
<meta name="select:header gradient height" title="80%" content="80%">
<meta name="select:🔽 ············· 𝐇𝐄𝐀𝐃𝐄𝐑 𝐓𝐈𝐓𝐋𝐄" title="" content="">
<meta name="select:show header title" title="show" content="show">
<meta name="select:show header title" title="hide" content="hide">
<meta name="select:header title font" title="Saira Stencil" content="Saira Stencil">
<meta name="select:header title font" title="Stack Sans Notch" content="Stack Sans Notch">
<meta name="select:header title font" title="Lexend" content="Lexend">
<meta name="select:header title font" title="Kalnia" content="Kalnia">
<meta name="select:header title font" title="Averia Serif Libre" content="Averia Serif Libre">
<meta name="select:header title font size" title="21px" content="1.25rem">
<meta name="select:header title font size" title="14px" content="0.9rem">
<meta name="select:header title font size" title="15px" content="0.95rem">
<meta name="select:header title font size" title="16px" content="1rem">
<meta name="select:header title font size" title="17px" content="1.05rem">
<meta name="select:header title font size" title="18px" content="1.1rem">
<meta name="select:header title font size" title="19px" content="1.15rem">
<meta name="select:header title font size" title="20px" content="1.2rem">
<meta name="select:header title font size" title="22px" content="1.3rem">
<meta name="select:header title font size" title="23px" content="1.35rem">
<meta name="select:header title font size" title="24px" content="1.4rem">
<meta name="select:header title font size" title="25px" content="1.45rem">
<meta name="select:header title font size" title="26px" content="1.5rem">
<meta name="select:header title font size" title="27px" content="1.55rem">
<meta name="select:header title font size" title="28px" content="1.6rem">
<meta name="select:header title font size" title="29px" content="1.65rem">
<meta name="select:header title font size" title="30px" content="1.7rem">
<meta name="select:header title align" title="center" content="center">
<meta name="select:header title align" title="left" content="left">
<meta name="select:header title align" title="right" content="right">
<meta name="select:🔽 ········· 𝐇𝐄𝐀𝐃𝐄𝐑 𝐁𝐔𝐁𝐁𝐋𝐄" title="" content="">
<meta name="select:show header bubble" title="show" content="show">
<meta name="select:show header bubble" title="hide" content="hide">
<meta name="select:header bubble edge offset X" title="12.5%" content="12.5vw">
<meta name="select:header bubble edge offset X" title="none" content="0vw">
<meta name="select:header bubble edge offset X" title="2.5%" content="2.5vw">
<meta name="select:header bubble edge offset X" title="5%" content="5vw">
<meta name="select:header bubble edge offset X" title="7.5%" content="7.5vw">
<meta name="select:header bubble edge offset X" title="10%" content="10vw">
<meta name="select:header bubble edge offset X" title="15%" content="15vw">
<meta name="select:header bubble edge offset X" title="17.5%" content="17.5vw">
<meta name="select:header bubble edge offset X" title="20%" content="20vw">
<meta name="select:header bubble edge offset X" title="22.5%" content="22.5vw">
<meta name="select:header bubble edge offset X" title="25%" content="25vw">
<meta name="select:header bubble edge offset X" title="27.5%" content="27.5vw">
<meta name="select:header bubble edge offset X" title="30%" content="30vw">
<meta name="select:header bubble edge offset X" title="32.5%" content="32.5vw">
<meta name="select:header bubble edge offset X" title="35%" content="35vw">
<meta name="select:header bubble edge offset X" title="37.5%" content="37.5vw">
<meta name="select:header bubble edge offset X" title="40%" content="40vw">
<meta name="select:header bubble edge offset X" title="42.5%" content="42.5vw">
<meta name="select:header bubble edge offset X" title="45%" content="45vw">
<meta name="select:header bubble edge offset X" title="47.5%" content="47.5vw">
<meta name="select:header bubble edge offset X" title="50%" content="50vw">
<meta name="select:header bubble edge offset Y" title="30px" content="30px">
<meta name="select:header bubble edge offset Y" title="15px" content="15px">
<meta name="select:header bubble edge offset Y" title="20px" content="20px">
<meta name="select:header bubble edge offset Y" title="25px" content="25px">
<meta name="select:header bubble edge offset Y" title="35px" content="35px">
<meta name="select:header bubble edge offset Y" title="40px" content="40px">
<meta name="select:header bubble edge offset Y" title="45px" content="45px">
<meta name="select:header bubble edge offset Y" title="55px" content="55px">
<meta name="select:header bubble edge offset Y" title="60px" content="60px">
<meta name="select:header bubble width" title="450px" content="450px">
<meta name="select:header bubble width" title="250px" content="250px">
<meta name="select:header bubble width" title="300px" content="300px">
<meta name="select:header bubble width" title="350px" content="350px">
<meta name="select:header bubble width" title="400px" content="400px">
<meta name="select:header bubble width" title="500px" content="500px">
<meta name="select:header bubble width" title="550px" content="550px">
<meta name="select:header bubble width" title="600px" content="600px">
<meta name="select:header bubble width" title="650px" content="650px">
<meta name="select:header bubble width" title="700px" content="700px">
<meta name="select:header bubble width" title="750px" content="750px">
<meta name="select:header bubble width" title="800px" content="800px">
<meta name="select:header bubble transparency" title="30%" content="0.7">
<meta name="select:header bubble transparency" title="none" content="1">
<meta name="select:header bubble transparency" title="10%" content="0.9">
<meta name="select:header bubble transparency" title="15%" content="0.85">
<meta name="select:header bubble transparency" title="20%" content="0.8">
<meta name="select:header bubble transparency" title="25%" content="0.75">
<meta name="select:header bubble transparency" title="35%" content="0.65">
<meta name="select:header bubble transparency" title="40%" content="0.6">
<meta name="select:header bubble transparency" title="45%" content="0.55">
<meta name="select:header bubble transparency" title="50%" content="0.5">
<meta name="select:header bubble transparency" title="55%" content="0.45">
<meta name="select:header bubble transparency" title="60%" content="0.4">
<meta name="select:header bubble transparency" title="65%" content="0.35">
<meta name="select:header bubble transparency" title="70%" content="0.3">
<meta name="select:header bubble transparency" title="75%" content="0.25">
<meta name="select:header bubble transparency" title="80%" content="0.2">
<meta name="select:header bubble transparency" title="85%" content="0.15">
<meta name="select:header bubble transparency" title="90%" content="0.1">
<meta name="select:header bubble transparency" title="95%" content="0.05">
<meta name="select:header bubble BG blur" title="3px" content="3px">
<meta name="select:header bubble BG blur" title="none" content="0px">
<meta name="select:header bubble BG blur" title="5px" content="5px">
<meta name="select:header bubble BG blur" title="7px" content="7px">
<meta name="select:header bubble BG blur" title="9px" content="9px">
<meta name="select:header bubble BG blur" title="11px" content="11px">
<meta name="select:header bubble rounded corners" title="14px" content="14px">
<meta name="select:header bubble rounded corners" title="4px" content="4px">
<meta name="select:header bubble rounded corners" title="6px" content="6px">
<meta name="select:header bubble rounded corners" title="8px" content="8px">
<meta name="select:header bubble rounded corners" title="10px" content="10px">
<meta name="select:header bubble rounded corners" title="12px" content="12px">
<meta name="select:header bubble rounded corners" title="16px" content="16px">
<meta name="select:header bubble rounded corners" title="18px" content="18px">
<meta name="select:header bubble rounded corners" title="20px" content="20px">
<meta name="select:header bubble padding" title="16px" content="16px">
<meta name="select:header bubble padding" title="4px" content="4px">
<meta name="select:header bubble padding" title="6px" content="6px">
<meta name="select:header bubble padding" title="8px" content="8px">
<meta name="select:header bubble padding" title="10px" content="10px">
<meta name="select:header bubble padding" title="12px" content="12px">
<meta name="select:header bubble padding" title="14px" content="14px">
<meta name="select:header bubble padding" title="18px" content="18px">
<meta name="select:header bubble padding" title="20px" content="20px">
<meta name="select:header bubble padding" title="22px" content="22px">
<meta name="select:header bubble padding" title="24px" content="24px">
<meta name="select:header bubble padding" title="26px" content="26px">
<meta name="select:header bubble padding" title="28px" content="28px">
<meta name="select:header bubble padding" title="30px" content="30px">
<meta name="select:show header bubble arrow" title="show" content="show">
<meta name="select:show header bubble arrow" title="hide" content="hide">
<meta name="select:header bubble arrow size" title="16px" content="16px">
<meta name="select:header bubble arrow size" title="8px" content="8px">
<meta name="select:header bubble arrow size" title="10px" content="10px">
<meta name="select:header bubble arrow size" title="12px" content="12px">
<meta name="select:header bubble arrow size" title="14px" content="14px">
<meta name="select:header bubble arrow size" title="18px" content="18px">
<meta name="select:header bubble arrow size" title="20px" content="20px">
<meta name="select:header bubble arrow size" title="22px" content="22px">
<meta name="select:header bubble arrow size" title="24px" content="24px">
<meta name="select:🔽 ·············· 𝐁𝐔𝐁𝐁𝐋𝐄 𝐓𝐄𝐗𝐓" title="" content="">
<meta name="select:header bubble text hyphens" title="yes" content="yes">
<meta name="select:header bubble text hyphens" title="no" content="no">
<meta name="select:header bubble desc font size" title="15px" content="0.9rem">
<meta name="select:header bubble desc font size" title="12px" content="0.75rem">
<meta name="select:header bubble desc font size" title="13px" content="0.8rem">
<meta name="select:header bubble desc font size" title="14px" content="0.85rem">
<meta name="select:header bubble desc font size" title="16px" content="0.95rem">
<meta name="select:header bubble desc font size" title="17px" content="1rem">
<meta name="select:header bubble text align" title="center" content="center">
<meta name="select:header bubble text align" title="left" content="left">
<meta name="select:header bubble text align" title="right" content="right">
<meta name="select:header bubble text align" title="justify" content="justify">
<meta name="select:header bubble desc line height" title="1.7" content="1.7">
<meta name="select:header bubble desc line height" title="1.5" content="1.5">
<meta name="select:header bubble desc line height" title="1.3" content="1.3">
<meta name="select:header bubble desc line height" title="1.4" content="1.4">
<meta name="select:header bubble desc line height" title="1.6" content="1.6">
<meta name="select:header bubble desc line height" title="1.8" content="1.8">
<meta name="select:header bubble desc line height" title="1.9" content="1.9">
<meta name="select:header bubble desc line height" title="2" content="2">
<meta name="select:🔽 ··················· 𝐒𝐈𝐃𝐄𝐁𝐀𝐑" title="" content="">
<meta name="select:sidebar position" title="right" content="right">
<meta name="select:sidebar position" title="left" content="left">
<meta name="select:sidebar width" title="350px" content="350px">
<meta name="select:sidebar width" title="225px" content="225px">
<meta name="select:sidebar width" title="250px" content="250px">
<meta name="select:sidebar width" title="275px" content="275px">
<meta name="select:sidebar width" title="300px" content="300px">
<meta name="select:sidebar width" title="325px" content="325px">
<meta name="select:sidebar width" title="375px" content="375px">
<meta name="select:sidebar width" title="400px" content="400px">
<meta name="select:sidebar width" title="425px" content="425px">
<meta name="select:sidebar width" title="450px" content="450px">
<meta name="select:sidebar boxes spacing" title="35px" content="35px">
<meta name="select:sidebar boxes spacing" title="15px" content="15px">
<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="30px" content="30px">
<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:sidebar boxes spacing" title="65px" content="65px">
<meta name="select:sidebar boxes spacing" title="70px" content="70px">
<meta name="select:sidebar boxes spacing" title="75px" content="75px">
<meta name="select:sidebar boxes spacing" title="80px" content="80px">
<meta name="select:🔽 ···· 𝐒𝐈𝐃𝐄𝐁𝐀𝐑 𝐁𝐎𝐗 𝐓𝐈𝐓𝐋𝐄" title="" content="">
<meta name="select:sidebar title font" title="Stack Sans Notch" content="Stack Sans Notch">
<meta name="select:sidebar title font" title="Saira Stencil" content="Saira Stencil">
<meta name="select:sidebar title font" title="Lexend" content="Lexend">
<meta name="select:sidebar title font" title="Kalnia" content="Kalnia">
<meta name="select:sidebar title font" title="Averia Serif Libre" content="Averia Serif Libre">
<meta name="select:sidebar title font size" title="16px" content="0.85rem">
<meta name="select:sidebar title font size" title="13px" content="0.7rem">
<meta name="select:sidebar title font size" title="14px" content="0.75rem">
<meta name="select:sidebar title font size" title="15px" content="0.8rem">
<meta name="select:sidebar title font size" title="17px" content="0.9rem">
<meta name="select:sidebar title font size" title="18px" content="0.95rem">
<meta name="select:sidebar title font size" title="19px" content="1rem">
<meta name="select:sidebar title font size" title="20px" content="1.05rem">
<meta name="select:sidebar title font size" title="21px" content="1.1rem">
<meta name="select:sidebar title padding" title="12px" content="12px">
<meta name="select:sidebar title padding" title="6px" content="6px">
<meta name="select:sidebar title padding" title="7px" content="7px">
<meta name="select:sidebar title padding" title="8px" content="8px">
<meta name="select:sidebar title padding" title="9px" content="9px">
<meta name="select:sidebar title padding" title="10px" content="10px">
<meta name="select:sidebar title padding" title="11px" content="11px">
<meta name="select:sidebar title padding" title="13px" content="13px">
<meta name="select:sidebar title padding" title="14px" content="14px">
<meta name="select:sidebar title padding" title="15px" content="15px">
<meta name="select:sidebar title padding" title="16px" content="16px">
<meta name="select:sidebar title padding" title="17px" content="17px">
<meta name="select:sidebar title padding" title="18px" content="18px">
<meta name="select:sidebar title padding" title="19px" content="19px">
<meta name="select:sidebar title padding" title="20px" content="20px">
<meta name="select:sidebar title padding" title="21px" content="21px">
<meta name="select:sidebar title padding" title="22px" content="22px">
<meta name="select:sidebar title padding" title="23px" content="23px">
<meta name="select:sidebar title padding" title="24px" content="24px">
<meta name="select:sidebar title bottom gap" title="14px" content="14px">
<meta name="select:sidebar title bottom gap" title="none" content="0px">
<meta name="select:sidebar title bottom gap" title="10px" content="10px">
<meta name="select:sidebar title bottom gap" title="12px" content="12px">
<meta name="select:sidebar title bottom gap" title="16px" content="16px">
<meta name="select:sidebar title bottom gap" title="18px" content="18px">
<meta name="select:sidebar title bottom gap" title="20px" content="20px">
<meta name="select:sidebar title bottom gap" title="22px" content="22px">
<meta name="select:sidebar title bottom gap" title="24px" content="24px">
<meta name="select:sidebar title bottom gap" title="26px" content="26px">
<meta name="select:sidebar title bottom gap" title="28px" content="28px">
<meta name="select:sidebar title bottom gap" title="30px" content="30px">
<meta name="select:sidebar title bottom gap" title="32px" content="32px">
<meta name="select:sidebar title bottom gap" title="34px" content="34px">
<meta name="select:🔽 ···· 𝐒𝐈𝐃𝐄𝐁𝐀𝐑 𝐂𝐎𝐍𝐓𝐄𝐍𝐓𝐒" title="" content="">
<meta name="select:sidebar box padding" title="18px" content="18px">
<meta name="select:sidebar box padding" title="6px" content="6px">
<meta name="select:sidebar box padding" title="8px" content="8px">
<meta name="select:sidebar box padding" title="10px" content="10px">
<meta name="select:sidebar box padding" title="12px" content="12px">
<meta name="select:sidebar box padding" title="14px" content="14px">
<meta name="select:sidebar box padding" title="16px" content="16px">
<meta name="select:sidebar box padding" title="20px" content="20px">
<meta name="select:sidebar box padding" title="22px" content="22px">
<meta name="select:sidebar box padding" title="24px" content="24px">
<meta name="select:sidebar box padding" title="26px" content="26px">
<meta name="select:sidebar box padding" title="28px" content="28px">
<meta name="select:sidebar box padding" title="30px" content="30px">
<meta name="select:sidebar box font size" title="15px" content="0.9rem">
<meta name="select:sidebar box font size" title="12px" content="0.75rem">
<meta name="select:sidebar box font size" title="13px" content="0.8rem">
<meta name="select:sidebar box font size" title="14px" content="0.85rem">
<meta name="select:sidebar box font size" title="16px" content="0.95rem">
<meta name="select:sidebar box font size" title="17px" content="1rem">
<meta name="select:sidebar box text align" title="center" content="center">
<meta name="select:sidebar box text align" title="left" content="left">
<meta name="select:sidebar box text align" title="right" content="right">
<meta name="select:sidebar box text align" title="justify" content="justify">
<meta name="select:🔽 ······· 𝐒𝐈𝐃𝐄𝐁𝐀𝐑 𝐔𝐏𝐃𝐀𝐓𝐄𝐒" title="" content="">
<meta name="select:updates label padding" title="6px" content="6px">
<meta name="select:updates label padding" title="3px" content="3px">
<meta name="select:updates label padding" title="4px" content="4px">
<meta name="select:updates label padding" title="5px" content="5px">
<meta name="select:updates label padding" title="7px" content="7px">
<meta name="select:updates label padding" title="8px" content="8px">
<meta name="select:updates label padding" title="9px" content="9px">
<meta name="select:updates label padding" title="10px" content="10px">
<meta name="select:updates label rounded corners" title="yes" content="4px">
<meta name="select:updates label rounded corners" title="no" content="0px">
<meta name="select:updates label font size" title="12px" content="0.75rem">
<meta name="select:updates label font size" title="10px" content="0.65rem">
<meta name="select:updates label font size" title="11px" content="0.7rem">
<meta name="select:updates label font size" title="13px" content="0.8rem">
<meta name="select:updates label font size" title="14px" content="0.85rem">
<meta name="select:updates label font size" title="15px" content="0.9rem">
<meta name="select:updates align" title="left" content="left">
<meta name="select:updates align" title="right" content="right">
<meta name="select:updates column spacing" title="10px" content="10px">
<meta name="select:updates column spacing" title="none" content="0px">
<meta name="select:updates column spacing" title="2px" content="2px">
<meta name="select:updates column spacing" title="4px" content="4px">
<meta name="select:updates column spacing" title="6px" content="6px">
<meta name="select:updates column spacing" title="8px" content="8px">
<meta name="select:updates column spacing" title="12px" content="12px">
<meta name="select:updates column spacing" title="14px" content="14px">
<meta name="select:updates column spacing" title="16px" content="16px">
<meta name="select:updates column spacing" title="18px" content="18px">
<meta name="select:updates column spacing" title="20px" content="20px">
<meta name="select:updates row spacing" title="8px" content="8px">
<meta name="select:updates row spacing" title="none" content="0px">
<meta name="select:updates row spacing" title="2px" content="2px">
<meta name="select:updates row spacing" title="4px" content="4px">
<meta name="select:updates row spacing" title="6px" content="6px">
<meta name="select:updates row spacing" title="10px" content="10px">
<meta name="select:updates row spacing" title="12px" content="12px">
<meta name="select:updates row spacing" title="14px" content="14px">
<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 rounded corners" title="each" content="each">
<meta name="select:custom links rounded corners" title="all" content="all">
<meta name="select:custom links rounded corners" title="none" content="none">
<meta name="select:custom links padding" title="9px" content="9px">
<meta name="select:custom links padding" title="4px" content="4px">
<meta name="select:custom links padding" title="5px" content="5px">
<meta name="select:custom links padding" title="6px" content="6px">
<meta name="select:custom links padding" title="7px" content="7px">
<meta name="select:custom links padding" title="8px" content="8px">
<meta name="select:custom links padding" title="10px" content="10px">
<meta name="select:custom links padding" title="11px" content="11px">
<meta name="select:custom links padding" title="12px" content="12px">
<meta name="select:custom links padding" title="13px" content="13px">
<meta name="select:custom links padding" title="14px" content="14px">
<meta name="select:custom links padding" title="15px" content="15px">
<meta name="select:custom links padding" title="16px" content="16px">
<meta name="select:custom links icon" title="volleyball" content="volleyball">
<meta name="select:custom links icon" title="link" content="link">
<meta name="select:custom links icon" title="link alt" content="external_link">
<meta name="select:custom links icon" title="paperclip" content="attachment">
<meta name="select:custom links icon" title="folder" content="folder_open">
<meta name="select:custom links icon" title="star" content="star">
<meta name="select:custom links icon" title="moon" content="moon">
<meta name="select:custom links icon" title="planet" content="planet">
<meta name="select:custom links icon" title="flower" content="flower_4">
<meta name="select:custom links icon" title="leaf" content="leaf">
<meta name="select:custom links icon" title="none (no icon)" content="no-icon">
<meta name="select:custom links icon size" title="15px" content="1.25rem">
<meta name="select:custom links icon size" title="12px" content="0.95rem">
<meta name="select:custom links icon size" title="13px" content="1.05rem">
<meta name="select:custom links icon size" title="14px" content="1.15rem">
<meta name="select:custom links icon size" title="16px" content="1.35rem">
<meta name="select:custom links icon size" title="17px" content="1.45rem">
<meta name="select:custom links icon size" title="18px" content="1.55rem">
<meta name="select:custom links icon size" title="19px" content="1.65rem">
<meta name="select:custom links icon size" title="20px" content="1.75rem">
<meta name="select:custom links icon size" title="21px" content="1.85rem">
<meta name="select:custom links icon size" title="22px" content="1.95rem">
<meta name="select:custom links icon size" title="23px" content="2.05rem">
<meta name="select:custom links font size" title="12px" content="0.75rem">
<meta name="select:custom links font size" title="10px" content="0.65rem">
<meta name="select:custom links font size" title="11px" content="0.7rem">
<meta name="select:custom links font size" title="13px" content="0.8rem">
<meta name="select:custom links font size" title="14px" content="0.85rem">
<meta name="select:custom links font size" title="15px" content="0.9rem">
<meta name="select:custom links font size" title="16px" content="0.95rem">
<meta name="select:custom links font size" title="17px" content="1rem">
<meta name="select:custom links spacing" title="8px" content="8px">
<meta name="select:custom links spacing" title="4px" content="4px">
<meta name="select:custom links spacing" title="6px" content="6px">
<meta name="select:custom links spacing" title="10px" content="10px">
<meta name="select:custom links spacing" title="12px" content="12px">
<meta name="select:custom links spacing" title="14px" content="14px">
<meta name="select:custom links spacing" title="16px" content="16px">
<meta name="select:custom links spacing" title="18px" content="18px">
<meta name="select:custom links spacing" title="20px" content="20px">
<meta name="select:custom links spacing" title="22px" content="22px">
<meta name="select:custom links spacing" title="24px" content="24px">
<meta name="select:🔽 ························· 𝐏𝐎𝐒𝐓𝐒" title="" content="">
<meta name="select:post width" title="500px" content="500px">
<meta name="select:post width" title="300px" content="300px">
<meta name="select:post width" title="325px" content="325px">
<meta name="select:post width" title="350px" content="350px">
<meta name="select:post width" title="375px" content="375px">
<meta name="select:post width" title="400px" content="400px">
<meta name="select:post width" title="425px" content="425px">
<meta name="select:post width" title="450px" content="450px">
<meta name="select:post width" title="475px" content="475px">
<meta name="select:post width" title="540px" content="540px">
<meta name="select:post width" title="600px" content="600px">
<meta name="select:post width" title="650px" content="650px">
<meta name="select:post layout spacing" title="14px" content="14px">
<meta name="select:post layout spacing" title="none" content="0rem">
<meta name="select:post layout spacing" title="10px" content="10px">
<meta name="select:post layout spacing" title="12px" content="12px">
<meta name="select:post layout spacing" title="16px" content="16px">
<meta name="select:post layout spacing" title="18px" content="18px">
<meta name="select:post layout spacing" title="20px" content="20px">
<meta name="select:post layout spacing" title="22px" content="22px">
<meta name="select:post layout spacing" title="24px" content="24px">
<meta name="select:post layout spacing" title="26px" content="26px">
<meta name="select:post layout spacing" title="28px" content="28px">
<meta name="select:post layout spacing" title="30px" content="30px">
<meta name="select:post layout spacing" title="32px" content="32px">
<meta name="select:post layout spacing" title="34px" content="34px">
<meta name="select:post padding" title="14px" content="14px">
<meta name="select:post padding" title="none" content="0px">
<meta name="select:post padding" title="10px" content="10px">
<meta name="select:post padding" title="12px" content="12px">
<meta name="select:post padding" title="16px" content="16px">
<meta name="select:post padding" title="18px" content="18px">
<meta name="select:post padding" title="20px" content="20px">
<meta name="select:post padding" title="22px" content="22px">
<meta name="select:post padding" title="24px" content="24px">
<meta name="select:post padding" title="26px" content="26px">
<meta name="select:post padding" title="28px" content="28px">
<meta name="select:post header padding" title="13px" content="13px">
<meta name="select:post header padding" title="6px" content="6px">
<meta name="select:post header padding" title="7px" content="7px">
<meta name="select:post header padding" title="8px" content="8px">
<meta name="select:post header padding" title="9px" content="9px">
<meta name="select:post header padding" title="10px" content="10px">
<meta name="select:post header padding" title="11px" content="11px">
<meta name="select:post header padding" title="12px" content="12px">
<meta name="select:post header padding" title="14px" content="14px">
<meta name="select:post header padding" title="15px" content="15px">
<meta name="select:post header padding" title="16px" content="16px">
<meta name="select:post header padding" title="17px" content="17px">
<meta name="select:post header padding" title="18px" content="18px">
<meta name="select:post header padding" title="19px" content="19px">
<meta name="select:post header padding" title="20px" content="20px">
<meta name="select:post header padding" title="21px" content="21px">
<meta name="select:post header padding" title="22px" content="22px">
<meta name="select:post header padding" title="23px" content="23px">
<meta name="select:post header padding" title="24px" content="24px">
<meta name="select:show original post date" title="show" content="show">
<meta name="select:show original post date" title="hide" content="hide">
<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:captions style" title="new" content="new">
<meta name="select:captions style" title="old" content="old">
<meta name="select:reblog borders" title="yes" content="yes">
<meta name="select:reblog borders" title="no" content="no">
<meta name="select:post spacing" title="50px" content="50px">
<meta name="select:post spacing" title="30px" content="30px">
<meta name="select:post spacing" title="35px" content="35px">
<meta name="select:post spacing" title="40px" content="40px">
<meta name="select:post spacing" title="45px" content="45px">
<meta name="select:post spacing" title="55px" content="55px">
<meta name="select:post spacing" title="60px" content="60px">
<meta name="select:post spacing" title="65px" content="65px">
<meta name="select:post spacing" title="70px" content="70px">
<meta name="select:post spacing" title="75px" content="75px">
<meta name="select:post spacing" title="80px" content="80px">
<meta name="select:infinite scroll" title="no" content="no">
<meta name="select:infinite scroll" title="yes" content="yes">
<meta name="select:🔽 ··························· 𝐓𝐀𝐆𝐒" title="" content="">
<meta name="select:tags" title="toggle + fade" content="toggle-fade">
<meta name="select:tags" title="always show" content="show">
<meta name="select:tags" title="toggle" content="toggle">
<meta name="select:tags position" title="right" content="right">
<meta name="select:tags position" title="left" content="left">
<meta name="select:🔽 ············· 𝐁𝐀𝐂𝐊-𝐓𝐎-𝐓𝐎𝐏" title="" content="">
<meta name="select:show back to top button" title="show" content="show">
<meta name="select:show back to top button" title="hide" content="hide">
<meta name="select:🔽 ·············· 𝐁𝐎𝐓𝐓𝐎𝐌 𝐁𝐀𝐑" title="" content="">
<meta name="select:bottom bar padding" title="14px" content="14px">
<meta name="select:bottom bar padding" title="6px" content="6px">
<meta name="select:bottom bar padding" title="8px" content="8px">
<meta name="select:bottom bar padding" title="10px" content="10px">
<meta name="select:bottom bar padding" title="12px" content="12px">
<meta name="select:bottom bar padding" title="16px" content="16px">
<meta name="select:bottom bar padding" title="20px" content="20px">
<meta name="select:bottom bar padding" title="18px" content="18px">
<meta name="select:bottom bar padding" title="22px" content="22px">
<meta name="select:bottom bar padding" title="22px" content="22px">
<meta name="select:bottom bar padding" title="24px" content="24px">
<meta name="select:bottom bar padding" title="26px" content="26px">
<meta name="select:bottom bar padding" title="28px" content="28px">
<meta name="select:bottom bar padding" title="30px" content="30px">
<meta name="select:show searchbar" title="show" content="show">
<meta name="select:show searchbar" title="hide" content="hide">
<meta name="select:credit display" title="full" content="full">
<meta name="select:credit display" title="minimal" content="minimal">
<meta name="text:󠀠" content="🖊️ ······················· 𝐓𝐎𝐏 𝐁𝐀𝐑&NewLine;">
<meta name="text:top bar title" content="Guardian Deity">
<meta name="text:󠀠" content="🖊️ ················· 𝐌𝐔𝐒𝐈𝐂 𝐏𝐋𝐀𝐘𝐄𝐑&NewLine;">
<meta name="text:🔗 how to link music:" content="https://linktr.ee/direct_file_links">
<meta name="text:music player song name" content="烏野の守護神 / Karasuno’s Guardian Deity">
<meta name="text:music player song mp3" content="https://file.garden/ZRt8jW_MomIqlrfn/music/Karasuno's_Guardian_Deity.mp3">
<meta name="text:music player song volume" content="85%">
<meta name="text:󠀠" content="🖊️ ······················· 𝐇𝐄𝐀𝐃𝐄𝐑&NewLine;">
<meta name="text:header title" content="Rolling Thunder">
<meta name="text:header bubble desc" content="To the <i>faded dreams and memories</i> that resurface / to <i>old songs</i> replaying on the radio and <i>scents</i> riding on the breeze, may they always bring me <b>that warm, chest-tightening wash of nostalgia</b> as I reminisce on <b><a href="https://tiredsoulrestlesswonder.tumblr.com/post/646700708375265280" title="@tiredsoulrestlesswonder">what used to be</a></b>.">
<meta name="text:󠀠" content="🖊️ ················ 𝐒𝐈𝐃𝐄𝐁𝐀𝐑 𝐁𝐎𝐗 𝟏&NewLine;">
<meta name="text:about box title" content="Welcome ✰ fly high">
<meta name="text:about box contents" content="“Sometimes you <b>pour your heart out</b> and <i>nothing</i> comes back. Sometimes you pour your heart out and <i>the world falls</i> onto your lap. Keep trying.” &mdash; <a href="https://wnq-writers.tumblr.com/post/178617367835" title="@bynmsanchez">N.M.Sanchez</a>">
<meta name="text:󠀠" content="🖊️ ················ 𝐒𝐈𝐃𝐄𝐁𝐀𝐑 𝐁𝐎𝐗 𝟐&NewLine;">
<meta name="text:updates box title" content="Updates">
<meta name="text:updates box contents" content="[DATE] 2026/01/01&NewLine;[DETAIL] 元日 / New Year's Day&NewLine;&NewLine;[DATE] 2026/03/14&NewLine;[DETAIL] ホワイトデー / White Day">
<meta name="text:󠀠" content="🖊️ ················ 𝐒𝐈𝐃𝐄𝐁𝐀𝐑 𝐁𝐎𝐗 𝟑&NewLine;">
<meta name="text:links box title" content="Navigation">
<meta name="text:custom link 1 name" content="Example link">
<meta name="text:custom link 1 URL" content="https://youtu.be/vhpV57lz88o">
<meta name="text:custom link 2 name" content="">
<meta name="text:custom link 2 URL" content="">
<meta name="text:custom link 3 name" content="">
<meta name="text:custom link 3 URL" content="">
<meta name="text:custom link 4 name" content="">
<meta name="text:custom link 4 URL" content="">
<meta name="text:custom link 5 name" content="">
<meta name="text:custom link 5 URL" content="">
<meta name="text:custom link 6 name" content="">
<meta name="text:custom link 6 URL" content="">
<meta name="text:custom link 7 name" content="">
<meta name="text:custom link 7 URL" content="">
<meta name="text:custom link 8 name" content="">
<meta name="text:custom link 8 URL" content="">
<meta name="text:custom link 9 name" content="">
<meta name="text:custom link 9 URL" content="">
<meta name="text:custom link 10 name" content="">
<meta name="text:custom link 10 URL" content="">
<meta name="text:󠀠" content="🖊️ ··················· 𝐁𝐎𝐓𝐓𝐎𝐌 𝐁𝐀𝐑&NewLine;">
<meta name="text:searchbar prompt" content="Search...">
<meta name="text:searchbar button text" content="Search">
{/block:Options}
<link href="//glenthemes.github.io/npf-images-v4/core.min.css" rel="stylesheet">
<script src="//glenthemes.github.io/npf-images-v4/main.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script src="//static.tumblr.com/gtjt4bo/BUptdcoby/hustcc-timeago.js"></script>
<link rel="preload" href="//glen-themes.gitlab.io/thms/10/2026/guardian.css" as="style">
<link href="//glen-themes.gitlab.io/thms/10/2026/guardian.css" rel="stylesheet">
<script src="//glen-themes.gitlab.io/thms/10/2026/deity.js"></script>
<link href="//fonts.googleapis.com" rel="preconnect">
<link href="//fonts.gstatic.com" rel="preconnect" crossorigin>
<script>
addGoogleFonts([...new Set(["{select:font}","{select:small caps font}","{select:heading font}","{select:top bar title font}","{select:header title font}","{select:sidebar title font}","Google Sans Code"])].join(","))
</script>
<link href="//cdn.jsdelivr.net/gh/Richard9394/MingCute@main/fonts/MingCute.css" rel="stylesheet">
<link href="//outicons.gitlab.io/i/icons.min.css" rel="stylesheet" crossorigin>
<style>
/*------ OPTION VARIABLES ------*/
:root {
/*---- GENERAL ----*/
--Screen-Gaps:{select:screen gap};
--TumblrControls-Zoom-Factor:85%;
--Rounded-Corners:{select:rounded corners};
/*---- TOP BAR ----*/
--Top-Bar-Padding:{select:top bar padding};
--Top-Bar-BG:{color:top bar BG};
--Top-Bar-Mobile-Menu-Trigger-Icon-Size:calc(var(--Top-Bar-Links-Icon-Size) * 1.15);
--Top-Bar-Mobile-Menu-Trigger-Icon-Color:var(--Top-Bar-Links-Icon-Color);
--Top-Bar-Mobile-Menu-Trigger-Icon-Total-Size:max(var(--Top-Bar-Links-Icon-Size),var(--Top-Bar-Links-Font-Size),var(--Top-Bar-Title-Font-Size),var(--Top-Bar-Title-Brackets-Height));
--Top-Bar-Title-Font-Family:{select:top bar title font};
--Top-Bar-Title-Font-Size:{select:top bar title font size};
--Top-Bar-Title-Font-Weight:var(--Heading-Font-Weight);
--Top-Bar-Title-Letter-Spacing:var(--Heading-Letter-Spacing);
--Top-Bar-Title-Word-Spacing:var(--Heading-Word-Spacing);
--Top-Bar-Title-Line-Height:1.6; /* number only */
--Top-Bar-Title-Color:{color:top bar title};
--Top-Bar-Title-Brackets-Width:4px;
--Top-Bar-Title-Brackets-Height:calc(var(--Top-Bar-Title-Font-Size) * {select:top bar brackets height});
--Top-Bar-Title-Brackets-Thickness:{select:top bar brackets thickness};
--Top-Bar-Title-Brackets-Color:{color:top bar brackets};
--Top-Bar-Title-Brackets-Spacing:{select:top bar brackets gap}; /* margins inner */
--Top-Bar-Title-Side-Gaps:calc(var(--Top-Bar-Links-Spacing) + 4px); /* margins outer */
--Top-Bar-Links-Icon-Size:{select:top bar links icons size};
--Top-Bar-Links-Icon-Color:{color:top bar links icons};
--Top-Bar-Links-Icon-Gap-Right:0.420rem;
--Top-Bar-Links-Font-Size:{select:top bar links font size};
--Top-Bar-Links-Text-Color:{color:top bar links text};
--Top-Bar-Links-Hover-Speed:var(--Links-Hover-Speed);
--Top-Bar-Links-Hover-Icon-Color:{color:top bar links hover icons};
--Top-Bar-Links-Hover-Text-Color:{color:top bar links hover text};
--Top-Bar-Links-Hover-Underline-Size:1px;
--Top-Bar-Links-Hover-Underline-Color:{color:top bar links hover underline};
--Top-Bar-Links-Spacing:{select:top bar links spacing};
--Top-Bar-Links-Touch-Padding:0.69rem;
/*---- HEADER ----*/
--Header-Inner-Width:calc(100% - var(--Header-Bubble-Edge-X-Offset));
--Header-BG-Color:{color:header BG};
--Header-Image:url("{image:header image}");
--Header-Image-Anchor:{select:header image anchor X} {select:header image anchor Y};
--Header-Title-Font-Family:"{select:header title font}";
--Header-Title-Font-Weight:var(--Heading-Font-Weight);
--Header-Title-Font-Size:{select:header title font size};
--Header-Title-Line-Height:var(--Heading-Line-Height);
--Header-Title-Letter-Spacing:var(--Heading-Letter-Spacing);
--Header-Title-Word-Spacing:var(--Heading-Word-Spacing);
--Header-Title-Color:{color:header title};
--Header-Title-Align:{select:header title align};
--Header-Items-Row-Spacing:{select:header row spacing};
--Header-Bubble-Edge-X-Offset:{select:header bubble edge offset X};
--Header-Bubble-Edge-Y-Offset:{select:header bubble edge offset Y};
--Header-Bubble-BG:{color:header bubble BG};
--Header-Bubble-Transparency:{select:header bubble transparency};
--Header-Bubble-Padding:{select:header bubble padding};
--Header-Bubble-Arrow-Size-Ideal:calc({select:header bubble arrow size} * 1.5);
--Header-Bubble-Arrow-Size:min(calc((var(--Header-Bubble-Rendered-Height,100vh) - (var(--Header-Bubble-Rounded-Corners) * 2)) * 1.5), var(--Header-Bubble-Arrow-Size-Ideal));
--Header-Bubble-Arrow-Pos-Y:50%; /* 0%-100% */
--Header-Bubble-Rounded-Corners:{select:header bubble rounded corners};
--Header-Bubble-Desc-Font-Size:{select:header bubble desc font size};
--Header-Bubble-Desc-Text-Color:{color:header bubble desc text};
--Header-Bubble-Desc-Bold-Color:{color:header bubble desc bold};
--Header-Bubble-Desc-Italic-Color:{color:header bubble desc italic};
--Header-Bubble-Desc-Links-Color:{color:header bubble desc links};
--Header-Bubble-Desc-Links-Underline-Size:var(--Links-Underline-Size);
--Header-Bubble-Desc-Links-Underline-Color:{color:header bubble desc links underline};
--Header-Bubble-Desc-Line-Height:{select:header bubble desc line height};
--Header-Bubble-Desc-Scrollbar:{color:header bubble scrollbar};
--Header-Bubble-Desc-Scrollbar-BG:transparent;
--Header-Gradient-Height:calc({select:header gradient height} * 2);
--Header-Gradient-Color:{color:header gradient};
/*---- CONTAINER ----*/
--Container-Width-Total:calc(var(--Post-Width-Total) + var(--Center-Gap) + var(--Sidebar-Width));
--Container-Width-Total-With-Side-Padding:calc(var(--Container-Width-Total) + (var(--Screen-Gaps) * 2));
--Center-Gap:{select:center gap};
/*---- SIDEBAR ----*/
--Sidebar-Width:{select:sidebar width};
--Sidebar-Boxes-Spacing:{select:sidebar boxes spacing};
--SB-Boxes-Title-Border-Size:1px;
--SB-Boxes-Title-Border-Color:{color:sidebar title border};
--SB-Boxes-Title-Padding:{select:sidebar title padding};
--SB-Boxes-Title-BG:{color:sidebar title BG};
--SB-Boxes-Title-Font-Family:{select:sidebar title font};
--SB-Boxes-Title-Font-Size:{select:sidebar title font size};
--SB-Boxes-Title-Font-Weight:var(--Heading-Font-Weight);
--SB-Boxes-Title-Letter-Spacing:var(--Heading-Letter-Spacing);
--SB-Boxes-Title-Word-Spacing:var(--Heading-Word-Spacing);
--SB-Boxes-Title-Line-Height:var(--Heading-Line-Height);
--SB-Boxes-Title-Color:{color:sidebar title};
--SB-Boxes-Title-Bottom-Gap:{select:sidebar title bottom gap};
--SB-Boxes-Border-Size:1px;
--SB-Boxes-Border-Color:{color:sidebar box border};
--SB-Boxes-Padding:{select:sidebar box padding};
--SB-Boxes-BG:{color:sidebar box BG};
--SB-Boxes-Font-Family:{select:sidebar box font};
--SB-Boxes-Font-Size:{select:sidebar box font size};
--SB-Boxes-Font-Weight:var(--Body-Font-Weight);
--SB-Boxes-Letter-Spacing:var(--Body-Letter-Spacing);
--SB-Boxes-Word-Spacing:var(--Body-Word-Spacing);
--SB-Boxes-Line-Height:var(--Body-Line-Height);
--SB-Boxes-Text-Color:{color:sidebar box text};
--SB-Boxes-Bold-Color:{color:sidebar box bold};
--SB-Boxes-Italic-Color:{color:sidebar box italic};
--SB-Boxes-Links-Color:{color:sidebar box links};
--SB-Boxes-Links-Underline-Size:var(--Links-Underline-Size);
--SB-Boxes-Links-Underline-Color:{color:sidebar box links underline};
--SB-Mobile-Box-Title-Icon-Size:calc(var(--SB-Boxes-Title-Font-Size) * 1.35);
--SB-Mobile-Box-Title-Icon-Gap-Right:7px;
--SB-Mobile-Box-Arrow-Transition-Speed:0.35s;
--Updates-Label-Padding-X:{select:updates label padding};
--Updates-Label-Padding-Y:calc(var(--Updates-Label-Padding-X) - var(--Body-LH-V-Gap) + 2px);
--Updates-Label-Rounded-Corners:{select:updates label rounded corners};
--Updates-Label-BG:{color:updates label BG};
--Updates-Label-Font-Family:var(--Code-Font-Family);
--Updates-Label-Font-Size:{select:updates label font size};
--Updates-Label-Font-Weight:500;
--Updates-Label-Letter-Spacing:var(--Code-Letter-Spacing);
--Updates-Label-Word-Spacing:var(--Code-Word-Spacing);
--Updates-Label-Text-Color:{color:updates label text};
--Updates-Row-Max-H-L:calc((var(--Updates-Label-Font-Size) * var(--SB-Boxes-Line-Height)) + (var(--Updates-Label-Padding-Y) * 2));
--Updates-Row-Max-H-R:calc(var(--SB-Boxes-Font-Size) * var(--SB-Boxes-Line-Height));
--Updates-Row-Max-H:max(var(--Updates-Row-Max-H-L),var(--Updates-Row-Max-H-R));
--Updates-Column-Spacing:{select:updates column spacing};
--Updates-Row-Spacing:{select:updates row spacing};
--Custom-Links-Columns:{select:custom links columns};
--Custom-Links-Padding-X:{select:custom links padding};
--Custom-Links-Padding-Y:var(--Custom-Links-Padding-X);
--Custom-Links-BG:{color:custom links BG};
--Custom-Links-Rounded-Corners:5px;
--Custom-Links-Icon-Size:{select:custom links icon size};
--Custom-Links-Icon-Color:{color:custom links icon};
--Custom-Links-Icon-Right-Gap:6px;
--Custom-Links-Font-Size:{select:custom links font size};
--Custom-Links-Text-Color:{color:custom links text};
--Custom-Links-Col-Max-H:max(var(--Custom-Links-Icon-Size),calc(var(--Custom-Links-Font-Size) * var(--Body-Line-Height)));
--Custom-Links-Hover-Speed:var(--Links-Hover-Speed);
--Custom-Links-Hover-BG:{color:custom links hover BG};
--Custom-Links-Hover-Text-Color:{color:custom links hover text};
--Custom-Links-Spacing:{select:custom links spacing};
/*---- POSTS ----*/
--Post-Content-Width:{select:post width};
--Post-Padding:{select:post padding};
--Post-Width-Total:calc(var(--Post-Content-Width) + (var(--Post-Padding) * 2) + (var(--Post-Border-Size) * 2));
--Post-Border-Size:1px;
--Post-Border-Color:{color:post borders};
--Post-BG:{color:post BG};
--Post-Layout-Spacing:{select:post layout spacing};
--Post-Spacing-Base:{select:post spacing};
--Post-Spacing:var(--Post-Spacing-Base);
--Post-Secondary-BG:{color:post alt BG};
--Post-Secondary-Border-Size:1px;
--Post-Secondary-Border-Color:{color:post alt borders};
--Post-Secondary-Text-Color:{color:text alt};
/*---- POST HEADER ----*/
--Post-Header-Padding-X:{select:post header padding};
--Post-Header-Padding-Y:calc((var(--Post-Header-Padding-X) - (((var(--Post-Header-Font-Size) * var(--Body-Line-Height)) - var(--Post-Header-Font-Size)) / 2)) + 2px);
--Post-Header-BG:{color:post header BG};
--Post-Header-Font-Size:var(--SmallCaps-Font-Size);
--Post-Header-Text-Color:{color:post header text};
--Post-Header-Icon-Size:calc(var(--Body-Font-Size) * 1.25);
--Post-Header-Items-Spacing:7px;
--Post-Header-Border-Size:1px;
--Post-Header-Border-Color:{color:post header border};
/*---- MAIN FONT ----*/
--Base-Font-Size:16px;
--Body-Font-Family:"{select:font}";
--Body-Font-Weight:normal;
--Body-Font-Size:{select:font size};
--Body-Letter-Spacing:0px;
--Body-Word-Spacing:0px;
--Body-Text-Color:{color:text};
--Body-Text-Color-Lighter:rgb(from var(--Body-Text-Color) r g b / 80%);
--Body-Line-Height:1.65; /* number only */
--Body-LH-V-Gap:calc(((var(--Body-Font-Size) * var(--Body-Line-Height)) - var(--Body-Font-Size)) / 2);
/*---- SMALL CAPS FONT ----*/
--SmallCaps-Font-Family:"{select:small caps font}";
--SmallCaps-Font-Weight:600;
--SmallCaps-Font-Size:calc({select:small caps font size} + 0.5px);
--SmallCaps-Letter-Spacing:0em;
--SmallCaps-Word-Spacing:0px;
--SmallCaps-LH-V-Gap:calc(((var(--SmallCaps-Font-Size) * var(--Body-Line-Height)) - var(--SmallCaps-Font-Size)) / 2);
/*---- HEADING FONT ----*/
--Heading-Font-Family:"{select:heading font}";
--Heading-Font-Weight:600;
--Heading-Font-Size:{select:heading font size};
--Heading-Letter-Spacing:0.025em;
--Heading-Word-Spacing:0px;
--Heading-Line-Height:var(--Body-Line-Height);
/*---- TEXT FORMATTING ----*/
--Bold-Font-Weight:600;
--Bold:{color:bold};
--Italic:{color:italic};
--Links-Color:{color:links};
--Links-Underline-Gap:var(--Body-LH-V-Gap);
--Links-Underline-Size:1px;
--Links-Underline-Color:{color:links underline};
--Links-Hover-Speed:0.4s;
--Code-Block-Padding-X:max(calc(var(--Post-Padding) - 1px),1.420em);
--Code-Block-Padding-Y:calc(var(--Code-Block-Padding-X) - var(--Body-LH-V-Gap));
--Code-Block-Border-Size:var(--Post-Secondary-Border-Size);
--Code-Block-Border-Color:var(--Post-Secondary-Border-Color);
--Code-Block-BG:var(--Post-Secondary-BG);
--Code-Block-Text-Color:var(--Post-Secondary-Text-Color);
--Code-Font-Family:"Google Sans Code";
--Code-Font-Weight:normal;
--Code-Font-Size:calc(var(--Body-Font-Size) * 0.875);
--Code-Letter-Spacing:0px;
--Code-Word-Spacing:0px;
--Code-Line-Height:var(--Body-Line-Height);
--Blockquote-Left-Gap-1:calc((var(--Post-Avatar-Size) / 2) - (var(--Blockquote-Border-Size) / 2));
--Blockquote-Border-Size:1px;
--Blockquote-Border-Color:{color:blockquote border};
--Blockquote-Left-Gap-2:calc(0px - var(--Blockquote-Border-Size) - var(--Blockquote-Left-Gap-1) + var(--Post-Avatar-Size) + var(--Reblog-Header-Center-Gap));
/*---- NPF SETTINGS: PHOTO(SET)S ----*/
--NPF-Text-Container:".text-post-caption, .text-post-reblogs";
--NPF-Reblogs-Selector:".comment";
--NPF-Move-To-Top:"yes";
--NPF-Captionless-Add-Source:"no";
--NPF-Change-Post-Type:"yes";
--NPF-Caption-Spacing:0px;
--NPF-Images-Spacing:var(--Photoset-Spacing);
/*---- NPF SETTINGS: ALT TEXT ----*/
--NPF-Alt-Text-Button-Visibility:40%;
--NPF-Alt-Text-Button-Rounded-Corners:3px;
--NPF-Alt-Text-Button-Fade-Speed:0.4s;
--NPF-Alt-Text-Button-Font-Size:calc(var(--SmallCaps-Font-Size) - 0.5px);
--NPF-Alt-Text-Close-Button-Background-Color:var(--Post-Secondary-BG);
--NPF-Alt-Text-Close-Button-Icon-Size:var(--Body-Font-Size);
--NPF-Alt-Text-Close-Button-Icon-Color:var(--Post-Secondary-Text-Color);
/*---- HEADINGS (POSTS ONLY) ----*/
--Post-Title-Padding:calc(var(--Post-Padding) - 1px);
--Post-Title-Border-Size:var(--Post-Secondary-Border-Size);
--Post-Title-Border-Color:var(--Post-Secondary-Border-Color);
--Post-Title-BG:var(--Post-Secondary-BG);
--Post-Title-Font-Size:var(--Heading-Font-Size);
--Post-Title-Line-Height:var(--Heading-Line-Height);
--Post-Title-Text-Color:var(--Post-Secondary-Text-Color);
/*---- PHOTOS / PHOTOSETS ----*/
--Photoset-Spacing:{select:photos spacing};
--Lightbox-BG:{color:background};
--Lightbox-BG-Strength:69%;
--Lightbox-BG-Blur-Amount:4px;
--Lightbox-Image-Rounded-Corners:0px;
/*---- QUOTE POSTS ----*/
--Quote-Icon-Size:calc(var(--Quote-Font-Size) * 1.69);
--Quote-Icon-Lines-Thickness:1px;
--Quote-Icon-Lines-Color:rgb(from var(--Body-Text-Color) r g b / 17%);
--Quote-Icon-Lines-Side-Gaps:calc(var(--Quote-Icon-Size) + 5px);
--Quote-Font-Family:var(--Heading-Font-Family);
--Quote-Font-Weight:var(--Heading-Font-Weight);
--Quote-Font-Size:var(--Heading-Font-Size);
--Quote-Letter-Spacing:var(--Heading-Letter-Spacing);
--Quote-Word-Spacing:var(--Heading-Word-Spacing);
--Quote-Line-Height:var(--Heading-Line-Height);
--Quote-Post-Row-Spacing:1em;
/*---- LINK POSTS ----*/
--Link-Post-Title-Padding:calc(var(--Post-Padding) - 1px);
--Link-Post-Title-Border-Size:var(--Post-Secondary-Border-Size);
--Link-Post-Title-Border-Color:var(--Post-Secondary-Border-Color);
--Link-Post-Title-BG:var(--Post-Secondary-BG);
--Link-Post-Title-Font-Size:var(--Heading-Font-Size);
--Link-Post-Title-Line-Height:var(--Heading-Line-Height);
--Link-Post-Title-Text-Color:var(--Post-Secondary-Text-Color);
--Link-Post-Title-Arrow-Left-Gap:13px;
--Link-Post-Title-Arrow-Icon:'<i class="mgc_arrows_right_line"></i>';
--Link-Post-Title-Arrow-Size:calc(var(--Link-Post-Title-Font-Size) * 1.15);
--Link-Post-Row-Spacing:1em;
/*---- CHAT POSTS ----*/
--Chat-Post-Row-Padding-X:calc(var(--Post-Padding) - 1px);
--Chat-Post-Row-Padding-Y:calc(var(--Chat-Post-Row-Padding-X) - var(--Body-LH-V-Gap));
--Chat-Post-Row-Alternating-BG:var(--Post-Secondary-BG);
--Chat-Post-Row-Alternating-Text-Color:var(--Post-Secondary-Text-Color);
--Chat-Post-Font-Family:var(--Code-Font-Family);
--Chat-Post-Font-Weight:var(--Code-Font-Weight);
--Chat-Post-Font-Size:var(--Code-Font-Size);
--Chat-Post-Letter-Spacing:0px;
--Chat-Post-Word-Spacing:0px;
--Chat-Post-Line-Height:var(--Body-Line-Height);
/*---- AUDIO POSTS ----*/
--Audio-Post-Volume:75%;
--Audio-Post-Album-Image-Size:80px;
--Audio-Post-Play-Btn-Icon:'<i class="gt-misc-icons" icon-name="play"></i>';
--Audio-Post-Play-Btn-Hover-Text:"Play";
--Audio-Post-Pause-Btn-Icon:'<i class="gt-misc-icons" icon-name="pause"></i>';
--Audio-Post-Pause-Btn-Hover-Text:"Pause";
--Audio-Post-Buttons-Icons-Size:calc(var(--Body-Font-Size) * 1.25);
--Audio-Post-Buttons-Icons-Color:var(--Post-Secondary-Text-Color);
--Audio-Post-Buttons-Padding:10px;
--Audio-Post-Buttons-BG:var(--Post-Secondary-BG);
--Audio-Post-Buttons-Total-Size:calc(var(--Audio-Post-Buttons-Icons-Size) + (var(--Audio-Post-Buttons-Padding) * 2));
--Audio-Post-Buttons-Rounded-Corners:100%;
--Audio-Post-Details-BG:var(--Post-Secondary-BG);
--Audio-Post-Details-Padding-X:14px;
--Audio-Post-Details-Padding-Y:calc(var(--Audio-Post-Details-Padding-X) - var(--Body-LH-V-Gap));
--Audio-Post-Details-Text-Color:var(--Post-Secondary-Text-Color);
--Audio-Post-Download-Btn-Touch-Padding:7px;
--Audio-Post-Download-Btn-Icon:'<i class="mgc_download_2_line"></i>';
--Audio-Post-Download-Btn-Icon-Size:calc(var(--Body-Font-Size) * 1.3);
--Audio-Post-Download-Btn-Hover-Text:'{lang:Download this track}';
--Audio-Post-Download-Btn-Icon-Color:var(--Audio-Post-Details-Text-Color);
/*---- OTHER AUDIO ----*/
--SoundCloud-Player-Height:116px; /* 20px, 116px, or 500px */
--SoundCloud-Show-Album-Image:"yes";
/*---- VIDEO POSTS ----*/
--Video-Post-Volume:75%;
--Video-Player-Font-Size:calc(var(--SmallCaps-Font-Size) + 1px);
--Video-Player-Font-Weight:normal;
/*---- ASK POSTS ----*/
--Ask-Post-Column-Gap:15px;
--Ask-Post-Header-Bottom-Gap:calc(0px - var(--SmallCaps-LH-V-Gap) + 0.55em);
--Ask-Post-QnA-Row-Spacing:var(--Photoset-Spacing);
--Ask-Post-Question-Padding:calc(var(--Post-Padding) - 1px);
--Ask-Post-Question-BG:var(--Post-Secondary-BG);
--Ask-Post-Question-Avatar-Size:52px;
--Ask-Post-Question-Avatar-Rounded-Corners:3px;
--Ask-Post-Question-Text-Color:var(--Post-Secondary-Text-Color);
--Ask-Post-Anon-Transparent:"yes";
--Ask-Post-Answer-Padding:calc(var(--Post-Padding) - 1px);
--Ask-Post-Answer-BG:var(--Post-Secondary-BG);
--Ask-Post-Answer-Avatar-Size:52px;
--Ask-Post-Answer-Avatar-Rounded-Corners:3px;
--Ask-Post-Answer-Text-Color:var(--Post-Secondary-Text-Color);
/*---- POLLS ----*/
--Poll-Question-Font-Size:var(--Body-Font-Size);
--Poll-Question-Font-Weight:var(--Body-Font-Weight);
--Poll-Question-Bottom-Gap:1em;
--Poll-Options-Border-Size:var(--Post-Secondary-Border-Size);
--Poll-Options-Border-Color:var(--Post-Secondary-Border-Color);
--Poll-Options-Padding-X:max(calc(var(--Post-Padding) - 1px),1.420em);
--Poll-Options-Padding-Y:calc(var(--Poll-Options-Padding-X) - var(--SmallCaps-LH-V-Gap));
--Poll-Options-BG:var(--Post-Secondary-BG);
--Poll-Options-Font-Size:calc(var(--SmallCaps-Font-Size));
--Poll-Options-Text-Color:var(--Post-Secondary-Text-Color);
--Poll-Options-Spacing:0.69em;
/*---- CAPTIONS / REBLOGS ----*/
--Captions-Top-Gap:var(--Post-Padding);
--Reblog-Header-Center-Gap:13px;
--Reblog-Header-Bottom-Gap:1em;
--Post-Avatar-Size:34px;
--Post-Avatar-Rounded-Corners:100%;
--Post-Usernames-Color:{color:post usernames};
--Deactivated-Label-Text:{block:English}Deactivated{/block:English}{block:German}Deaktiviert{/block:German}{block:French}Désactivé{/block:French}{block:Italian}Disattivato{/block:Italian}{block:Japanese}無効化{/block:Japanese}{block:Turkish}Kapatıldı{/block:Turkish}{block:Spanish}Desactivado{/block:Spanish}{block:Russian}Деактивировано{/block:Russian}{block:Polish}deaktywowano{/block:Polish}{block:PortuguesePT}Desativado{/block:PortuguesePT}{block:PortugueseBR}Desativado{/block:PortugueseBR}{block:Dutch}Gedeactiveerd{/block:Dutch}{block:Korean}사용 안 함{/block:Korean}{block:ChineseSimplified}已关闭{/block:ChineseSimplified}{block:ChineseTraditional}已停用{/block:ChineseTraditional}{block:ChineseHK}已停用{/block:ChineseHK}{block:Indonesian}Dinonaktifkan{/block:Indonesian}{block:Hindi}निष्क्रिय{/block:Hindi};
--Reblog-Border-Size:1px;
--Reblog-Border-Color:var(--Post-Border-Color);
/*---- POST FOOTER ----*/
--Post-Footer-Border-Size:1px;
--Post-Footer-Border-Color:{color:post footer border};
--Post-Footer-Padding-X:{select:post header padding};
--Post-Footer-Padding-Y:calc((var(--Post-Footer-Padding-X) - (((var(--Post-Footer-Font-Size) * var(--Body-Line-Height)) - var(--Post-Footer-Font-Size)) / 2)) + 2px);
--Post-Footer-BG:{color:post footer BG};
--Post-Footer-Column-Spacing:calc(var(--Post-Padding) - 1px);
--Post-Footer-Font-Size:var(--SmallCaps-Font-Size);
--Post-Footer-Text-Color:{color:post footer text};
--Post-Footer-LH-Full:calc(var(--Post-Footer-Font-Size) * var(--Body-Line-Height));
--Post-Footer-Icons-Size:calc(var(--Post-Controls-Icon-Size) - 1px);
--Post-Footer-Items-Spacing:6px;
/*---- TAGS ----*/
--Tags-Top-Gap:var(--Captions-Top-Gap);
--Tags-Slide-Speed:0.5s;
--Tags-Fade-Delay:0.35s;
--Tags-Fade-Speed:0.5s;
--Tags-Font-Size:var(--SmallCaps-Font-Size);
--Tags-Line-Height:var(--Body-Line-Height);
--Tags-LH-V-Gap:calc(((var(--Tags-Font-Size) * var(--Tags-Line-Height)) - var(--Tags-Font-Size)) / 2);
--Tags-Padding-X:0.55rem;
--Tags-Padding-Y:calc(var(--Tags-Padding-X) - var(--Tags-LH-V-Gap));
--Tags-BG:{color:tags BG};
--Tags-Spacing-X:8px;
--Tags-Spacing-Y:var(--Tags-Spacing-X);
--Tags-Color:{color:tags};
--Tags-Hover-Speed:var(--Links-Hover-Speed);
--Tags-Hover-BG:{color:tags hover BG};
--Tags-Hover-Color:{color:tags hover};
/*---- POST CONTROLS ----*/
--Post-Controls-Spacing:6px;
--Post-Controls-Touch-Padding:6px;
--Post-Controls-Icon-Size:calc(var(--Body-Font-Size) * 1.25);
--Post-Controls-Button-Total-Size:calc(var(--Post-Controls-Icon-Size) + (var(--Post-Controls-Touch-Padding) * 2));
--Post-Controls-Icon-Color:{color:post buttons};
--Liked-Button-Color:{color:like button liked};
/*---- POST NOTES ----*/
--Post-Notes-Row-Spacing:0.75em;
--Post-Notes-Type-Icon-Size:calc(var(--Body-Font-Size) + 3px);
--Post-Notes-Type-Icon-Gap-Right:8px;
/*---- BACK-TO-TOP BUTTON ----*/
--BackToTop-Btn-Edge-Offset:15px;
--BackToTop-Btn-Total-Size:calc(var(--BackToTop-Btn-Arrow-Size) + (var(--BackToTop-Btn-Border-Size) * 2) + (var(--BackToTop-Btn-Padding) * 2));
--BackToTop-Btn-Border-Size:1px;
--BackToTop-Btn-Border-Color:{color:back to top border};
--BackToTop-Btn-Padding:0.45rem;
--BackToTop-Btn-BG:{color:back to top BG};
--BackToTop-Btn-Arrow-Size:calc(var(--Body-Font-Size) * 1.15);
--BackToTop-Btn-Arrow-Color:{color:back to top arrow};
--BackToTop-Fade-Speed:0.3s;
--BackToTop-Hover-Speed:var(--Links-Hover-Speed);
--BackToTop-Btn-HOVER-Border-Color:{color:back to top hover border};
--BackToTop-Btn-HOVER-BG:{color:back to top hover BG};
--BackToTop-Btn-HOVER-Arrow-Color:{color:back to top hover arrow};
/*---- BOTTOM BAR ----*/
/* page footer / bottom bar / bot bar / bot-bar / botbar */
--Bot-Bar-Border-Size:1px;
--Bot-Bar-Border-Color:{color:bottom bar border};
--Bot-Bar-Padding:{select:bottom bar padding};
--Bot-Bar-BG:{color:bottom bar BG};
--Bot-Bar-Text-Color:var(--Body-Text-Color);
--Bot-Bar-Column-Gap:min(var(--Bot-Bar-Padding),12px);
/* searchbar */
--Searchbar-Items-Spacing:4px;
--Searchbar-Border-Size:1px;
--Searchbar-Rounded-Corners:5px;
--Searchbar-Padding:8px;
--Searchbar-Col-Tallest:max(var(--Magnifying-Glass-Total-Size),var(--Searchbar-Field-Total-Height),var(--Search-Btn-Total-Height));
--Magnifying-Glass-Border-Size:var(--Searchbar-Border-Size);
--Magnifying-Glass-Border-Color:{color:searchbar border};
--Magnifying-Glass-Rounded-Corners:var(--Searchbar-Rounded-Corners);
--Magnifying-Glass-Padding:var(--Searchbar-Padding);
--Magnifying-Glass-BG:{color:searchbar BG};
--Magnifying-Glass-Size:calc(var(--SmallCaps-Font-Size) * 1.2);
--Magnifying-Glass-Color:{color:searchbar text};
--Magnifying-Glass-Total-Size:calc(var(--Magnifying-Glass-Size) + (var(--Magnifying-Glass-Padding) * 2));
--Searchbar-Field-Border-Size:var(--Searchbar-Border-Size);
--Searchbar-Field-Border-Color:{color:searchbar border};
--Searchbar-Field-Rounded-Corners:var(--Searchbar-Rounded-Corners);
--Searchbar-Field-Padding:var(--Searchbar-Padding);
--Searchbar-Field-BG:{color:searchbar BG};
--Searchbar-Field-Placeholder-Color:rgb(from {color:searchbar text} r g b / 75%);
--Searchbar-Field-Font-Size:calc(var(--SmallCaps-Font-Size) - 1px);
--Searchbar-Field-Text-Color:{color:searchbar text};
--Searchbar-Field-Total-Height:calc((var(--Searchbar-Field-Border-Size) * 2) + (var(--Searchbar-Field-Padding) * 2) + var(--Searchbar-Field-Font-Size));
--Search-Btn-Border-Size:var(--Searchbar-Border-Size);
--Search-Btn-Border-Color:{color:searchbar button border};
--Search-Btn-Rounded-Corners:var(--Searchbar-Rounded-Corners);
--Search-Btn-Padding:var(--Searchbar-Padding);
--Search-Btn-BG:{color:searchbar button BG};
--Search-Btn-Font-Size:calc(var(--SmallCaps-Font-Size) - 1px);
--Search-Btn-Text-Color:{color:searchbar button text};
--Search-Btn-Total-Height:calc((var(--Search-Btn-Border-Size) * 2) + (var(--Search-Btn-Padding) * 2) + var(--Search-Btn-Font-Size));
--Search-Btn-Hover-Speed:var(--Links-Hover-Speed);
--Search-Btn-HOVER-Border-Color:{color:searchbar button hover border};
--Search-Btn-HOVER-BG:{color:searchbar button hover BG};
--Search-Btn-HOVER-Text-Color:{color:searchbar button hover text};
/* pagination / page numbers */
--Page-Numbers-Arrow-Size:calc(var(--Body-Font-Size) * 1.2);
--Page-Numbers-Arrow-Gap:4px;
--Page-Numbers-Touch-Padding:6px;
--Page-Numbers-Font-Size:var(--SmallCaps-Font-Size);
--Page-Numbers-Spacing:calc(var(--Page-Numbers-Touch-Padding) + 8px);
--Page-Numbers-Color:{color:page numbers};
--Load-More-Spinner-Size:calc(var(--Heading-Font-Size) * 1.55);
--Load-More-Spinner-Speed:2.5s;
/* credit stuff */
--Crd-Logo-Size:calc(var(--SmallCaps-Font-Size) * 1.420);
--Crd-Logo-Gap:7px;
--Crd-Font-Size:calc(var(--SmallCaps-Font-Size) - 0.5px);
--Crd-Color:{color:credit};
/*----- TOOLTIPS OPTIONS -----*/
--Tooltips-Margin:15; /* number only */
--Tooltips-Fade-In-Delay:0s;
--Tooltips-Fade-In-Speed:0.4s;
--Tooltips-Fade-Out-Delay:0s;
--Tooltips-Fade-Out-Speed:0.4s;
--Tooltips-Border-Size:1px;
--Tooltips-Border-Color:{color:hover text border};
--Tooltips-Padding-X:0.85em;
--Tooltips-Padding-Y:0.85em;
--Tooltips-Rounded-Corners:0px;
--Tooltips-BG:{color:hover text BG};
--Tooltips-Font-Size:calc(var(--SmallCaps-Font-Size) - 1px);
--Tooltips-Text-Color:{color:hover text};
/*---- SCROLLBAR OPTIONS ----*/
--Scrollbar-Gutter:12px;
--Scrollbar-Padding:7px;
--Scrollbar-Thumb-Size:1px;
--Scrollbar-Total-Size:calc((var(--Scrollbar-Padding) * 2) + var(--Scrollbar-Thumb-Size));
--Scrollbar-Thumb:{color:scrollbar};
--Scrollbar-BG:{color:scrollbar BG};
}/* end root */
[vitanica-player]{
--MusicPlayer-Edge-Offset:22px;
/* hover animation */
--MusicPlayer-Animation-Style:"slide"; /* "slide" or "fade" or "none" */
--MusicPlayer-Animation-1-Speed:0.420s;
--MusicPlayer-Animation-2-Speed:0.420s;
/* circle */
--MusicPlayer-Circle-Padding:0.625rem;
--MusicPlayer-Circle-BG:{color:music player accent};
/* squares gif */
--MusicPlayer-Squares-Animation-Speed:0.45s;
--MusicPlayer-Squares-Color:{color:music player squares};
/* horizontal bar */
--MusicPlayer-Bar-Color:{color:music player accent};
--MusicPlayer-Bar-Rounded-Corners:0px;
/* rectangle/box */
--MusicPlayer-Rectangle-Left-Border-Color:{color:music player accent};
--MusicPlayer-Rectangle-Padding:0.625rem;
--MusicPlayer-Rectangle-BG:{color:music player box BG};
--MusicPlayer-Rectangle-Rounded-Corners:0px;
/* buttons */
--MusicPlayer-Buttons-Size:calc(var(--SmallCaps-Font-Size) + 1px);
--MusicPlayer-Buttons-Style:"fill"; /* "fill" or "outline" */
--MusicPlayer-Buttons-Color:{color:music player buttons};
--MusicPlayer-Buttons-Right-Gap:9px;
/* song name */
--MusicPlayer-Text-Font:var(--SmallCaps-Font-Family);
--MusicPlayer-Text-Font-Size:var(--SmallCaps-Font-Size);
--MusicPlayer-Text-Color:{color:music player text};
}/* don't delete this bracket */
/*------ TUMBLR CONTROLS: DESKTOP ------*/
body > iframe#tumblr_controls,
body > .iframe-controls--desktop {
top:calc(5px + var(--Top-Bar-Height,var(--Top-Bar-Height-Est)))!important;
right:5px!important;
position:fixed!important;
transform:scale(var(--TumblrControls-Zoom-Factor,100%),var(--TumblrControls-Zoom-Factor,100%));
transform-origin:100% 0;
z-index:11!important;
user-select:none;
}
[tumblr-controls-color="black"] body > iframe#tumblr_controls,
[tumblr-controls-color="black"] body > .iframe-controls--desktop {
filter:invert(100%) hue-rotate(180deg)!important;
-webkit-filter:invert(100%) hue-rotate(180deg)!important;
}
.tmblr-iframe--follow-teaser, .follow-teaser, .tmblr-iframe--app-cta-button {
display:none!important;
}
.iframe-controls--phone-mobile {
visibility:hidden!important;
height:0!important;
clip-path:inset(100%);
}
iframe[class*="tumblr_"], iframe[id*="tumblr_"],
iframe[class*="tumblr-"], iframe[id*="tumblr-"],
iframe[class*="tmblr-"], iframe[id*="tmblr-"]{
user-select:none;
}
/*------ TUMBLR CONTROLS: MOBILE ------*/
.new-tc-cont { display:none }
html.is-touch-device .new-tc-cont { display:block }
.new-tc-cont, iframe#new-tumblr-controls {
position:fixed;
top:0;left:0;
height:54px;
width:100%!important;
background:{color:top bar BG};
z-index:10;
}
body:has(> .os-scrollbar-vertical.os-scrollbar-visible) .new-tc-cont,
body:has(> .os-scrollbar-vertical.os-scrollbar-visible) iframe#new-tumblr-controls {
width:calc(100% - var(--Scrollbar-Total-Size))!important;
}
.tmblr-iframe-pushdown { padding-top:0!important }
/*------- BASICS -------*/
html {
font-size:var(--Base-Font-Size);
-webkit-text-size-adjust:100%;
}
html, body {
scroll-behavior:smooth;
overscroll-behavior-y:auto;
}
body {
margin:0;
background:url("{image:background image}") fixed {color:background};
font:var(--Body-Font-Weight,normal) var(--Body-Font-Size,0.9rem)/var(--Body-Line-Height,1.5) var(--Body-Font-Family), sans-serif;
letter-spacing:var(--Body-Letter-Spacing);
word-spacing:var(--Body-Word-Spacing);
word-break:break-word;
color:var(--Body-Text-Color);
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
overscroll-behavior-y:none;
}
html.is-touch-device,
html.is-touch-device body {
overscroll-behavior-y:auto;
}
[bg-size="small"] body {
background:url("{image:background image}") repeat fixed {color:background};
}
[bg-size="large"] body {
background:url("{image:background image}") no-repeat fixed center/cover {color:background};
}
img, canvas, iframe, video {
max-width:100%;
vertical-align:middle;
}
img, canvas, video { height:auto }
a {
color:var(--Links-Color);
text-decoration:none;
transition:all var(--Links-Hover-Speed) ease-in-out;
}
/* prioritize links color over b/i */
.comment-body b a, .comment-body a b,
.comment-body strong a, .comment-body a strong,
.comment-body i:not([class]) a, .comment-body a i:not([class]),
.comment-body em a, .comment-body a em {
color:var(--Links-Color)!important;
}
b, strong {
font-weight:var(--Bold-Font-Weight);
color:var(--Bold);
}
i:not([class]), em {
font-style:italic;
color:var(--Italic);
}
[class^="mgc_"]:before, [class*=" mgc_"]:before { color:inherit }
figure { margin:0 }
blockquote {
margin-right:0;
margin-left:var(--Blockquote-Left-Gap-1);
border-left:var(--Blockquote-Border-Size) solid var(--Blockquote-Border-Color);
padding-left:var(--Blockquote-Left-Gap-2);
}
[captions-style="old"]{
--Blockquote-Left-Gap-1:1em;
--Blockquote-Left-Gap-2:1em;
}
/* code text */
pre, code {
font:var(--Code-Font-Weight,normal) var(--Code-Font-Size,1.1rem)/var(--Code-Line-Height,1.65) var(--Code-Font-Family), monospace;
font-variant-ligatures:none;
font-variant-numeric:tabular-nums;
letter-spacing:var(--Code-Letter-Spacing);
word-spacing:var(--Code-Word-Spacing);
word-wrap:break-word;
}
pre {
border:var(--Code-Block-Border-Size) solid var(--Code-Block-Border-Color);
padding:var(--Code-Block-Padding-Y) var(--Code-Block-Padding-X);
background:var(--Code-Block-BG);
white-space:pre-wrap;
color:var(--Code-Block-Text-Color);
}
code:not(pre code){
border:var(--Code-Block-Border-Size) solid var(--Code-Block-Border-Color);
padding:calc(0.5em - (((var(--Code-Font-Size) * var(--Code-Line-Height)) - var(--Code-Font-Size)) / 2)) 0.5em;
background:var(--Code-Block-BG);
color:var(--Code-Block-Text-Color);
}
/* bullet lists, numbered 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));
text-align:initial;
}
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));
}
/* npf cursive */
body p.npf_quirky, body .npf_quirky {
font-size:calc(var(--Heading-Font-Size) * 1.25)!important;
line-height:calc(var(--Heading-Line-Height) * 0.9)!important;
}
/* default colored text */
/* tmblr.co/ZbO6tPho8Gd4Oq01 */
/* red */ .npf_color_joey, [style="color: #ff4930"]{color:#fe6b6d!important}
/* orange */ .npf_color_monica {color:#f98c64!important}
/* yellow */ .npf_color_phoebe, [style="color: #e8d738"]{color:#f4ba27!important}
/* green */ .npf_color_ross {color:#70bd76!important}
/* blue */ .npf_color_rachel {color:#5faeec!important}
/* purple */ .npf_color_chandler {color:#a995f0!important}
/* pink */ .npf_color_niles {color:#fd8fb3!important}
/* keep reading / read mores */
.read-more-row { text-align:center }
:is(p,blockquote,pre,ul,ol,h1,h2,h3,h4,h5,h6):empty { display:none }
:is(p,blockquote,pre,ul,ol,h1,h2,h3,h4,h5,h6):first-child,
:is(p,blockquote,pre,ul,ol,h1,h2,h3,h4,h5,h6):first-child:empty + :is(p,blockquote,pre,ul,ol,h1,h2,h3,h4,h5,h6){
margin-top:0;
}
:is(p,blockquote,pre,ul,ol,h1,h2,h3,h4,h5,h6):last-child,
:is(p,blockquote,pre,ul,ol,h1,h2,h3,h4,h5,h6):has(+ :is(p,blockquote,pre,ul,ol,h1,h2,h3,h4,h5,h6):last-child:empty){
margin-bottom:0;
}
hr {
/* example post: tmblr.co/Z2hZ-ViiBJikOe00 */
display:block;
width:69%;
margin:1em auto;
border:none;
height:1px;
background:rgb(from var(--Body-Text-Color) r g b / 25%);
}
/* text highlight / text selection / text selected */
::selection {
background:{color:text highlighted BG};
color:{color:text highlighted};
}
::-moz-selection {
background:{color:text highlighted BG};
color:{color:text highlighted};
}
/*------ FONT ADJUSTMENTS ------*/
[font="Geist"]{
--Body-Letter-Spacing:0.01em;
}
[font="Funnel Sans"]{
--Body-Font-Weight:450;
--Body-Font-Size:calc({select:font size} * 1.05);
--Header-Bubble-Desc-Font-Size:calc({select:header bubble desc font size} * 1.05);
}
/*------ CAPS FONT ADJUSTMENTS ------*/
[caps-font="Gabarito"]{
--SmallCaps-Letter-Spacing:0.069em;
}
[caps-font="National Park"]{
--SmallCaps-Letter-Spacing:0.05em;
--SmallCaps-Font-Weight:650;
}
[caps-font="Ancizar Serif"]{
--Top-Bar-Links-Font-Size:calc(({select:top bar links font size} + 0.5px) * 1.1);
--SmallCaps-Font-Size:calc(({select:small caps font size} + 0.5px) * 1.1);
--SmallCaps-Letter-Spacing:0.04em;
}
[caps-font="Poltawski Nowy"]{
--SmallCaps-Letter-Spacing:0.055em;
}
/*------ HEADING FONT ADJUSTMENTS ------*/
/* Stack Sans Notch */
[heading-font="Stack Sans Notch"]{
--Heading-Letter-Spacing:0.07em;
--Heading-Word-Spacing:0.07em;
}
[top-bar-title-font="Stack Sans Notch"] .tb-title h1 {
--Top-Bar-Title-Letter-Spacing:0.07em;
--Top-Bar-Title-Word-Spacing:0.07em;
}
[header-title-font="Stack Sans Notch"] .bubble-title {
--Header-Title-Letter-Spacing:0.07em;
--Header-Title-Word-Spacing:0.07em;
}
[sb-title-font="Stack Sans Notch"] .sb-title {
--SB-Boxes-Title-Letter-Spacing:0.07em;
--SB-Boxes-Title-Word-Spacing:0.07em;
}
/* Lexend */
[heading-font="Lexend"]{
--Heading-Letter-Spacing:0.06em;
--Heading-Word-Spacing:0.05em;
}
[top-bar-title-font="Lexend"] .tb-title h1 {
--Top-Bar-Title-Letter-Spacing:0.06em;
--Top-Bar-Title-Word-Spacing:0.05em;
}
[header-title-font="Lexend"] .bubble-title {
--Header-Title-Letter-Spacing:0.06em;
--Header-Title-Word-Spacing:0.05em;
}
[sb-title-font="Lexend"] .sb-title {
--SB-Boxes-Title-Letter-Spacing:0.06em;
--SB-Boxes-Title-Word-Spacing:0.05em;
}
/* Kalnia */
[heading-font="Kalnia"]{
--Heading-Letter-Spacing:0.06em;
}
[top-bar-title-font="Kalnia"] .tb-title h1 {
--Top-Bar-Title-Letter-Spacing:0.06em;
}
[header-title-font="Kalnia"] .bubble-title {
--Header-Title-Letter-Spacing:0.06em;
}
[sb-title-font="Kalnia"] .sb-title {
--SB-Boxes-Title-Letter-Spacing:0.06em;
}
/* Averia Serif Libre */
[heading-font="Averia Serif Libre"]{
--Heading-Letter-Spacing:0.035em;
}
[top-bar-title-font="Averia Serif Libre"] .tb-title h1 {
--Top-Bar-Title-Letter-Spacing:0.035em;
}
[header-title-font="Averia Serif Libre"] .bubble-title {
--Header-Title-Letter-Spacing:0.035em;
}
[sb-title-font="Averia Serif Libre"] .sb-title {
--SB-Boxes-Title-Letter-Spacing:0.035em;
}
/*------ SMALL CAPS FONT ------*/
.caps, nav.tb-nav ul li, .cl-wrap a, .post-header, .username, .comment-body p > a.tumblr_blog, .site-name, p.tmblr-attribution, .ask-head, .ans-head, a.read-more-link, a.poll-row, .npf-alt-text-btn, .chat-label, .actual-ct, .actual-dur, .content-src a, .npf-post-source a, .quote-set figcaption a, .tagscont, .post-info-left, ol.notes li span.action > a, ol.notes .more_notes_link, ol.notes .notes_loading, .bot-bar, .tippy-content, [vitanica-player] figcaption, .custo-qMcwWKc a span {
font:var(--SmallCaps-Font-Weight,normal) var(--SmallCaps-Font-Size,inherit) var(--SmallCaps-Font-Family), sans-serif;
text-transform:uppercase;
letter-spacing:var(--SmallCaps-Letter-Spacing);
word-spacing:var(--SmallCaps-Word-Spacing);
}
/*------ HEADING FONT ------*/
h1, h2, h3, h4, h5, h6, .post-title {
font:var(--Heading-Font-Weight,normal) var(--Heading-Font-Size,1.1rem)/var(--Heading-Line-Height,1.7) var(--Heading-Font-Family), sans-serif;
text-transform:uppercase;
letter-spacing:var(--Heading-Letter-Spacing);
word-spacing:var(--Heading-Word-Spacing);
}
h1, h2, h3 { text-align:center }
h2 { font-size:calc(var(--Heading-Font-Size) * 0.9) }
h3 { font-size:calc(var(--Heading-Font-Size) * 0.985) }
h4, h5, h6 {
font-size:max(calc(var(--Heading-Font-Size) * 0.8), var(--Body-Font-Size));
}
/*------ LINKS UNDERLINES ------*/
.bub-inner a, .sb-contents a:not(.cl-wrap a), .tmblr-attribution a, .ans a, .comment-body a:not(a.audio-dl, .comment-body p > a.tumblr_blog, a.the-link, a.poll-row), ol.notes li.with_commentary:not(.original_post):has(+ li) blockquote a:only-child, .npf-post-source a, .quote-set figcaption a, [captions-style="old"] a.user-flex, [customize-page] a.tumblr_blog {
text-decoration:underline var(--Links-Underline-Color) var(--Links-Underline-Size);
text-underline-offset:var(--Links-Underline-Gap);
text-decoration-skip-ink:none;
}
/*-------- ROUNDED CORNERS --------*/
[rounded-corners$="px"] .post-header .ph-inner,
[rounded-corners$="px"] .post-footer .pf-inner,
[rounded-corners$="px"] .post-body,
[rounded-corners$="px"] .tagscont a,
[rounded-corners$="px"] .sb-title,
[rounded-corners$="px"] .sb-contents,
[rounded-corners$="px"] .updt-label,
[rounded-corners$="px"] .btt-btn {
border-radius:var(--Rounded-Corners);
}
[rounded-corners$="px"]:root {
--Lightbox-Image-Rounded-Corners:var(--Rounded-Corners);
--Tooltips-Rounded-Corners:var(--Rounded-Corners);
}
[rounded-corners$="px"] [vitanica-player]{
--MusicPlayer-Bar-Rounded-Corners:var(--Rounded-Corners);
--MusicPlayer-Rectangle-Rounded-Corners:var(--Rounded-Corners);
}
[rounded-corners$="px"][sb-title-bot-gap="0px"] .sb-box.box-has-contents .sb-title {
border-radius:var(--Rounded-Corners) var(--Rounded-Corners) 0 0;
}
[rounded-corners$="px"][sb-title-bot-gap="0px"] .sb-box.box-has-title .sb-contents {
border-radius:0 0 var(--Rounded-Corners) var(--Rounded-Corners);
}
[post-layout-spacing="0rem"][rounded-corners$="px"] .post-header .ph-inner {
border-radius:var(--Rounded-Corners) var(--Rounded-Corners) 0 0;
}
[post-layout-spacing="0rem"][rounded-corners$="px"] .posts {
border-radius:var(--Rounded-Corners);
}
[post-layout-spacing="0rem"][rounded-corners$="px"] .post-footer .pf-inner {
border-radius:0 0 var(--Rounded-Corners) var(--Rounded-Corners);
}
[post-layout-spacing$="px"][rounded-corners$="px"] .legacy-photo,
[post-layout-spacing$="px"][rounded-corners$="px"] .legacy-photoset,
[post-layout-spacing$="px"][rounded-corners$="px"] .legacy-audio,
[post-layout-spacing$="px"][rounded-corners$="px"] .legacy-video,
[post-layout-spacing$="px"][rounded-corners$="px"] .npf_inst,
[post-layout-spacing$="px"][rounded-corners$="px"] .npf_row-small-image img,
[post-layout-spacing$="px"][rounded-corners$="px"] .post-title,
[post-layout-spacing$="px"][rounded-corners$="px"] .link-title-wrap,
[post-layout-spacing$="px"][rounded-corners$="px"] .qa-set,
[post-layout-spacing$="px"][rounded-corners$="px"] li.chat-line.odd,
[post-layout-spacing$="px"][rounded-corners$="px"] pre {
border-radius:var(--Rounded-Corners);
overflow:hidden;
}
/*-------- TOP BAR --------*/
.top-bar {
position:fixed;
top:0;left:0;
width:100%;
background:var(--Top-Bar-BG);
z-index:10;
}
html.is-touch-device .new-tc-cont ~ .top-bar {
margin-top:54px;
}
/* top bar: mobile menu: button */
.top-bar .mobi-nav-btn { display:none }
.top-bar .mobi-nav-btn i[class]:not([class=""]){
display:block;
font-size:var(--Top-Bar-Mobile-Menu-Trigger-Icon-Size);
color:var(--Top-Bar-Links-Icon-Color);
}
.top-bar .mobi-nav-btn i.mgc_menu_line { transform:scaleY(0.9) }
.top-bar .mobi-nav-btn input[type="checkbox"] ~ i[class]:not([class=""]):not(input + i){ display:none }
nav.tb-nav {
display:flex;
align-items:center;
justify-content:center;
padding:var(--Top-Bar-Padding);
}
/* top bar: links */
nav.tb-nav ul li a:not(.tb-title h1 + a){
font-size:var(--Top-Bar-Links-Font-Size);
color:var(--Top-Bar-Links-Text-Color);
transition:color var(--Top-Bar-Links-Hover-Speed) ease-in-out;
}
nav.tb-nav ul li a:not(.tb-title h1 + a) > span {
display:block;
max-width:100%;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
nav.tb-nav ul li a:not(.tb-title h1 + a):hover {
color:var(--Top-Bar-Links-Hover-Text-Color);
}
nav.tb-nav ul li a:not(.tb-title h1 + a):hover:after {
width:calc(100% - (var(--Top-Bar-Links-Touch-Padding) * 2) + 3px);
}
/* top bar: links: icons */
nav.tb-nav ul li a i[class]:not([class=""]){
font-size:var(--Top-Bar-Links-Icon-Size);
color:var(--Top-Bar-Links-Icon-Color);
transition:color var(--Top-Bar-Links-Hover-Speed) ease-in-out;
}
nav.tb-nav ul li a:hover i[class]:not([class=""]){
color:var(--Top-Bar-Links-Hover-Icon-Color);
}
nav.tb-nav .nv-ask-hide, nav.tb-nav .nv-submit-hide { display:none }
/* top bar: title */
.tb-title {
text-align:center;
gap:var(--Top-Bar-Title-Brackets-Spacing);
color:var(--Top-Bar-Title-Color);
}
.tb-title h1 {
font:var(--Top-Bar-Title-Font-Weight,normal) var(--Top-Bar-Title-Font-Size,1.1rem)/var(--Top-Bar-Title-Line-Height,1) var(--Top-Bar-Title-Font-Family), sans-serif;
text-transform:uppercase;
letter-spacing:var(--Top-Bar-Title-Letter-Spacing);
word-spacing:var(--Top-Bar-Title-Word-Spacing);
}
.tb-title h1 + a {
position:absolute!important;
display:block!important;
top:0;left:0;
width:100%;
height:100%;
z-index:1;
}
.tbt-no-brackets { margin:0!important }
.tbt-no-brackets:before, .tbt-no-brackets:after { display:none }
/*-------- HEADER --------*/
.top-bar + .main-header {
margin-top:var(--Top-Bar-Height,var(--Top-Bar-Height-Est));
}
html.is-touch-device .top-bar + .main-header {
margin-top:calc(54px + var(--Top-Bar-Height,var(--Top-Bar-Height-Est)));
}
[header-vis="hide"] .main-header,
[header-vis="homepage"] .main-header,
[header-vis="home and post page"] .main-header {
display:none;
}
[header-vis="homepage"][homepage] .main-header,
[header-vis="home and post page"][homepage][page-number="1"] .main-header,
[header-vis="home and post page"][perma-page][has-posts] .main-header { display:block }
.actual-header {
position:relative;
background:var(--Header-BG-Color) var(--Header-Image) no-repeat var(--Header-Image-Anchor) / cover;
}
/* header heights: ASPECT RATIOS */
[data-header-height^="AR-"] .actual-header {
height:0;
aspect-ratio:initial;
}
[data-header-height="AR-16/9"] .actual-header { padding-bottom:calc(100% / 16 * 9) }
[data-header-height="AR-21/9"] .actual-header { padding-bottom:calc(100% / 21 * 9) }
[data-header-height="AR-3/1"] .actual-header { padding-bottom:calc(100% / 3 * 1) }
@supports (aspect-ratio: 1/1){
[data-header-height^="AR-"] .actual-header {
height:auto;
padding-bottom:0;
}
[data-header-height="AR-16/9"] .actual-header { aspect-ratio:16/9 }
[data-header-height="AR-21/9"] .actual-header { aspect-ratio:21/9 }
[data-header-height="AR-3/1"] .actual-header { aspect-ratio:3/1 }
}
/* header heights: VH */
[data-header-height="30vh"] .actual-header { height:calc(30vh - var(--Top-Bar-Height,var(--Top-Bar-Height-Est))) }
[data-header-height="35vh"] .actual-header { height:calc(35vh - var(--Top-Bar-Height,var(--Top-Bar-Height-Est))) }
[data-header-height="40vh"] .actual-header { height:calc(40vh - var(--Top-Bar-Height,var(--Top-Bar-Height-Est))) }
[data-header-height="45vh"] .actual-header { height:calc(45vh - var(--Top-Bar-Height,var(--Top-Bar-Height-Est))) }
[data-header-height="50vh"] .actual-header { height:calc(50vh - var(--Top-Bar-Height,var(--Top-Bar-Height-Est))) }
[data-header-height="55vh"] .actual-header { height:calc(55vh - var(--Top-Bar-Height,var(--Top-Bar-Height-Est))) }
[data-header-height="60vh"] .actual-header { height:calc(60vh - var(--Top-Bar-Height,var(--Top-Bar-Height-Est))) }
[data-header-height="65vh"] .actual-header { height:calc(65vh - var(--Top-Bar-Height,var(--Top-Bar-Height-Est))) }
[data-header-height="70vh"] .actual-header { height:calc(70vh - var(--Top-Bar-Height,var(--Top-Bar-Height-Est))) }
[data-header-height="75vh"] .actual-header { height:calc(75vh - var(--Top-Bar-Height,var(--Top-Bar-Height-Est))) }
[data-header-height="80vh"] .actual-header { height:calc(80vh - var(--Top-Bar-Height,var(--Top-Bar-Height-Est))) }
[data-header-height="85vh"] .actual-header { height:calc(85vh - var(--Top-Bar-Height,var(--Top-Bar-Height-Est))) }
[data-header-height="90vh"] .actual-header { height:calc(90vh - var(--Top-Bar-Height,var(--Top-Bar-Height-Est))) }
[data-header-height="95vh"] .actual-header { height:calc(95vh - var(--Top-Bar-Height,var(--Top-Bar-Height-Est))) }
[data-header-height="100vh"] .actual-header { height:calc(100vh - var(--Top-Bar-Height,var(--Top-Bar-Height-Est))) }
/* vitanica player adjustments */
[vitanica-player].mp-hide, [vitanica-player-each].mp-hide { display:none!important }
header [vitanica-player]{
margin-top:calc(var(--Top-Bar-Height,var(--Top-Bar-Height-Est)) + var(--MusicPlayer-Edge-Offset))!important;
}
html.is-touch-device header [vitanica-player]{
margin-top:calc(54px + var(--Top-Bar-Height,var(--Top-Bar-Height-Est)) + var(--MusicPlayer-Edge-Offset))!important;
}
[vitanica-player]{
position:fixed;
max-width:calc(100vw - (var(--MusicPlayer-Edge-Offset) * 2));
}
/* header inner */
.header-inner {
position:absolute;
top:0;
height:100%;
display:flex;
align-items:center;
width:var(--Header-Inner-Width);
overflow:hidden;
z-index:1;
}
/* hide header text column on smaller screens */
@media(max-width:580px){
html:not([customize-page]) .header-inner { display:none }
}
.header-inner.bubble-left {
left:0;margin-left:var(--Header-Bubble-Edge-X-Offset);
justify-content:flex-start;
}
.header-inner.bubble-right {
right:0;margin-right:var(--Header-Bubble-Edge-X-Offset);
justify-content:flex-end;
}
/* header title (above bubble) */
.bubble-title {
font:var(--Header-Title-Font-Weight,normal) var(--Header-Title-Font-Size,1.1rem)/var(--Header-Title-Line-Height,1) var(--Header-Title-Font-Family), sans-serif;
letter-spacing:var(--Header-Title-Letter-Spacing);
word-spacing:var(--Header-Title-Word-Spacing);
color:var(--Header-Title-Color);
text-align:var(--Header-Title-Align);
}
/* desc / desc text */
.bub-inner {
font-size:var(--Header-Bubble-Desc-Font-Size);
color:var(--Header-Bubble-Desc-Text-Color);
line-height:var(--Header-Bubble-Desc-Line-Height);
}
.bub-inner img { max-width:100% }
[bub-desc-txt-align="left"] .bub-inner { text-align:left }
[bub-desc-txt-align="right"] .bub-inner { text-align:right }
[bub-desc-txt-align="justify"] .bub-inner { text-align:justify }
[bub-desc-txt-align="center"] .bub-inner {
text-align:center;
text-wrap:balance;
}
html[lang]:not([lang=""]) .bub-hyphens-yes {
hyphens:auto;
}
.bub-inner b, .bub-inner strong {
color:var(--Header-Bubble-Desc-Bold-Color);
}
.bub-inner i:not([class]), .bub-inner em {
color:var(--Header-Bubble-Desc-Italic-Color);
}
.bub-inner a {
--Links-Underline-Size:var(--Header-Bubble-Desc-Links-Underline-Size);
--Links-Underline-Color:var(--Header-Bubble-Desc-Links-Underline-Color);
color:var(--Header-Bubble-Desc-Links-Color);
}
/* prioritize links color over b/i */
.bub-inner b a, .bub-inner a b,
.bub-inner strong a, .bub-inner a strong,
.bub-inner i:not([class]) a, .bub-inner a i:not([class]),
.bub-inner em a, .bub-inner a em {
color:var(--Header-Bubble-Desc-Links-Color)!important;
}
/* header gradient */
.header-gradient-show {
position:absolute;
bottom:0;left:0;
width:100%;
height:var(--Header-Gradient-Height);
background:linear-gradient(to top, var(--Header-Gradient-Color), transparent);
z-index:0;
pointer-events:none;
}
/*-------- CONTAINER --------*/
.tout {
margin:var(--Screen-Gaps) auto;
padding:0 var(--Screen-Gaps);
display:flex;
align-items:flex-start;
gap:var(--Center-Gap);
width:var(--Container-Width-Total-With-Side-Padding);
min-height:var(--SBH,0px);
}
@supports (width:fit-content){
.tout { width:fit-content }
}
[header-vis="hide"] .tout,
[header-vis="homepage"][tag-page] .tout,
[header-vis="homepage"][search-page] .tout,
[header-vis="homepage"][perma-page] .tout,
[header-vis="home and post page"] .tout {
margin-top:calc(var(--Screen-Gaps) + var(--Top-Bar-Height,var(--Top-Bar-Height-Est)));
}
html.is-touch-device[header-vis="hide"] .tout,
html.is-touch-device[header-vis="homepage"][tag-page] .tout,
html.is-touch-device[header-vis="homepage"][search-page] .tout,
html.is-touch-device[header-vis="homepage"][perma-page] .tout,
html.is-touch-device[header-vis="home and post page"] .tout {
margin-top:calc(54px + var(--Screen-Gaps) + var(--Top-Bar-Height,var(--Top-Bar-Height-Est)));
}
[header-vis="home and post page"][homepage][page-number="1"] .tout,
[header-vis="home and post page"][perma-page][has-posts] .tout {
margin-top:var(--Screen-Gaps);
}
.tout:has(~ .bot-bar){
margin-bottom:calc(var(--Screen-Gaps) + var(--Bot-Bar-Height));
}
/* shadows */
[shads="yes"] .tout,
[shads="yes"] .tmblr-lightbox img,
[shads="yes"] #tumblr_lightbox img,
[shads="yes"] .npf-alt-text-box-outer,
[shads="yes"] [vitanica-player] .player-inner,
[shads="yes"] .btt-btn,
[shads="yes"] .custo-qMcwWKc {
filter:drop-shadow(0 4px 10px rgba(0,0,0,6.9%));
}
/* layout */
.tout.sb-left { flex-flow:row nowrap }
.tout.sb-right { flex-flow:row-reverse nowrap }
/*-------- SIDEBAR --------*/
aside.sb {
position:sticky;
top:calc(var(--Top-Bar-Height,var(--Top-Bar-Height-Est)) + var(--Screen-Gaps));
height:0;
width:var(--Sidebar-Width);
flex-shrink:0;
}
html.is-touch-device aside.sb {
top:calc(54px + var(--Top-Bar-Height,var(--Top-Bar-Height-Est)) + var(--Screen-Gaps));
}
.sb-hug {
display:flex;
flex-direction:column;
gap:var(--Sidebar-Boxes-Spacing);
}
.sb-box {
display:flex;
flex-direction:column;
gap:var(--SB-Boxes-Title-Bottom-Gap);
}
.sb-box.box-no-title.box-no-contents { display:none }
.sb-title {
font:var(--SB-Boxes-Title-Font-Weight) var(--SB-Boxes-Title-Font-Size)/var(--SB-Boxes-Title-Line-Height) var(--SB-Boxes-Title-Font-Family), sans-serif;
letter-spacing:var(--SB-Boxes-Title-Letter-Spacing);
word-spacing:var(--SB-Boxes-Title-Word-Spacing);
color:var(--SB-Boxes-Title-Color);
}
.sb-box.box-no-title .sb-title { display:none }
.sb-mobi-box, .sb-read-less { display:none }
.sb-mobi-box .sb-title input[type="checkbox"]{
cursor:help;
}
.sb-contents {
font-size:var(--SB-Boxes-Font-Size);
color:var(--SB-Boxes-Text-Color);
line-height:var(--SB-Boxes-Line-Height);
}
.sb-box.box-no-contents .sb-contents { display:none }
[sb-box-txt-align="left"] .sb-contents { text-align:left }
[sb-box-txt-align="right"] .sb-contents { text-align:right }
[sb-box-txt-align="justify"] .sb-contents { text-align:justify }
[sb-box-txt-align="center"] .sb-contents {
text-align:center;
text-wrap:balance;
}
.sb-contents b, .sb-contents strong {
color:var(--SB-Boxes-Bold-Color);
}
.sb-contents i:not([class]), .sb-contents em {
color:var(--SB-Boxes-Italic-Color);
}
.sb-contents a {
--Links-Underline-Size:var(--SB-Boxes-Links-Underline-Size);
--Links-Underline-Color:var(--SB-Boxes-Links-Underline-Color);
color:var(--SB-Boxes-Links-Color);
}
/* prioritize links color over b/i */
.sb-contents b a, .sb-contents a b,
.sb-contents strong a, .sb-contents a strong,
.sb-contents i:not([class]) a, .sb-contents a i:not([class]),
.sb-contents em a, .sb-contents a em {
color:var(--SB-Boxes-Links-Color)!important;
}
.sbb-inner { opacity:0 }
.sbb-inner.ready { opacity:1 }
.sbb-inner, .sbb-inner.ready { transition:opacity 0.15s ease-in-out }
.updt-group {
display:flex;
flex-direction:column;
gap:var(--Updates-Row-Spacing);
text-wrap:auto;
}
.updt-row {
display:flex;
align-items:flex-start;
gap:var(--Updates-Column-Spacing);
}
.updt-row .updt-label {
font:var(--Updates-Label-Font-Weight,normal) var(--Updates-Label-Font-Size,0.9rem)/var(--Body-Line-Height,1.5) var(--Updates-Label-Font-Family), sans-serif;
letter-spacing:var(--Updates-Label-Letter-Spacing);
word-spacing:var(--Updates-Label-Word-Spacing);
color:var(--Updates-Label-Text-Color);
text-align:left;
}
.updt-row .updt-label-inner {
padding:var(--Updates-Label-Padding-Y) var(--Updates-Label-Padding-X);
background:var(--Updates-Label-BG);
border-radius:var(--Updates-Label-Rounded-Corners);
}
[updt-deets-align="left"] .updt-deets {
text-align:left;
}
[updt-deets-align="right"] .updt-deets {
text-align:right;
}
.cl-wrap {
display:grid;
grid-template-columns:repeat(var(--Custom-Links-Columns,1),1fr);
gap:var(--Custom-Links-Spacing);
}
.cl-wrap.rc-all {
border-radius:var(--Custom-Links-Rounded-Corners);
overflow:hidden;
}
.cl-wrap a {
display:flex;
align-items:flex-start;
gap:var(--Custom-Links-Icon-Right-Gap);
padding:var(--Custom-Links-Padding-Y) var(--Custom-Links-Padding-X);
background:var(--Custom-Links-BG);
font-size:var(--Custom-Links-Font-Size);
line-height:var(--Body-Line-Height);
color:var(--Custom-Links-Text-Color);
transition:background var(--Custom-Links-Hover-Speed) ease-in-out, color var(--Custom-Links-Hover-Speed) ease-in-out;
}
.cl-wrap a:hover {
background:var(--Custom-Links-Hover-BG);
color:var(--Custom-Links-Hover-Text-Color);
}
.cl-wrap.rc-each a {
border-radius:var(--Custom-Links-Rounded-Corners);
}
.cl-wrap a i[class]:not([class=""]){
flex-shrink:0;
display:flex;
align-items:center;
transform:translateY(-.5px) perspective(0);
min-height:var(--Custom-Links-Col-Max-H);
font-size:var(--Custom-Links-Icon-Size);
color:var( --Custom-Links-Icon-Color);
}
.cl-wrap.ico-no-icon a span { text-align:center }
.cl-wrap.ico-no-icon i[class]:not([class=""]){ display:none }
.cl-wrap a span {
flex:1;
text-align:left;
}
/*------ POSTS COLUMN ------*/
main {
display:flex;
flex-flow:column nowrap;
align-items:center; /* x-center */
width:var(--Post-Width-Total);
gap:var(--Post-Spacing);
}
.tout main { flex:1 }
/*------- POSTS -------*/
.all-posts {
display:flex;
flex-flow:column nowrap;
gap:var(--Post-Spacing);
width:100%;
}
.posts {
display:flex;
flex-flow:column nowrap;
gap:var(--Post-Layout-Spacing);
width:100%;
}
html[post-layout-spacing="0rem"] .posts {
border:var(--Post-Border-Size) solid var(--Post-Border-Color);
}
.post-body {
border:var(--Post-Border-Size) solid var(--Post-Border-Color);
padding:var(--Post-Padding);
background:var(--Post-BG);
overflow:hidden;
}
html[post-layout-spacing="0rem"] .post-body { border:none }
/*------- POST HEADER -------*/
header.post-header {
display:flex;
flex-flow:column nowrap;
}
.ph-inner {
display:flex;
justify-content:space-between;
border:var(--Post-Header-Border-Size) solid var(--Post-Header-Border-Color);
padding:var(--Post-Header-Padding-Y) var(--Post-Header-Padding-X);
background:var(--Post-Header-BG);
overflow:hidden;
gap:var(--Post-Header-Padding-X);
font-size:var(--Post-Header-Font-Size);
line-height:var(--Body-Line-Height);
}
html[post-layout-spacing="0rem"] .ph-inner {
border:0px solid transparent;
border-bottom:var(--Post-Header-Border-Size) solid var(--Post-Header-Border-Color);
}
.ph-inner, .ph-inner a {
color:var(--Post-Header-Text-Color);
}
.ph-left { overflow:hidden }
.p-flex {
display:flex;
align-items:center;
gap:var(--Post-Header-Items-Spacing);
}
.droite-a[class*="og-timestamp-"]{ display:none }
.p-un:before {
content:"@";
margin-right:1px;
}
.droite-a.p-un ~ .droite-a { display:none }
/*------- NPF ADJUSTMENTS -------*/
/* row: single col: img width is greater than 299 but less than post width */
/* example post: devsmaycry.tumblr.com/post/809022013246259200 */
.npf_row-full-width-image .tmblr-full,
.npf_row-full-width-image .tmblr-full img {
width:100%!important;
}
/* npf stuff before v4 does its thing */
.comment-body figure:not([class]) + figure:not([class]){
margin-top:var(--NPF-Images-Spacing);
}
/* npf imgs: single col: stretch if not small */
.npf_photo_single .npf_row:not(.npf_row-small-image) .tmblr-full,
.npf_photo_single .npf_row:not(.npf_row-small-image) .tmblr-full img { width:100% }
/* gif src attribution */
p.tmblr-attribution {
line-height:var(--Body-Line-Height);
}
/*------- TEXT POSTS -------*/
/* headings (posts) */
.post-title {
border:var(--Post-Title-Border-Size) solid var(--Post-Title-Border-Color);
padding:calc(var(--Post-Title-Padding) - var(--Post-Title-LH-V-Gap)) var(--Post-Title-Padding);
background:var(--Post-Title-BG);
color:var(--Post-Title-Text-Color);
}
/*------- PHOTO POSTS -------*/
.legacy-photoset > img { display:none } /* ignore this */
img[onclick*="Tumblr.Lightbox.init"]{
cursor:pointer;
}
/* lightboxes */
.tmblr-lightbox, #tumblr_lightbox {
background:rgb(from var(--Lightbox-BG) r g b / var(--Lightbox-BG-Strength))!important;
backdrop-filter:blur(var(--Lightbox-BG-Blur-Amount));
}
.tmblr-lightbox .vignette, #tumblr_lightbox #vignette { opacity:0 }
.tmblr-lightbox img, #tumblr_lightbox img {
max-width:none!important;
box-shadow:none!important;
border-radius:var(--Lightbox-Image-Rounded-Corners)!important;
}
/*------- QUOTE POSTS -------*/
.quote-set, .quote-set blockquote, .quote-set figcaption {
margin:0;
text-align:center;
text-wrap:balance;
}
.quote-set:not(:first-child){ margin-top:1em }
.quote-set:not(:last-child){ margin-bottom:1em }
.quote-set {
position:relative;
display:flex;
flex-flow:column nowrap;
gap:var(--Quote-Post-Row-Spacing);
}
/* quote icon */
.quote-set:before {
content:"\f21d";
display:block;
font:normal normal var(--Quote-Icon-Size)/1 "MingCute";
}
/* quote icon side lines */
.quote-set:after {
content:"";
position:absolute;
top:0;left:0;
width:100%;
height:var(--Quote-Icon-Lines-Thickness);
background:linear-gradient(to right,transparent,var(--Quote-Icon-Lines-Color) 20%,var(--Quote-Icon-Lines-Color) 80%,transparent);
margin-top:calc(var(--Quote-Icon-Size) / 2);
clip-path:polygon(0% 0%,0% 100%,calc(50% - var(--Quote-Icon-Lines-Side-Gaps)) 100%,calc(50% - var(--Quote-Icon-Lines-Side-Gaps)) 0,calc(50% + var(--Quote-Icon-Lines-Side-Gaps)) 0,calc(50% + var(--Quote-Icon-Lines-Side-Gaps)) 100%,100% 100%,100% 0%);
}
.quote-set blockquote {
font:var(--Quote-Font-Weight,normal) var(--Quote-Font-Size,1.1rem)/var(--Quote-Line-Height,1.7) var(--Quote-Font-Family), sans-serif;
text-transform:uppercase;
letter-spacing:var(--Quote-Letter-Spacing);
word-spacing:var(--Quote-Word-Spacing);
}
[post-type="quote"]:not(.previously-npf) .quote-post + .quote-post-reblogs { display:none!important }
/* inline quotes */
body .npf_quote, body p.npf_quote {
font:var(--Quote-Font-Weight, normal) var(--Quote-Font-Size, 1.1rem) / var(--Quote-Line-Height, 1.7) var(--Quote-Font-Family), sans-serif;
text-transform:uppercase;
letter-spacing:var(--Quote-Letter-Spacing);
word-spacing:var(--Quote-Word-Spacing);
}
/*------- LINK POSTS -------*/
.legacy-link-info, .npf-link-block { display:none!important }
.comment-body article.link-article:not(:last-child){
margin-bottom:1em;
}
a.the-link {
display:flex;
flex-flow:column nowrap;
gap:var(--Link-Post-Row-Spacing);
color:var(--Link-Post-Title-Text-Color);
}
.link-title-wrap {
border:var(--Link-Post-Title-Border-Size) solid var(--Link-Post-Title-Border-Color);
padding:calc(var(--Link-Post-Title-Padding) - var(--Link-Post-Title-LH-V-Gap)) var(--Link-Post-Title-Padding);
background:var(--Link-Post-Title-BG);
}
.link-title-wrap h2 {
font-size:var(--Link-Post-Title-Font-Size);
line-height:var(--Link-Post-Title-Line-Height);
text-align:left;
}
.link-arr-wrap i[class]:not([class=""]){
font-size:var(--Link-Post-Title-Arrow-Size);
}
/*------- CHAT POSTS -------*/
ul.chat-wrap {
list-style:none;
}
.comment-body ul.chat-wrap:not(:first-child){ margin-top:1em }
.comment-body ul.chat-wrap:not(:last-child){ margin-bottom:1em }
li.chat-line {
padding:var(--Chat-Post-Row-Padding-Y) var(--Chat-Post-Row-Padding-X);
}
li.chat-line.odd {
background:var(--Chat-Post-Row-Alternating-BG);
color:var(--Chat-Post-Row-Alternating-Text-Color);
}
li.chat-line.odd b.chat-label {
color:var(--Chat-Post-Row-Alternating-Text-Color)!important;
}
li.chat-line.even:last-child { padding-bottom:0 }
.chat-content {
font:var(--Chat-Post-Font-Weight,normal) var(--Chat-Post-Font-Size,0.9rem)/var(--Chat-Post-Line-Height,1.5) var(--Chat-Post-Font-Family), sans-serif;
letter-spacing:var(--Chat-Post-Letter-Spacing);
word-spacing:var(--Chat-Post-Word-Spacing);
}
[post-type="chat"]:not(.previously-npf) .chat-post + .chat-post-reblogs { display:none!important }
/*------- VIDEO POSTS -------*/
.legacy-video .tumblr_video_container {
width:auto!important;
height:auto!important;
max-width:100%;
}
.actual-ct, .actual-dur {
font-weight:var(--Video-Player-Font-Weight)!important;
font-size:var(--Video-Player-Font-Size)!important;
}
/*------- AUDIO POSTS -------*/
.legacy-audio-info, figcaption.audio-caption, .tmblr-full audio, .audio-wrap + .npf_inst.npf_audio { display:none!important } /* ignore this */
.npf_group .audio-wrap:not(:first-child){ margin-top:var(--NPF-Images-Spacing) }
.npf_group .audio-wrap:not(:last-child){ margin-bottom:var(--NPF-Images-Spacing) }
.album-square {
position:relative;
width:var(--Audio-Post-Album-Image-Size);
height:var(--Audio-Post-Album-Image-Size);
background:var(--Audio-Post-Details-BG); /* only noticeable if player doesn't have album art or is transparent */
overflow:hidden;
z-index:0;
}
.album-square img {
display:block;
width:100%;
height:100%;
object-fit:cover;
}
figure.audio-wrap .btns-wrap i {
font-size:var(--Audio-Post-Buttons-Icons-Size);
color:var(--Audio-Post-Buttons-Icons-Color);
}
figure.audio-wrap .btns-wrap i.gt-misc-icons[icon-name="play"]{
font-size:calc(var(--Audio-Post-Buttons-Icons-Size) * 0.85);
margin-left:calc(var(--Audio-Post-Buttons-Icons-Size) * 0.1);
}
figure.audio-wrap .btns-wrap i.gt-misc-icons[icon-name="pause"]{
font-size:calc(var(--Audio-Post-Buttons-Icons-Size) * 0.9);
}
.audio-deets {
background:var(--Audio-Post-Details-BG);
}
.deets-inner {
color:var(--Audio-Post-Details-Text-Color);
}
.audio-deets .audio-dl i {
font-size:var(--Audio-Post-Download-Btn-Icon-Size);
color:var(--Audio-Post-Download-Btn-Icon-Color);
}
.audio-wrap audio { display:none } /* ignore this */
/*------- ASK POSTS -------*/
.ask-head a, .ans-head a {
color:var(--Post-Usernames-Color);
}
/* questions */
.que-sect {
padding:var(--Ask-Post-Question-Padding);
background:var(--Ask-Post-Question-BG);
color:var(--Ask-Post-Question-Text-Color);
}
.que-flex > img {
width:var(--Ask-Post-Question-Avatar-Size);
height:var(--Ask-Post-Question-Avatar-Size);
border-radius:var(--Ask-Post-Question-Avatar-Rounded-Corners);
}
.que-right {
align-items:flex-start; /* x-left */
text-align:left;
}
/* answers */
.ans-sect {
margin:0;
padding:var(--Ask-Post-Answer-Padding);
background:var(--Ask-Post-Answer-BG);
color:var(--Ask-Post-Answer-Text-Color);
}
.ans-flex { justify-content:flex-end }
.ans-flex > img {
width:var(--Ask-Post-Answer-Avatar-Size);
height:var(--Ask-Post-Answer-Avatar-Size);
border-radius:var(--Ask-Post-Answer-Avatar-Rounded-Corners);
}
.ans-left {
align-items:flex-end;
text-align:right;
}
.ans blockquote {
margin-left:0;
padding-left:0;
margin-right:var(--Blockquote-Left-Gap-1);
border-left:none;
border-right:var(--Blockquote-Border-Size) solid var(--Blockquote-Border-Color);
padding-right:var(--Blockquote-Left-Gap-2);
}
.ans > .npf_inst:first-child {
margin-top:1em;
}
/*------- POLLS -------*/
/* poll question */
.poll-post .poll-question,
div[data-npf*='"type":"poll"'] .poll-question,
.poll-question {
font-size:var(--Poll-Question-Font-Size)!important;
font-weight:var(--Poll-Question-Font-Weight)!important;
}
.poll-post .poll-question:not(:last-child),
div[data-npf*='"type":"poll"'] .poll-question:not(:last-child),
.poll-question:not(:last-child){
margin-bottom:calc(0px - var(--Poll-Options-Spacing) + var(--Poll-Question-Bottom-Gap))!important;
}
/* poll options */
.poll-post a.poll-row,
div[data-npf*='"type":"poll"'] a.poll-row,
a.poll-row {
all:unset;
border:var(--Poll-Options-Border-Size) solid var(--Poll-Options-Border-Color);
padding:var(--Poll-Options-Padding-Y) var(--Poll-Options-Padding-X);
background:var(--Poll-Options-BG);
text-align:center;
cursor:pointer;
/* inherit smallcaps stuff */
font:var(--SmallCaps-Font-Weight,normal) var(--Poll-Options-Font-Size,inherit) var(--SmallCaps-Font-Family), sans-serif;
text-transform:uppercase;
letter-spacing:var(--SmallCaps-Letter-Spacing);
word-spacing:var(--SmallCaps-Word-Spacing);
line-height:var(--Body-Line-Height);
}
/* poll 'see results' */
.poll-post .poll-see-results {
width:auto;
margin:auto!important;
}
/*------ CAPTIONS / REBLOGS ------*/
.comments {
margin:calc(0px - var(--Post-Padding));
}
.comments:not(:first-child){
margin-top:calc(0px - var(--Post-Padding) + var(--Captions-Top-Gap));
}
[captions-style="old"] .comments { padding:var(--Post-Padding) }
[captions-style="new"] .comment {
padding:var(--Post-Padding);
display:flex;
flex-flow:column nowrap;
gap:var(--Reblog-Header-Bottom-Gap);
}
[captions-style="new"] .npf-post-source:only-child {
padding:var(--Post-Padding);
padding-top:0;
margin-top:1em;
}
[captions-style="new"] .comment + .npf-post-source {
padding:var(--Post-Padding);
padding-top:0;
margin-top:calc(0px - var(--Post-Padding) + 1em);
}
[rb-dividers="yes"] .comment + .comment {
border-top:var(--Reblog-Border-Size) solid var(--Reblog-Border-Color);
}
.comment-header {
display:flex;
justify-content:flex-start;
}
.user-flex {
display:flex;
justify-content:flex-start;
gap:var(--Reblog-Header-Center-Gap);
}
.userpic { flex-shrink:0 }
.userpic img {
width:var(--Post-Avatar-Size);
height:var(--Post-Avatar-Size);
border-radius:var(--Post-Avatar-Rounded-Corners);
}
.username {
display:flex;
flex-direction:column;
justify-content:center;
color:var(--Post-Usernames-Color);
}
.is-deac { opacity:0.8 }
.comment-body { text-wrap:pretty }
/*------- TAGS -------*/
.tagscont {
display:grid;
overflow:hidden;
font-size:var(--Tags-Font-Size)!important;
line-height:var(--Tags-Line-Height)!important;
}
.tc-inner-2 {
display:flex;
flex-flow:row wrap;
gap:var(--Tags-Spacing-Y) var(--Tags-Spacing-X);
margin-top:var(--Tags-Top-Gap);
}
[tags-align="left"] .tc-inner-2 {
justify-content:flex-start;
text-align:left;
}
[tags-align="right"] .tc-inner-2 {
justify-content:flex-end;
text-align:right;
}
.tagscont a {
padding:var(--Tags-Padding-Y) var(--Tags-Padding-X);
background:var(--Tags-BG);
color:var(--Tags-Color);
transition:background-color var(--Tags-Hover-Speed) ease-in-out, color var(--Tags-Hover-Speed) ease-in-out;
}
.tagscont a:before {
content:"#";
margin-right:0.5px;
}
.tagscont a:hover {
background:var(--Tags-Hover-BG);
color:var(--Tags-Hover-Color);
}
/*------- POST FOOTER -------*/
footer.post-footer {
display:flex;
flex-flow:column nowrap;
}
.pf-inner {
display:flex;
justify-content:space-between;
overflow:hidden;
padding:var(--Post-Footer-Padding-Y) var(--Post-Footer-Padding-X);
border:var(--Post-Footer-Border-Size) solid var(--Post-Footer-Border-Color);
background:var(--Post-Footer-BG);
gap:var(--Post-Footer-Padding-X);
}
html[post-layout-spacing="0rem"] .pf-inner {
border:0px solid transparent;
border-top:var(--Post-Footer-Border-Size) solid var(--Post-Footer-Border-Color);
}
.post-info-left {
display:flex;
flex-flow:column nowrap;
max-width:100%;
overflow:hidden;
gap:var(--Post-Footer-Items-Spacing);
font-size:var(--Post-Footer-Font-Size);
line-height:var(--Body-Line-Height);
}
.post-info-left, .post-info-left a {
color:var(--Post-Footer-Text-Color);
}
.post-info-left i[class]:not([class=""]){
display:flex;
height:var(--Post-Footer-LH-Full);
align-items:center;
font-size:var(--Post-Footer-Icons-Size);
}
/*----- PERMALINK / POST DATE -----*/
.post-date {
display:block;
overflow:hidden;
}
.post-date:not(:last-child){
margin-right:0;
padding-right:0;
}
.post-footer [date-group]{
display:flex;
flex-flow:row nowrap;
gap:calc(var(--Post-Footer-Items-Spacing) - var(--SmallCaps-LH-V-Gap)) var(--Post-Footer-Items-Spacing);
}
.post-footer [date-group] [date-icon]{ flex-shrink:0 }
.post-footer [date-text]{
flex:1;
max-width:100%;
overflow:hidden;
}
.post-footer [date-text][single-line] [date-text-inner]{
display:block;
max-width:100%;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
/*------ VIA & OG POSTER ------*/
.via-and-op {
display:flex;
flex-flow:row wrap;
gap:var(--Post-Footer-Items-Spacing);
}
.via-and-op[single-row]{
flex-wrap:nowrap;
white-space:nowrap;
overflow:hidden;
}
.via-and-op[single-row] > * {
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
}
.via-and-op [data-via=""], .via-and-op [data-op=""],
.via-and-op [data-via=""] + .via-op-sep,
.via-op-sep:has(+ [data-op=""]){ display:none }
/*------- POST CONTROLS -------*/
.post-btns {
flex-shrink:0;
display:flex;
justify-content:flex-end;
gap:var(--Post-Controls-Spacing);
height:calc(var(--Post-Footer-Font-Size) * var(--Body-Line-Height));
align-items:center;
}
.post-btns label[for^="tags-"] input[id^="tags-"]{
position:absolute;
top:0;left:0;
margin:0;padding:0;
border:0;outline:none;
width:100%;
height:100%;
opacity:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
cursor:pointer;
}
[tags-vis="show"] .post-btns label[for^="tags-"],
[perma-page] .post-btns label[for^="tags-"]{ display:none }
.post-btns > [class*="-btn"]{
position:relative;
display:flex;
align-items:center;
justify-content:center;
width:var(--Post-Controls-Button-Total-Size);
height:var(--Post-Controls-Button-Total-Size);
overflow:hidden;
margin-left:calc(0px - var(--Post-Controls-Touch-Padding));
margin-right:calc(0px - var(--Post-Controls-Touch-Padding));
}
.post-btns button {
padding:0;
background:none;
border:none;
outline:none;
}
.post-btns i {
font-size:var(--Post-Controls-Icon-Size);
color:var(--Post-Controls-Icon-Color);
line-height:initial;
pointer-events:none;
}
.post-btns i.gt-misc-icons[icon-name="heart-1"]{
--sz:calc(var(--Post-Controls-Icon-Size) * 0.9);
font-size:var(--sz);
transform:translateY(-.5px) perspective(0);
}
.post-btns .like-btn iframe {
position:absolute;
top:0;left:0;
width:100%;
height:100%;
opacity:0;
z-index:1;
}
.post-btns .like-btn .liked + i {
color:var(--Liked-Button-Color);
}
/*------- POST NOTES -------*/
.post-notes {
width:100%;
}
ol.notes li span.action > a {
color:var(--Post-Usernames-Color);
}
ol.notes li.original_post.with_commentary blockquote { display:none }
/*---- BACK-TO-TOP BUTTON ----*/
.btt-area {
position:fixed;
bottom:0;right:0;
margin-right:var(--BackToTop-Btn-Edge-Offset);
z-index:9;
}
.btt-btn {
all:unset;
display:flex;
align-items:center;
justify-content:center;
width:var(--BackToTop-Btn-Total-Size);
height:var(--BackToTop-Btn-Total-Size);
border:var(--BackToTop-Btn-Border-Size) solid var(--BackToTop-Btn-Border-Color);
background:var(--BackToTop-Btn-BG);
font-size:var(--BackToTop-Btn-Arrow-Size);
color:var(--BackToTop-Btn-Arrow-Color);
visibility:hidden;
opacity:0;
transition:opacity var(--BackToTop-Fade-Speed) ease-in-out, visibility 0s var(--BackToTop-Fade-Speed) ease-in-out, border-color var(--BackToTop-Hover-Speed) ease-in-out, background-color var(--BackToTop-Hover-Speed) ease-in-out, color var(--BackToTop-Hover-Speed) ease-in-out;
cursor:pointer;
}
.btt-btn.show {
visibility:visible;
opacity:1;
transition:opacity var(--BackToTop-Fade-Speed) ease-in-out, visibility 0s 0s ease-in-out, border-color var(--BackToTop-Hover-Speed) ease-in-out, background-color var(--BackToTop-Hover-Speed) ease-in-out, color var(--BackToTop-Hover-Speed) ease-in-out;
}
.btt-btn i[class]:not([class=""]){
transform:translateY(-1px);
}
.btt-btn:hover {
border-color:var(--BackToTop-Btn-HOVER-Border-Color);
background:var(--BackToTop-Btn-HOVER-BG);
color:var(--BackToTop-Btn-HOVER-Arrow-Color);
}
/*-------- FOOTER --------*/
/* page footer / bottom bar / bot bar / bot-bar / botbar */
footer.bot-bar {
position:fixed;
bottom:0;left:0;
width:100%;
z-index:10;
}
.bot-bar, .bot-bar a {
color:var(--Bot-Bar-Text-Color);
}
.bb-inner {
display:flex;
justify-content:center;
border-top:var(--Bot-Bar-Border-Size) solid var(--Bot-Bar-Border-Color);
padding:var(--Bot-Bar-Padding);
background:var(--Bot-Bar-BG);
}
.bb-inner-r {
display:grid;
grid-template-areas:"l c r";
grid-template-columns:1fr auto 1fr;
align-items:center;
width:100%;
gap:var(--Bot-Bar-Column-Gap);
}
.bb-left, .bb-center, .bb-right {
min-width:0;
max-width:100%;
overflow:hidden;
}
.bb-left {
grid-area:l;
justify-self:left;
}
/* searchbar */
.search-block {
display:grid;
grid-template-columns:auto 1fr auto;
gap:var(--Searchbar-Items-Spacing);
}
.srch-hide { display:none }
.s-glass, .s-field, .s-btn { min-width:0!important }
.s-glass {
position:relative;
display:flex;
align-items:center;
justify-content:center;
width:var(--Searchbar-Col-Tallest);
height:var(--Searchbar-Col-Tallest);
border:var(--Magnifying-Glass-Border-Size) solid var(--Magnifying-Glass-Border-Color);
border-radius:var(--Magnifying-Glass-Rounded-Corners);
background:var(--Magnifying-Glass-BG);
line-height:1;
flex-shrink:0;
}
.s-glass input[type="checkbox"]{
position:absolute;
opacity:0;
cursor:help;
}
.s-glass i[class]:not([class=""]){
font-size:var(--Magnifying-Glass-Size);
color:var(--Magnifying-Glass-Color);
}
.s-glass input[type="checkbox"] ~ i[class]:not([class=""]):not(input + i){ display:none }
.s-field {
all:inherit;
height:var(--Searchbar-Col-Tallest);
border:var(--Searchbar-Field-Border-Size) solid var(--Searchbar-Field-Border-Color);
border-radius:var(--Searchbar-Field-Rounded-Corners);
padding:var(--Searchbar-Field-Padding);
background:var(--Searchbar-Field-BG);
font-size:var(--Searchbar-Field-Font-Size)!important;
color:var(--Searchbar-Field-Text-Color);
line-height:1;
}
.s-field::placeholder {
color:var(--Searchbar-Field-Placeholder-Color);
}
.s-btn {
flex-shrink:0;
display:block;
max-width:100%;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.s-btn button {
all:inherit;
height:var(--Searchbar-Col-Tallest);
border:var(--Search-Btn-Border-Size) solid var(--Search-Btn-Border-Color);
border-radius:var(--Search-Btn-Rounded-Corners);
padding:var(--Search-Btn-Padding);
background:var(--Search-Btn-BG);
font-size:var(--Search-Btn-Font-Size)!important;
color:var(--Search-Btn-Text-Color);
line-height:1;
white-space:nowrap;
cursor:pointer;
transition:border-color var(--Search-Btn-Hover-Speed) ease-in-out, background-color var(--Search-Btn-Hover-Speed) ease-in-out, color var(--Search-Btn-Hover-Speed) ease-in-out;
}
.s-btn button:hover {
border-color:var(--Search-Btn-HOVER-Border-Color);
background:var(--Search-Btn-HOVER-BG);
color:var(--Search-Btn-HOVER-Text-Color);
}
.bb-center {
width:auto;
margin:auto;
grid-area:c;
justify-self:center;
}
/* page numbers / pagination */
.pagi-group {
display:flex;
flex-direction:column;
justify-content:center; /* y-center */
width:100%;
text-align:center;
}
.pagi-wrap {
display:flex;
flex-flow:row wrap;
align-items:center;
justify-content:center;
gap:var(--Page-Numbers-Spacing);
font-size:var(--Page-Numbers-Font-Size)!important;
}
[iscroll="yes"] .pagi-group { display:none }
[iscroll="yes"] .pagi-group.is-loading { display:flex }
[iscroll="yes"] .pagi-group.is-loading .pagi-wrap { display:none }
.pagi-wrap > a, .pagi-wrap > span {
margin:calc(0px - var(--Page-Numbers-Touch-Padding));
display:flex;
align-items:center;
gap:var(--Page-Numbers-Arrow-Gap);
padding:var(--Page-Numbers-Touch-Padding);
color:var(--Page-Numbers-Color);
line-height:initial;
}
.pagi-wrap > a:not([href]), .pagi-wrap > span { cursor:help }
.pagi-wrap i[class]{
font-size:var(--Page-Numbers-Arrow-Size);
}
[iscroll="no"] .spinny,
[iscroll="yes"] .pagi-group:not(.show-spinny) .spinny { display:none }
.show-spinny .spinny {
justify-self:center;
display:flex;
align-items:center;
justify-content:center;
}
.spinny > i {
transform-origin:center;
font-size:var(--Load-More-Spinner-Size);
color:var(--Page-Numbers-Color);
animation:spinner var(--Load-More-Spinner-Speed) linear 0s infinite normal forwards;
}
@keyframes spinner {
from { transform:rotate(0deg) }
to { transform:rotate(360deg) }
}
.pagi-group:not(.iscroll-end) .no-more-posts { display:none }
/* blog years + powered by tumblr */
[iscroll="no"] .pagi-group + .bb-years,
[iscroll="yes"] .pagi-group.is-loading + .bb-years { display:none }
.bby-flex {
position:relative;
--c:calc(var(--SmallCaps-Font-Size) * 1.25);
}
.bb-right .crd-min, .bb-right .crd-full { display:none }
/*------- TOOLTIPS -------*/
[data-tippy-root]{
z-index:100001!important;
}
.tippy-box {
border:var(--Tooltips-Border-Size) solid var(--Tooltips-Border-Color);
background:var(--Tooltips-BG);
border-radius:var(--Tooltips-Rounded-Corners);
}
.tippy-content {
padding:calc(var(--Tooltips-Padding-Y) - (((var(--SmallCaps-Font-Size) * var(--Body-Line-Height)) - var(--SmallCaps-Font-Size)) / 2)) var(--Tooltips-Padding-X);
color:var(--Tooltips-Text-Color);
line-height:var(--Body-Line-Height);
}
a[aria-label]:not([aria-label=""]) > i[class]:not([class=""]){
pointer-events:none; /* prevents tooltip flickering */
}
/*----- CUSTOMIZE PAGE ADJUSTMENTS -----*/
body:has(script[src*="assets.tumblr.com/assets/scripts/customize"])
:is(.comment-header:has(.userpic img[src=""], .username-txt:empty), .userpic img[src=""], .username-txt:empty){
display:none;
}
.comment-body p > a.tumblr_blog {
color:var(--Post-Usernames-Color);
}
/* ignore this */
.full_h {
position:absolute;
top:0;left:0;
width:0;
height:calc(100vh - (var(--Screen-Gaps) * 2) - var(--Top-Bar-Height,var(--Top-Bar-Height-Est)));
}
html.is-touch-device .full_h {
height:calc(100vh - 54px - (var(--Screen-Gaps) * 2) - var(--Top-Bar-Height,var(--Top-Bar-Height-Est)));
}
.vis-hidden {
position:absolute;
margin:-1px;
width:1px;
height:1px;
border:0;
padding:0;
clip:rect(0 0 0 0);
clip-path:inset(50%);
white-space:nowrap;
overflow:hidden;
opacity:0;
}
</style>
<style class="user-custom-css">
{CustomCSS}
</style>
</head>
<body>
<div class="new-tc-cont"><iframe id="new-tumblr-controls" src="" frameborder="0" scrolling="no" name="unified-controls" class="tmblr-iframe tmblr-iframe--unified-controls tmblr-iframe--loaded iframe-controls--desktop"></iframe></div>
<div class="top-bar">
<nav class="tb-nav">
<div class="mobi-nav-btn">
<input type="checkbox">
<i class="mgc_menu_line"></i>
<i class="mgc_close_line"></i>
</div>
<ul role="menu">
<li role="presentation">
<a href="/" role="menuitem">
<i class="outicons" icon-name="home"></i>
<span>{lang:Home}</span>
</a>
</li>
<li role="presentation" class="nv-ask-{select:show ask link}">
<a href="/ask" role="menuitem"{block:AskEnabled} aria-label="{AskLabel}"{/block:AskEnabled}>
<i class="outicons" icon-name="mail"></i>
<span>Askbox</span>
</a>
</li>
{block:iftopbartitle}
<li class="tb-title tbt-{select:top bar title brackets}-brackets">
<h1>{text:top bar title}</h1>
<a href="{BlogURL}"></a>
</li>
{/block:iftopbartitle}
<li role="presentation" class="nv-submit-{select:show submit link}">
<a href="/submit" role="menuitem"{block:SubmissionsEnabled} aria-label="{SubmitLabel}"{/block:SubmissionsEnabled}>
<i class="outicons" icon-name="edit"></i>
<span>Submit</span>
</a>
</li>
<li role="presentation">
<a href="/archive" role="menuitem">
<i class="outicons" icon-name="grid"></i>
<span>{lang:Archive}</span>
</a>
</li>
</ul>
</nav>
</div>
<header class="main-header" data-header-height="{select:header height}">
<div class="actual-header">
<div vitanica-player class="mp-{select:show music player}">
<figure>
<figcaption>{text:music player song name}</figcaption>
<audio src="{text:music player song mp3}" volume="{text:music player song volume}"></audio>
</figure>
</div>
<div class="header-inner bubble-{select:header contents position} {select:show header bubble}-bub">
<div class="bubble-column bubw-{select:header bubble width} bub-arrow-{select:show header bubble arrow}">
{block:ifheadertitle}
<h2 class="bubble-title bt-{select:show header title}">{text:header title}</h2>
{/block:ifheadertitle}
<div class="bubble-wrap {block:ifheaderbubbledesc}has-desc{/block:ifheaderbubbledesc}{block:ifnotheaderbubbledesc}{block:Description}has-desc{/block:Description}{/block:ifnotheaderbubbledesc}">
<div class="bubble-actual bublur-{select:header bubble BG blur}">
<article class="bub-inner bub-hyphens-{select:header bubble text hyphens}">
<div class="bub-inner-r">
{block:ifheaderbubbledesc}
{text:header bubble desc}
{/block:ifheaderbubbledesc}
{block:ifnotheaderbubbledesc}
{block:Description}{Description}{/block:Description}
{/block:ifnotheaderbubbledesc}
</div>
</article>
</div>
</div>
</div>
</div>
<div class="header-gradient-{select:show header gradient}" aria-hidden="true" role="presentation"></div>
</div>
</header>
<div class="tout sb-{select:sidebar position}">
<aside class="sb show-all-boxes-on-mobile-no">
<div class="sb-inner">
<div class="sb-hug">
<div class="sb-box box-{block:ifaboutboxtitle}has{/block:ifaboutboxtitle}{block:ifnotaboutboxtitle}no{/block:ifnotaboutboxtitle}-title box-{block:ifaboutboxcontents}has{/block:ifaboutboxcontents}{block:ifnotaboutboxcontents}no{/block:ifnotaboutboxcontents}-contents">
<h3 class="sb-title">{text:about box title}</h3>
<div class="sb-contents">
<div class="sbb-inner">{text:about box contents}</div>
</div>
</div>
<div class="sb-box sb-mobi-box">
<h3 class="sb-title">
<input type="checkbox">
<i class="mgc_eye_line"></i>
<span class="sb-read-more">{lang:Show} more info</span>
<span class="sb-read-less">{lang:Close} more info</span>
<i class="mgc_add_line"></i>
</h3>
</div>
<div class="sb-box box-{block:ifupdatesboxtitle}has{/block:ifupdatesboxtitle}{block:ifnotupdatesboxtitle}no{/block:ifnotupdatesboxtitle}-title box-{block:ifupdatesboxcontents}has{/block:ifupdatesboxcontents}{block:ifnotupdatesboxcontents}no{/block:ifnotupdatesboxcontents}-contents">
<h3 class="sb-title">{text:updates box title}</h3>
<div class="sb-contents">
<div class="sbb-inner">{text:updates box contents}</div>
</div>
</div>
<div class="sb-box box-{block:iflinksboxtitle}has{/block:iflinksboxtitle}{block:ifnotlinksboxtitle}no{/block:ifnotlinksboxtitle}-title box-{block:ifcustomlink1name}has{/block:ifcustomlink1name}{block:ifnotcustomlink1name}no{/block:ifnotcustomlink1name}-contents">
<h3 class="sb-title">{text:links box title}</h3>
<div class="sb-contents">
<div class="sbb-inner">
<div class="cl-wrap rc-{select:custom links rounded corners} ico-{select:custom links icon}">
{block:ifcustomlink1name}
<a href="{text:custom link 1 URL}">
<i class="mgc_{select:custom links icon}_line"></i>
<span>{text:custom link 1 name}</span>
</a>
{/block:ifcustomlink1name}
{block:ifcustomlink2name}
<a href="{text:custom link 2 URL}">
<i class="mgc_{select:custom links icon}_line"></i>
<span>{text:custom link 2 name}</span>
</a>
{/block:ifcustomlink2name}
{block:ifcustomlink3name}
<a href="{text:custom link 3 URL}">
<i class="mgc_{select:custom links icon}_line"></i>
<span>{text:custom link 3 name}</span>
</a>
{/block:ifcustomlink3name}
{block:ifcustomlink4name}
<a href="{text:custom link 4 URL}">
<i class="mgc_{select:custom links icon}_line"></i>
<span>{text:custom link 4 name}</span>
</a>
{/block:ifcustomlink4name}
{block:ifcustomlink5name}
<a href="{text:custom link 5 URL}">
<i class="mgc_{select:custom links icon}_line"></i>
<span>{text:custom link 5 name}</span>
</a>
{/block:ifcustomlink5name}
{block:ifcustomlink6name}
<a href="{text:custom link 6 URL}">
<i class="mgc_{select:custom links icon}_line"></i>
<span>{text:custom link 6 name}</span>
</a>
{/block:ifcustomlink6name}
{block:ifcustomlink7name}
<a href="{text:custom link 7 URL}">
<i class="mgc_{select:custom links icon}_line"></i>
<span>{text:custom link 7 name}</span>
</a>
{/block:ifcustomlink7name}
{block:ifcustomlink8name}
<a href="{text:custom link 8 URL}">
<i class="mgc_{select:custom links icon}_line"></i>
<span>{text:custom link 8 name}</span>
</a>
{/block:ifcustomlink8name}
{block:ifcustomlink9name}
<a href="{text:custom link 9 URL}">
<i class="mgc_{select:custom links icon}_line"></i>
<span>{text:custom link 9 name}</span>
</a>
{/block:ifcustomlink9name}
{block:ifcustomlink10name}
<a href="{text:custom link 10 URL}">
<i class="mgc_{select:custom links icon}_line"></i>
<span>{text:custom link 10 name}</span>
</a>
{/block:ifcustomlink10name}
</div>
</div>
</div>
</div>
</div>
</div>
</aside>
<main>
<section class="all-posts">
{block:Posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
<article
class="posts"
id="post-{PostID}"
post-type="{PostType}"
{block:NotReblog}original-post{/block:NotReblog}
{block:RebloggedFrom}reblogged-post via-name="{ReblogParentName}" src-name="{ReblogRootName}"{/block:RebloggedFrom}
username="{block:NotReblog}{Name}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootName}{/block:RebloggedFrom}"
root-url="{block:NotReblog}{Permalink}{block:NotReblog}{block:RebloggedFrom}{ReblogRootURL}{/block:RebloggedFrom}"
{block:HasTags}has-tags{/block:HasTags}
>
{block:Date}
<header class="post-header">
<div class="ph-inner">
<div class="ph-left">
{block:PinnedPostLabel}
<a class="p-flex pinned-part" href="{Permalink}" aria-label="View post">
<i class="gt-misc-icons" icon-name="pushpin-2"></i>
<span>{PinnedPostLabel}</span>
</a>
{/block:PinnedPostLabel}
<a class="p-flex" href="{block:NotReblog}{Permalink}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootURL}{/block:RebloggedFrom}" aria-label="Go to original post">
<i class="type-text mgc_quill_pen_line"></i>
<i class="type-photo mgc_pic_line"></i>
<i class="type-quote mgc_book_6_line"></i>
<i class="type-link mgc_link_line"></i>
<i class="type-chat mgc_comment_2_line"></i>
<i class="type-audio mgc_music_line"></i>
<i class="type-video mgc_video_camera_line"></i>
<i class="type-ask mgc_invite_line"></i>
<i class="type-poll mgc_chart_bar_line"></i>
<i class="type-multi mgc_profile_line"></i>
<span class="p-un" data-user="{block:NotReblog}{PostAuthorName}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootName}{/block:RebloggedFrom}">{block:NotReblog}{PostAuthorName}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootName}{/block:RebloggedFrom}</span>
</a>
</div>
<div class="ph-right">
{block:PinnedPostLabel}
<a class="droite-a p-un" href="{block:NotReblog}{Permalink}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootURL}{/block:RebloggedFrom}" aria-label="{block:NotReblog}Original post{/block:NotReblog}{block:RebloggedFrom}{lang:Originally from ReblogRootName}{/block:RebloggedFrom}">{block:NotReblog}{Name}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootName}{/block:RebloggedFrom}</a>
{/block:PinnedPostLabel}
<a class="droite-a og-timestamp-{select:show original post date} p-flex" href="{block:NotReblog}{Permalink}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootURL}{/block:RebloggedFrom}">
<span data-original-poster="{block:NotReblog}{Name}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootName}{/block:RebloggedFrom}" data-original-post-link="{block:NotReblog}{Permalink}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootURL}{/block:RebloggedFrom}"></span>
<i class="mgc_history_anticlockwise_line"></i>
</a>
</div>
</div>
</header>
{/block:Date}
<div class="post-body">
<div class="post-body-inner">
{block:Text}
{block:Title}
<div class="text-post">
<h1 class="post-title">{Title}</h1>
</div>
{/block:Title}
{/block:Text}
{block:Photo}
<div class="photo-post">
<div class="legacy-photo">
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" onclick="Tumblr.Lightbox.init([{'width':{PhotoWidth-HighRes},'height':{PhotoHeight-HighRes},'low_res':'{PhotoURL-500}','high_res':'{PhotoURL-HighRes}'}])">
</div>
</div>
{/block:Photo}
{block:Photoset}
<div class="photoset-post">
<div class="legacy-photoset" layout="{PhotosetLayout}">
{block:Photos}
<img src="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-low-res="{PhotoURL-500}" alt="{PhotoAlt}">
{/block:Photos}
</div>
</div>
{/block:Photoset}
{block:Quote}
<div class="quote-post">
<figure class="quote-set">
<blockquote>“{Quote}”</blockquote>
{block:Source}
<figcaption>—&emsp13;{Source}</figcaption>
{/block:Source}
</figure>
</div>
{/block:Quote}
{block:Link}
<div class="link-post">
<div class="legacy-link-info" data-url="{URL}" data-target="{Target}" data-title="{PlaintextName}" data-excerpt="{block:Excerpt}{PlaintextExcerpt}{/block:Excerpt}" data-site-name="{block:Host}{Host}{/block:Host}"></div>
</div>
{/block:Link}
{block:Chat}
<div class="chat-post">
<ul class="chat-wrap">
{block:Lines}
<li class="chat-line {Alt}">
{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-post">
<div class="legacy-audio">
{block:AudioPlayer}
<div class="legacy-audio-info" data-title="{block:TrackName}{PlaintextTrackName}{/block:TrackName}" data-artist="{block:Artist}{PlaintextArtist}{/block:Artist}" data-album="{block:Album}{PlaintextAlbum}{/block:Album}" data-album-cover="{block:AlbumArt}{AlbumArtURL}{/block:AlbumArt}">{AudioPlayer}</div>
{/block:AudioPlayer}
</div>
</div>
{/block:Audio}
{block:Video}
<div class="video-post">
<div class="legacy-video">
{Video-700}
{block:VideoThumbnail}
<span class="poster-thumb" url="{VideoThumbnailURL}"></span>
{/block:VideoThumbnail}
</div>
</div>
{/block:Video}
{block:Answer}
<div class="ask-post">
<dl class="qa-set">
<dt class="que-sect">
<div class="que-flex">
<img src="{AskerPortraitURL-128}" alt="{PlaintextAsker}’s avatar">
<div class="que-right">
<p class="ask-head" role="heading" aria-level="6">
<span data-user="{PlaintextAsker}">{Asker}</span> asked:
</p>
<div class="que">{Question}</div>
</div>
</div>
</dt>
<dd class="ans-sect">
<div class="ans-flex">
<div class="ans-left">
<p class="ans-head" role="heading" aria-level="6">
{block:NotReblog}<a href="{Permalink}">{Name}</a>{/block:NotReblog}
{block:Answerer}<span data-user="{PlaintextAnswerer}">{Answerer}</span>{/block:Answerer}
answered:
</p>
<div class="ans">
{block:NotReblog}{Replies}{/block:NotReblog}
{block:Answerer}{Answer}{/block:Answerer}
</div>
</div>
<img src="{block:NotReblog}{PortraitURL-128}{/block:NotReblog}{block:Answerer}{AnswererPortraitURL-128}{/block:Answerer}" alt="{block:NotReblog}{Name}{/block:NotReblog}{block:Answerer}{PlaintextAnswerer}{/block:Answerer}’s avatar">
</div>
</dd>
</dl>
</div>
{/block:Answer}
{block:NotReblog}
<div class="comments {PostType}-post-caption legacy-original-caption">
<div class="comment">
<div class="comment-body">
{block:Text}{Body}{/block:Text}
{block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
{block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
{block:Link}{Description}{/block:Link}
{block:Audio}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
{block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
{block:ContentSource}
<p class="content-src">
({lang:Source}: <a href="{SourceURL}">{SourceTitle}</a>)
</p>
{/block:ContentSource}
</div>
</div>
</div>
{/block:NotReblog}
{block:RebloggedFrom}
<div class="comments {PostType}-post-reblogs">
{block:Reblogs}
<div class="comment">
<div class="comment-header">
<a class="user-flex" href="{block:IsOriginalEntry}{ReblogRootURL}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Permalink}{/block:IsNotOriginalEntry}">
<div class="userpic">
<img src="{block:IsOriginalEntry}{ReblogRootPortraitURL-64}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{PortraitURL-64}{/block:IsNotOriginalEntry}" alt="{block:IsOriginalEntry}{ReblogRootName}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Username}{/block:IsNotOriginalEntry}’s avatar">
</div>
<div class="username">
<div class="username-inner">
<span class="username-txt" data-user="{block:IsOriginalEntry}{ReblogRootName}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Username}{/block:IsNotOriginalEntry}">{block:IsOriginalEntry}{ReblogRootName}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Username}{/block:IsNotOriginalEntry}</span>
</div>
</div>
</a>
</div>
<div class="comment-body">
{Body}
{block:ContentSource}
<p class="content-src">
({lang:Source}: <a href="{SourceURL}">{SourceTitle}</a>)
</p>
{/block:ContentSource}
</div>
</div>
{/block:Reblogs}
</div>
{/block:RebloggedFrom}
{block:HasTags}
<div class="tagscont" tags-align="{select:tags position}" role="list">
<div class="tc-inner-1">
<div class="tc-inner-2">
{block:Tags}
<a href="{TagURL}" role="listitem">{Tag}</a>
{/block:Tags}
</div>
</div>
</div>
{/block:HasTags}
</div>
</div>
{block:Date}
<footer class="post-footer">
<div class="pf-inner">
<div class="post-info-left">
<{block:IndexPage}a href="{Permalink}" aria-label="@ {Name} {block:NotReblog}Posted{/block:NotReblog}{block:RebloggedFrom}Reblogged{/block:RebloggedFrom} {TimeAgo}"{/block:IndexPage}{block:PermalinkPage}div{/block:PermalinkPage} class="post-date">
<time date-group datetime="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}T{24HourWithZero}:{Minutes}">
<i date-icon class="mgc_calendar_2_line"></i>
<span date-text single-line>
<span date-text-inner>
{block:NotReblog}Posted{/block:NotReblog}{block:RebloggedFrom}Reblogged{/block:RebloggedFrom} on {ShortMonth} {DayOfMonthWithZero} ‘{ShortYear}{block:IndexPage}{block:NoteCount}&emsp13;&hairsp;•&hairsp;&emsp13;{NoteCountWithLabel}{/block:NoteCount}{/block:IndexPage}
</span>
</span>
</time>
</{block:IndexPage}a{/block:IndexPage}{block:PermalinkPage}div{/block:PermalinkPage}>
{block:PermalinkPage}
{block:RebloggedFrom}
<div class="via-and-op" single-row role="list">
<i class="mgc_sticker_line"></i>
<div class="via-part" data-via="{ReblogParentName}" role="listitem">
<span>{lang:Via}: </span>
<a href="{ReblogParentURL}" aria-label="{PlaintextReblogParentTitle}" data-user="{ReblogParentName}">{ReblogParentName}</a>
</div>
<div class="via-op-sep">•</div>
<div class="op-part" data-op="{ReblogRootName}" role="listitem">
<span>By: </span>
<a href="{ReblogRootURL}" aria-label="{PlaintextReblogRootTitle}" data-user="{ReblogRootName}">{ReblogRootName}</a>
</div>
</div>
{/block:RebloggedFrom}
{/block:PermalinkPage}
</div>
<div class="post-btns" role="group">
{block:HasTags}
<label for="tags-{PostID}" class="tags-btn">
<input id="tags-{PostID}" type="checkbox" data-show-tags="{lang:Show} {lang:Tags}" data-hide-tags="{lang:Close} {lang:Tags}"/>
<i class="mgc_tag_2_line" aria-hidden="true"></i>
</label>
{/block:HasTags}
<a class="rb-btn" href="{ReblogURL}" aria-label="{block:English}Reblog{/block:English}{block:German}Rebloggen{/block:German}{block:French}Rebloguer{/block:French}{block:Italian}Reblogga{/block:Italian}{block:Japanese}リブログ{/block:Japanese}{block:Turkish}Yeniden Blogla{/block:Turkish}{block:Spanish}Rebloguear{/block:Spanish}{block:Russian}Реблог{/block:Russian}{block:Polish}Rebloguj{/block:Polish}{block:PortuguesePT}Reblogar{/block:PortuguesePT}{block:PortugueseBR}Reblogar{/block:PortugueseBR}{block:Dutch}Rebloggen{/block:Dutch}{block:Korean}리블로그{/block:Korean}{block:ChineseSimplified}转发{/block:ChineseSimplified}{block:ChineseTraditional}轉格{/block:ChineseTraditional}{block:ChineseHK}轉載{/block:ChineseHK}{block:Indonesian}Reblog{/block:Indonesian}{block:Hindi}रीब्लॉग करेंे{/block:Hindi}" target="_blank">
<i class="gt-misc-icons" icon-name="repeat-4" aria-hidden="true"></i>
</a>
<button class="like-btn" data-like="{block:English}Like{/block:English}{block:German}Liken{/block:German}{block:French}J'aime{/block:French}{block:Italian}Mi piace{/block:Italian}{block:Japanese}スキ{/block:Japanese}{block:Turkish}Beğen{/block:Turkish}{block:Spanish}Me gusta{/block:Spanish}{block:Russian}Нравится{/block:Russian}{block:Polish}Lubię{/block:Polish}{block:PortuguesePT}Gostar{/block:PortuguesePT}{block:PortugueseBR}Curtir{/block:PortugueseBR}{block:Dutch}Vind ik leuk{/block:Dutch}{block:Korean}좋아요{/block:Korean}{block:ChineseSimplified}喜欢{/block:ChineseSimplified}{block:ChineseTraditional}喜歡{/block:ChineseTraditional}{block:ChineseHK}喜歡{/block:ChineseHK}{block:Indonesian}Suka{/block:Indonesian}{block:Hindi}पसंद करें{/block:Hindi}" data-unlike="{block:English}Unlike{/block:English}{block:German}Entliken{/block:German}{block:French}Je n'aime plus{/block:French}{block:Italian}Non mi piace{/block:Italian}{block:Japanese}スキ解除{/block:Japanese}{block:Turkish}Beğenme{/block:Turkish}{block:Spanish}Ya no me gusta{/block:Spanish}{block:Russian}Не нравится{/block:Russian}{block:Polish}Nie lubię{/block:Polish}{block:PortuguesePT}Deixar de gostar{/block:PortuguesePT}{block:PortugueseBR}Curtir (desfazer){/block:PortugueseBR}{block:Dutch}Vind ik niet meer leuk{/block:Dutch}{block:Korean}좋아요 취소{/block:Korean}{block:ChineseSimplified}取消喜欢{/block:ChineseSimplified}{block:ChineseTraditional}收回喜歡{/block:ChineseTraditional}{block:ChineseHK}收回喜歡{/block:ChineseHK}{block:Indonesian}Tidak Suka{/block:Indonesian}{block:Hindi}पसंद हटाएँ{/block:Hindi}">
{LikeButton}
<i class="gt-misc-icons" icon-name="heart-1" aria-hidden="true"></i>
</button>
</div>
</div>
</footer>
{/block:Date}
</article>
{block:PostNotes}
<article class="post-notes">
<div class="post-body">
<div class="post-body-inner">
<h2 class="post-title">{NoteCountWithLabel}</h2>
{PostNotes}
</div>
</div>
</article>
{/block:PostNotes}
{/block:Posts}
</section>
</main>
</div>
<div class="btt-area">
<button class="btt-btn btt-{select:show back to top button}" aria-label="{lang:Back to top}">
<i class="mgc_up_line"></i>
</button>
</div>
<footer class="bot-bar">
<div class="bb-inner">
<div class="bb-inner-r">
<div class="bb-left">
<form class="search-block srch-{select:show searchbar}" action="/search" method="get">
<div class="s-glass">
<input type="checkbox"/>
<i class="mgc_search_line"></i>
<i class="mgc_close_line"></i>
</div>
<input class="s-field" type="text" name="q" value="{SearchQuery}"{block:ifsearchbarprompt} placeholder="{text:searchbar prompt}"{/block:ifsearchbarprompt}>
<div class="s-btn">
<button type="submit">{block:ifsearchbarbuttontext}{text:searchbar button text}{/block:ifsearchbarbuttontext}{block:ifnotsearchbarbuttontext}{lang:Search}{/block:ifnotsearchbarbuttontext}</button>
</div>
</form>
</div>
<div class="bb-center">
{block:Pagination}
<div class="pagi-group">
<div class="pagi-wrap">
{block:PreviousPage}
<a href="{PreviousPage}" class="prev-page" aria-label="{lang:Previous Page}">
<i class="mgc_arrows_left_line" aria-hidden="true"></i>
<span aria-hidden="true">{lang:Prev}</span>
</a>
{/block:PreviousPage}
{block:JumpPagination length="8"}
{block:CurrentPage}
<span aria-label="You are here (Page {CurrentPage})">
<i class="mgc_map_pin_line" aria-hidden="true"></i>
</span>
{/block:CurrentPage}
{block:JumpPage}
<a href="{URL}" aria-label="Go to page {PageNumber}">
<span aria-hidden="true">{PageNumber}</span>
</a>
{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}
<a href="{NextPage}" class="next-page" aria-label="{lang:Next Page}">
<span aria-hidden="true">{lang:Next}</span>
<i class="mgc_arrows_right_line" aria-hidden="true"></i>
</a>
{/block:NextPage}
</div>
<div class="spinny">
<i class="mgc_loading_2_line"></i>
</div>
<div class="no-more-posts">
<span>You've reached the end.</span>
</div>
</div>
{/block:Pagination}
<div class="bb-years">
<span class="bby-flex"><i class="mgc_copyright_line"></i><span>{Name}&emsp13;·&emsp13;{CopyrightYears}</span></span>&emsp13;·&emsp13;{lang:Powered by Tumblr}
</div>
</div>
<div class="bb-right crd-{select:credit display}">
<div class="crd-min">
<a href="//glenthemes.tumblr.com" aria-label="｢ Guardian Deity ｣&ensp;theme by glenthemes">
<i class="gt-misc-icons" icon-name="gt-3"></i>
</a>
</div>
<div class="crd-full">
<a href="//glenthemes.tumblr.com" aria-label="｢ Guardian Deity ｣&ensp;theme">
<i class="gt-misc-icons" icon-name="gt-3"></i>
<span>Theme by glenthemes</span>
</a>
</div>
</div>
</div>
</div>
</footer>
<i class="outicons vis-hidden" icon-name="end" aria-hidden="true"></i>
<div class="full_h"></div>
<script>
document.addEventListener("DOMContentLoaded", () => {
tumblrControls("{color:top bar BG}","{color:top bar title}","{Name}",{block:Posts}{block:PermalinkPage}{block:Date}"{PostID}","{RelativePermalink}"{/block:Date}{/block:PermalinkPage}{/block:Posts})
})
</script>
</body>
</html>

Add Comment

Please, Sign In to add comment