Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-------------------------------------------------------------------
- Theme [06]: Determination
- Made by glenthemes
- Revamp date: 2025/09/05
- Last updated: 2025/09/05
- Updates/changelog: dub.sh/determination-updates
- 「 THEME INFO. 」
- ❃ Post: glenthemes.tumblr.com/post/182588716009
- ❃ Preview: glenthpvs.tumblr.com/determination
- ❃ Code: glen-themes.gitlab.io/thms/06/determination
- 「 HOW TO USE. 」
- dub.sh/determination-guide
- 「 TERMS OF USE. 」
- 1) Do not remove the theme credit.
- 2) Do not repost/redistribute my themes.
- 3) Do not take parts of the code and use it as your own.
- 4) Do not use my themes as a base code.
- 5) Do not mix my themes together.
- 「 CREDITS. 」
- ˭̡̞(◞⁎˃ᆺ˂)◞ ～ glencredits.tumblr.com/determination
- -------------------------------------------------------------------->
- <!DOCTYPE html>
- <html
- lang="{block:English}en{/block:English}{block:German}de{/block:German}{block:French}fr{/block:French}{block:Italian}it{/block:Italian}{block:Japanese}ja{/block:Japanese}{block:Turkish}tr{/block:Turkish}{block:Spanish}es{/block:Spanish}{block:Russian}ru{/block:Russian}{block:Polish}pl{/block:Polish}{block:PortuguesePT}pt-PT{/block:PortuguesePT}{block:PortugueseBR}pt-BR{/block:PortugueseBR}{block:Dutch}nl{/block:Dutch}{block:Korean}ko{/block:Korean}{block:ChineseSimplified}zh-CHS{/block:ChineseSimplified}{block:ChineseTraditional}zh-CHT{/block:ChineseTraditional}{block:ChineseHK}zh-HK{/block:ChineseHK}{block:Indonesian}id{/block:Indonesian}{block:Hindi}hi{/block:Hindi}"
- blog-name="{Name}"
- tumblr-controls-color="{select:tumblr controls color}"
- bg-size="{select:background image size}"
- {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:AskPage}ask-page{/block:AskPage}
- {block:SubmitPage}submit-page{/block:SubmitPage}
- {block:Posts}{block:Post1}{block:Date}has-posts{/block:Date}{/block:Post1}{/block:Posts}
- font="{select:font}"
- caps-font="{select:small caps font}"
- heading-font="{select:heading font}"
- post-shad="{select:post shadow}"
- captions-style="{select:captions style}"
- rb-dividers="{select:reblog borders}"
- tags-vis="{select:tags}"
- draggies="{select:draggable windows}"
- iscroll="{select:infinite scroll}"
- tt-shad="{select:hover text shadow}"
- 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 + meta title -->
- <title>
- {Title} {block:PostSummary} ⋮ {PostSummary}{/block:PostSummary} {block:TagPage} ⋮ #{Tag}{/block:TagPage} {block:SearchPage} ⋮ {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} ⋮ {PostSummary}{/block:PostSummary} {block:TagPage} ⋮ #{Tag}{/block:TagPage} {block:SearchPage} ⋮ {lang:Search}: “{SearchQuery}” – {lang:SearchResultCount results}{block:NoSearchResults}{lang:No results found}{/block:NoSearchResults} {/block:SearchPage}">
- <!-- desc + meta desc -->
- <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}"/>
- <!-- favicon / tab icon -->
- <link rel="shortcut icon" href="{Favicon}">
- <!--+++++++++++++++++++++++++++++++++++++++++++++++++-->
- <!----- THEME OPTIONS ----->
- {block:Options}
- <!-- divider: images -->
- <meta name="image:📸 ···························· 𝐈𝐌𝐀𝐆𝐄𝐒" content="">
- <meta name="image:background image" content="//static.tumblr.com/gtjt4bo/nXdt0a1v1/gyapo_bg_19001927713_transp.png">
- <meta name="image:sidebar image" content="//static.tumblr.com/2pnwama/xxut072q1/m4lpmgsh7.gif">
- <meta name="image:corner image" content="//64.media.tumblr.com/71893c2b326099e4233389c9d6b29d78/19744b40901350d4-db/s2048x3072/fac3f69417b479481abbd139b9e0044816a76dfa.png">
- <!-- divider: colors: general colors -->
- <meta name="color:🎨 ········· 𝐆𝐄𝐍𝐄𝐑𝐀𝐋 𝐂𝐎𝐋𝐎𝐑𝐒" content="">
- <meta name="color:background" content="#fdfdfd">
- <!-- divider: colors: sidebar -->
- <meta name="color:🎨 ·························· 𝐒𝐈𝐃𝐄𝐁𝐀𝐑" content="">
- <meta name="color:sidebar links heart" content="#f56b69">
- <meta name="color:sidebar links asterisk" content="#fc8987">
- <meta name="color:sidebar links text" content="#ee5d5d">
- <meta name="color:sidebar shadow" content="#f6d1d1">
- <!-- divider: colors: description -->
- <meta name="color:🎨 ················· 𝐃𝐄𝐒𝐂𝐑𝐈𝐏𝐓𝐈𝐎𝐍" content="">
- <meta name="color:desc window border" content="#f9c1c1">
- <meta name="color:desc window BG" content="#fff7f7">
- <meta name="color:desc title bar border" content="#f9c1c1">
- <meta name="color:desc title bar BG" content="#ffffff">
- <meta name="color:desc title" content="#ea6161">
- <meta name="color:desc title bar buttons border" content="#f9c1c1">
- <meta name="color:desc title bar buttons BG" content="#ffffff">
- <meta name="color:desc title bar buttons" content="#fc8987">
- <meta name="color:desc text border" content="#f9c1c1">
- <meta name="color:desc text BG" content="#ffffff">
- <meta name="color:desc text" content="#63666d">
- <meta name="color:desc bold" content="#ee5d5d">
- <meta name="color:desc italic" content="#f56b69">
- <meta name="color:desc links" content="#ee5d5d">
- <meta name="color:desc links underline" content="#f7c8c8">
- <!-- divider: colors: custom links -->
- <meta name="color:🎨 ·············· 𝐂𝐔𝐒𝐓𝐎𝐌 𝐋𝐈𝐍𝐊𝐒" content="">
- <meta name="color:custom links border" content="#f9c1c1">
- <meta name="color:custom links BG" content="#ffffff">
- <meta name="color:custom links text" content="#ee7e7d">
- <meta name="color:custom links hover border" content="#f56b69">
- <meta name="color:custom links hover BG" content="#f56b69">
- <meta name="color:custom links hover text" content="#ffffff">
- <!-- divider: colors: music player -->
- <meta name="color:🎨 ·············· 𝐌𝐔𝐒𝐈𝐂 𝐏𝐋𝐀𝐘𝐄𝐑" content="">
- <meta name="color:music player buttons border" content="#f9c1c1">
- <meta name="color:music player buttons BG" content="#ffffff">
- <meta name="color:music player buttons" content="#f56b69">
- <meta name="color:music player name border" content="#f9c1c1">
- <meta name="color:music player name BG" content="#ffffff">
- <meta name="color:music player name" content="#f56b69">
- <!-- divider: colors: post window bar -->
- <meta name="color:🎨 ···· 𝐏𝐎𝐒𝐓𝐒 𝐖𝐈𝐍𝐃𝐎𝐖 𝐁𝐀𝐑" content="">
- <meta name="color:post window bar border" content="#f9c1c1">
- <meta name="color:post window bar BG" content="#fff7f7">
- <meta name="color:post window bar text" content="#ea5959">
- <meta name="color:post window bar buttons border" content="#f9c1c1">
- <meta name="color:post window bar buttons BG" content="#ffffff">
- <meta name="color:post window bar buttons" content="#fc7d7b">
- <!-- divider: colors: posts -->
- <meta name="color:🎨 ······························ 𝐏𝐎𝐒𝐓𝐒" content="">
- <meta name="color:post BG" content="#ffffff">
- <meta name="color:post borders" content="#f9c1c1">
- <meta name="color:text" content="#4b5262">
- <meta name="color:post alt BG" content="#fff7f7">
- <meta name="color:post alt borders" content="#f7c8c8">
- <meta name="color:text alt" content="#4f4f50">
- <meta name="color:text alt 2" content="#ee5d5d">
- <meta name="color:headings" content="#4b5262">
- <meta name="color:links" content="#ee5d5d">
- <meta name="color:links underline" content="#fbdfdf">
- <meta name="color:bold" content="#353a45">
- <meta name="color:italic" content="#353a45">
- <meta name="color:blockquote border" content="#fcd7d7">
- <meta name="color:post usernames" content="#ee5d5d">
- <meta name="color:post shadow" content="#fadddd">
- <!-- divider: colors: tags -->
- <meta name="color:🎨 ································· 𝐓𝐀𝐆𝐒" content="">
- <meta name="color:tags" content="#ec5957">
- <meta name="color:tags hover" content="#3f4249">
- <!-- divider: colors: post footer -->
- <meta name="color:🎨 ················· 𝐏𝐎𝐒𝐓 𝐅𝐎𝐎𝐓𝐄𝐑" content="">
- <meta name="color:post footer border" content="#f7c8c8">
- <meta name="color:post footer BG" content="#fff7f7">
- <meta name="color:post footer icons" content="#eb4949">
- <meta name="color:post footer text" content="#eb4949">
- <meta name="color:post buttons" content="#eb4949">
- <!-- divider: colors: hover text -->
- <meta name="color:🎨 ·················· 𝐇𝐎𝐕𝐄𝐑 𝐓𝐄𝐗𝐓" content="">
- <meta name="color:hover text border" content="#f9c1c1">
- <meta name="color:hover text BG" content="#ffffff">
- <meta name="color:hover text" content="#f56b69">
- <meta name="color:hover text shadow" content="#f6d1d1">
- <!-- divider: colors: other colors -->
- <meta name="color:🎨 ············· 𝐎𝐓𝐇𝐄𝐑 𝐂𝐎𝐋𝐎𝐑𝐒" content="">
- <meta name="color:page numbers" content="#ee5d5d">
- <meta name="color:scrollbar" content="#f7c8c8">
- <meta name="color:scrollbar BG" content="#fdfdfd">
- <meta name="color:highlighted text BG" content="#fadddd">
- <meta name="color:highlighted text" content="#4b5262">
- <!-- divider: dropdowns: general options -->
- <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="white" content="white">
- <meta name="select:tumblr controls color" title="black" content="black">
- <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:side gaps" title="80px" content="80px">
- <meta name="select:side gaps" title="30px" content="30px">
- <meta name="select:side gaps" title="40px" content="40px">
- <meta name="select:side gaps" title="50px" content="50px">
- <meta name="select:side gaps" title="60px" content="60px">
- <meta name="select:side gaps" title="70px" content="70px">
- <meta name="select:side gaps" title="90px" content="90px">
- <meta name="select:side gaps" title="100px" content="100px">
- <meta name="select:side gaps" title="110px" content="110px">
- <meta name="select:side gaps" title="120px" content="120px">
- <meta name="select:side gaps" title="130px" content="130px">
- <meta name="select:shift everything X" title="-30px" content="-30px">
- <meta name="select:shift everything X" title="none" content="0px">
- <meta name="select:shift everything X" title="-100px" content="-100px">
- <meta name="select:shift everything X" title="-90px" content="-90px">
- <meta name="select:shift everything X" title="-80px" content="-80px">
- <meta name="select:shift everything X" title="-70px" content="-70px">
- <meta name="select:shift everything X" title="-60px" content="-60px">
- <meta name="select:shift everything X" title="-50px" content="-50px">
- <meta name="select:shift everything X" title="-40px" content="-40px">
- <meta name="select:shift everything X" title="-20px" content="-20px">
- <meta name="select:shift everything X" title="-10px" content="-10px">
- <meta name="select:shift everything X" title="10px" content="10px">
- <meta name="select:shift everything X" title="20px" content="20px">
- <meta name="select:shift everything X" title="30px" content="30px">
- <meta name="select:shift everything X" title="40px" content="40px">
- <meta name="select:shift everything X" title="50px" content="50px">
- <meta name="select:shift everything X" title="60px" content="60px">
- <meta name="select:shift everything X" title="70px" content="70px">
- <meta name="select:shift everything X" title="80px" content="80px">
- <meta name="select:shift everything X" title="90px" content="90px">
- <meta name="select:shift everything X" title="100px" content="100px">
- <meta name="select:draggable windows" title="yes" content="yes">
- <meta name="select:draggable windows" title="no" content="no">
- <meta name="select:back to top button" title="yes" content="on">
- <meta name="select:back to top button" title="no" content="off">
- <!-- divider: dropdowns: sidebar -->
- <meta name="select:🔽 ·························· 𝐒𝐈𝐃𝐄𝐁𝐀𝐑" title="" content="">
- <meta name="select:sidebar total width" title="250px" content="250px">
- <meta name="select:sidebar total width" title="175px" content="175px">
- <meta name="select:sidebar total width" title="200px" content="200px">
- <meta name="select:sidebar total width" title="225px" content="225px">
- <meta name="select:sidebar total width" title="275px" content="275px">
- <meta name="select:sidebar total width" title="300px" content="300px">
- <meta name="select:sidebar total width" title="325px" content="325px">
- <meta name="select:sidebar total width" title="350px" content="350px">
- <meta name="select:sidebar total width" title="375px" content="375px">
- <meta name="select:sidebar total width" title="400px" content="400px">
- <meta name="select:sidebar total width" title="425px" content="425px">
- <meta name="select:sidebar total width" title="450px" content="450px">
- <meta name="select:sidebar image width" title="100px" content="100px">
- <meta name="select:sidebar image width" title="75px" content="75px">
- <meta name="select:sidebar image width" title="125px" content="125px">
- <meta name="select:sidebar image width" title="150px" content="150px">
- <meta name="select:sidebar image width" title="175px" content="175px">
- <meta name="select:sidebar image width" title="200px" content="200px">
- <meta name="select:sidebar image right gap" title="24px" content="24px">
- <meta name="select:sidebar image right gap" title="10px" content="10px">
- <meta name="select:sidebar image right gap" title="12px" content="12px">
- <meta name="select:sidebar image right gap" title="14px" content="14px">
- <meta name="select:sidebar image right gap" title="16px" content="16px">
- <meta name="select:sidebar image right gap" title="18px" content="18px">
- <meta name="select:sidebar image right gap" title="20px" content="20px">
- <meta name="select:sidebar image right gap" title="22px" content="22px">
- <meta name="select:sidebar image right gap" title="26px" content="26px">
- <meta name="select:sidebar image right gap" title="28px" content="28px">
- <meta name="select:sidebar image right gap" title="30px" content="30px">
- <meta name="select:sidebar image right gap" title="32px" content="32px">
- <meta name="select:sidebar image right gap" title="34px" content="34px">
- <meta name="select:sidebar image right gap" title="36px" content="36px">
- <meta name="select:sidebar image right gap" title="38px" content="38px">
- <meta name="select:sidebar image right gap" title="40px" content="40px">
- <meta name="select:sidebar image stretch" title="no" content="no">
- <meta name="select:sidebar image stretch" title="yes" content="yes">
- <meta name="select:sidebar rows spacing" title="14px" content="14px">
- <meta name="select:sidebar rows spacing" title="4px" content="4px">
- <meta name="select:sidebar rows spacing" title="6px" content="6px">
- <meta name="select:sidebar rows spacing" title="8px" content="8px">
- <meta name="select:sidebar rows spacing" title="10px" content="10px">
- <meta name="select:sidebar rows spacing" title="12px" content="12px">
- <meta name="select:sidebar rows spacing" title="16px" content="16px">
- <meta name="select:sidebar rows spacing" title="18px" content="18px">
- <meta name="select:sidebar rows spacing" title="20px" content="20px">
- <meta name="select:sidebar rows spacing" title="22px" content="22px">
- <meta name="select:sidebar rows spacing" title="24px" content="24px">
- <meta name="select:sidebar rows spacing" title="26px" content="26px">
- <meta name="select:sidebar rows spacing" title="28px" content="28px">
- <meta name="select:sidebar rows spacing" title="30px" content="30px">
- <meta name="select:sidebar rows spacing" title="32px" content="32px">
- <meta name="select:sidebar rows spacing" title="34px" content="34px">
- <meta name="select:sidebar rows spacing" title="36px" content="36px">
- <!-- divider: dropdowns: sidebar shadows -->
- <meta name="select:🔽 ······ 𝐒𝐈𝐃𝐄𝐁𝐀𝐑 𝐒𝐇𝐀𝐃𝐎𝐖𝐒" title="" content="">
- <meta name="select:sidebar shadow" title="yes" content="yes">
- <meta name="select:sidebar shadow" title="no" content="no">
- <meta name="select:sidebar shadow offset" title="6px" content="6px">
- <meta name="select:sidebar shadow offset" title="4px" content="4px">
- <meta name="select:sidebar shadow offset" title="8px" content="8px">
- <meta name="select:sidebar shadow offset" title="10px" content="10px">
- <meta name="select:sidebar shadow offset" title="12px" content="12px">
- <meta name="select:sidebar shadow offset" title="14px" content="14px">
- <meta name="select:sidebar shadow offset" title="16px" content="16px">
- <meta name="select:sidebar shadow offset" title="18px" content="18px">
- <meta name="select:sidebar shadow offset" title="20px" content="20px">
- <meta name="select:sidebar shadow offset" title="22px" content="22px">
- <meta name="select:sidebar shadow offset" title="24px" content="24px">
- <meta name="select:sidebar shadow offset" title="26px" content="26px">
- <meta name="select:sidebar shadow offset" title="28px" content="28px">
- <meta name="select:sidebar shadow offset" title="30px" content="30px">
- <meta name="select:sidebar shadow size" title="8px" content="8px">
- <meta name="select:sidebar shadow size" title="4px" content="4px">
- <meta name="select:sidebar shadow size" title="6px" content="6px">
- <meta name="select:sidebar shadow size" title="10px" content="10px">
- <meta name="select:sidebar shadow size" title="12px" content="12px">
- <meta name="select:sidebar shadow size" title="14px" content="14px">
- <meta name="select:sidebar shadow size" title="16px" content="16px">
- <meta name="select:sidebar shadow size" title="18px" content="18px">
- <meta name="select:sidebar shadow size" title="20px" content="20px">
- <meta name="select:sidebar shadow size" title="22px" content="22px">
- <meta name="select:sidebar shadow size" title="24px" content="24px">
- <meta name="select:sidebar shadow size" title="26px" content="26px">
- <meta name="select:sidebar shadow size" title="28px" content="28px">
- <meta name="select:sidebar shadow size" title="30px" content="30px">
- <meta name="select:sidebar shadow transparency" title="none" content="1">
- <meta name="select:sidebar shadow transparency" title="10%" content="0.9">
- <meta name="select:sidebar shadow transparency" title="15%" content="0.85">
- <meta name="select:sidebar shadow transparency" title="20%" content="0.8">
- <meta name="select:sidebar shadow transparency" title="25%" content="0.75">
- <meta name="select:sidebar shadow transparency" title="30%" content="0.7">
- <meta name="select:sidebar shadow transparency" title="35%" content="0.65">
- <meta name="select:sidebar shadow transparency" title="40%" content="0.6">
- <meta name="select:sidebar shadow transparency" title="45%" content="0.55">
- <meta name="select:sidebar shadow transparency" title="50%" content="0.5">
- <meta name="select:sidebar shadow transparency" title="55%" content="0.45">
- <meta name="select:sidebar shadow transparency" title="60%" content="0.4">
- <meta name="select:sidebar shadow transparency" title="65%" content="0.35">
- <meta name="select:sidebar shadow transparency" title="70%" content="0.3">
- <meta name="select:sidebar shadow transparency" title="75%" content="0.25">
- <meta name="select:sidebar shadow transparency" title="80%" content="0.2">
- <meta name="select:sidebar shadow transparency" title="85%" content="0.15">
- <meta name="select:sidebar shadow transparency" title="90%" content="0.1">
- <meta name="select:sidebar shadow transparency" title="95%" content="0.05">
- <!-- divider: dropdowns: sidebar links -->
- <meta name="select:🔽 ············· 𝐒𝐈𝐃𝐄𝐁𝐀𝐑 𝐋𝐈𝐍𝐊𝐒" title="" content="">
- <meta name="select:sidebar links row gap" title="8px" content="8px">
- <meta name="select:sidebar links row gap" title="2px" content="2px">
- <meta name="select:sidebar links row gap" title="3px" content="3px">
- <meta name="select:sidebar links row gap" title="4px" content="4px">
- <meta name="select:sidebar links row gap" title="5px" content="5px">
- <meta name="select:sidebar links row gap" title="6px" content="6px">
- <meta name="select:sidebar links row gap" title="7px" content="7px">
- <meta name="select:sidebar links row gap" title="9px" content="9px">
- <meta name="select:sidebar links row gap" title="10px" content="10px">
- <meta name="select:sidebar links row gap" title="11px" content="11px">
- <meta name="select:sidebar links row gap" title="12px" content="12px">
- <meta name="select:sidebar links row gap" title="13px" content="13px">
- <meta name="select:sidebar links row gap" title="14px" content="14px">
- <meta name="select:sidebar links row gap" title="15px" content="15px">
- <meta name="select:sidebar links column gap" title="12px" content="12px">
- <meta name="select:sidebar links column gap" title="2px" content="2px">
- <meta name="select:sidebar links column gap" title="3px" content="3px">
- <meta name="select:sidebar links column gap" title="4px" content="4px">
- <meta name="select:sidebar links column gap" title="5px" content="5px">
- <meta name="select:sidebar links column gap" title="6px" content="6px">
- <meta name="select:sidebar links column gap" title="7px" content="7px">
- <meta name="select:sidebar links column gap" title="8px" content="8px">
- <meta name="select:sidebar links column gap" title="9px" content="9px">
- <meta name="select:sidebar links column gap" title="10px" content="10px">
- <meta name="select:sidebar links column gap" title="11px" content="11px">
- <meta name="select:sidebar links column gap" title="13px" content="13px">
- <meta name="select:sidebar links column gap" title="14px" content="14px">
- <meta name="select:sidebar links column gap" title="15px" content="15px">
- <meta name="select:sidebar links column gap" title="16px" content="16px">
- <meta name="select:sidebar links column gap" title="17px" content="17px">
- <meta name="select:sidebar links column gap" title="18px" content="18px">
- <meta name="select:sidebar links column gap" title="19px" content="19px">
- <meta name="select:sidebar links column gap" title="20px" content="20px">
- <meta name="select:sidebar links font" title="PixelOperator Bold" content="PixelOperator Bold">
- <meta name="select:sidebar links font" title="Pixelify Sans" content="Pixelify Sans">
- <meta name="select:sidebar links font" title="Silkscreen" content="Silkscreen">
- <meta name="select:sidebar links font" title="Illusion Book" content="Illusion Book">
- <meta name="select:sidebar links font size" title="12px" content="0.75rem">
- <meta name="select:sidebar links font size" title="10px" content="0.65rem">
- <meta name="select:sidebar links font size" title="11px" content="0.7rem">
- <meta name="select:sidebar links font size" title="13px" content="0.8rem">
- <meta name="select:sidebar links font size" title="14px" content="0.85rem">
- <meta name="select:sidebar links font size" title="15px" content="0.9rem">
- <!-- divider: dropdowns: description -->
- <meta name="select:🔽 ················· 𝐃𝐄𝐒𝐂𝐑𝐈𝐏𝐓𝐈𝐎𝐍" title="" content="">
- <meta name="select:desc window border" title="1px" content="1px">
- <meta name="select:desc window border" title="0.5px" content="0.5px">
- <meta name="select:desc window border" title="1.5px" content="1.5px">
- <meta name="select:desc window border" title="2px" content="2px">
- <meta name="select:desc window border" title="2.5px" content="2.5px">
- <meta name="select:desc window border" title="3px" content="3px">
- <meta name="select:desc window border" title="3.5px" content="3.5px">
- <meta name="select:desc window border" title="4px" content="4px">
- <meta name="select:desc window padding" title="5px" content="5px">
- <meta name="select:desc window padding" title="1px" content="1px">
- <meta name="select:desc window padding" title="2px" content="2px">
- <meta name="select:desc window padding" title="3px" content="3px">
- <meta name="select:desc window padding" title="4px" content="4px">
- <meta name="select:desc window padding" title="6px" content="6px">
- <meta name="select:desc window padding" title="7px" content="7px">
- <meta name="select:desc window padding" title="8px" content="8px">
- <meta name="select:desc window padding" title="9px" content="9px">
- <meta name="select:desc window padding" title="10px" content="10px">
- <meta name="select:desc window padding" title="11px" content="11px">
- <meta name="select:desc window padding" title="12px" content="12px">
- <meta name="select:desc window padding" title="13px" content="13px">
- <meta name="select:desc window padding" title="14px" content="14px">
- <meta name="select:desc window padding" title="15px" content="15px">
- <meta name="select:desc window padding" title="16px" content="16px">
- <meta name="select:desc window padding" title="17px" content="17px">
- <meta name="select:desc window padding" title="18px" content="18px">
- <meta name="select:desc window padding" title="19px" content="19px">
- <meta name="select:desc window padding" title="20px" content="20px">
- <meta name="select:desc title bar border" title="1px" content="1px">
- <meta name="select:desc title bar border" title="0.5px" content="0.5px">
- <meta name="select:desc title bar border" title="1.5px" content="1.5px">
- <meta name="select:desc title bar border" title="2px" content="2px">
- <meta name="select:desc title bar border" title="2.5px" content="2.5px">
- <meta name="select:desc title bar border" title="3px" content="3px">
- <meta name="select:desc title bar border" title="3.5px" content="3.5px">
- <meta name="select:desc title bar border" title="4px" content="4px">
- <meta name="select:desc title bar padding" title="5px" content="5px">
- <meta name="select:desc title bar padding" title="1px" content="1px">
- <meta name="select:desc title bar padding" title="2px" content="2px">
- <meta name="select:desc title bar padding" title="3px" content="3px">
- <meta name="select:desc title bar padding" title="4px" content="4px">
- <meta name="select:desc title bar padding" title="6px" content="6px">
- <meta name="select:desc title bar padding" title="7px" content="7px">
- <meta name="select:desc title bar padding" title="8px" content="8px">
- <meta name="select:desc title bar padding" title="9px" content="9px">
- <meta name="select:desc title bar padding" title="10px" content="10px">
- <meta name="select:desc title bar padding" title="11px" content="11px">
- <meta name="select:desc title bar padding" title="12px" content="12px">
- <meta name="select:desc title bar padding" title="13px" content="13px">
- <meta name="select:desc title bar padding" title="14px" content="14px">
- <meta name="select:desc title bar padding" title="15px" content="15px">
- <meta name="select:desc title bar padding" title="16px" content="16px">
- <meta name="select:desc title bar padding" title="17px" content="17px">
- <meta name="select:desc title bar padding" title="18px" content="18px">
- <meta name="select:desc title bar padding" title="19px" content="19px">
- <meta name="select:desc title bar padding" title="20px" content="20px">
- <meta name="select:desc title font" title="Silkscreen" content="Silkscreen">
- <meta name="select:desc title font" title="PixelOperator Bold" content="PixelOperator Bold">
- <meta name="select:desc title font" title="Pixelify Sans" content="Pixelify Sans">
- <meta name="select:desc title font" title="Illusion Book" content="Illusion Book">
- <meta name="select:desc title font size" title="13px" content="0.8rem">
- <meta name="select:desc title font size" title="10px" content="0.65rem">
- <meta name="select:desc title font size" title="11px" content="0.7rem">
- <meta name="select:desc title font size" title="12px" content="0.75rem">
- <meta name="select:desc title font size" title="14px" content="0.85rem">
- <meta name="select:desc title font size" title="15px" content="0.9rem">
- <meta name="select:desc title marquee" title="no" content="plain">
- <meta name="select:desc title marquee" title="yes" content="marq">
- <meta name="select:desc title bar buttons padding" title="3px" content="3px">
- <meta name="select:desc title bar buttons padding" title="2px" content="2px">
- <meta name="select:desc title bar buttons padding" title="4px" content="4px">
- <meta name="select:desc title bar buttons padding" title="5px" content="5px">
- <meta name="select:desc title bar buttons padding" title="6px" content="6px">
- <meta name="select:desc title bar buttons spacing" title="4px" content="4px">
- <meta name="select:desc title bar buttons spacing" title="2px" content="2px">
- <meta name="select:desc title bar buttons spacing" title="3px" content="3px">
- <meta name="select:desc title bar buttons spacing" title="5px" content="5px">
- <meta name="select:desc title bar buttons spacing" title="6px" content="6px">
- <meta name="select:desc title bar buttons spacing" title="7px" content="7px">
- <meta name="select:desc title bar buttons spacing" title="8px" content="8px">
- <meta name="select:desc title bar buttons spacing" title="9px" content="9px">
- <meta name="select:desc title bar buttons spacing" title="10px" content="10px">
- <meta name="select:desc text border" title="1px" content="1px">
- <meta name="select:desc text border" title="0.5px" content="0.5px">
- <meta name="select:desc text border" title="1.5px" content="1.5px">
- <meta name="select:desc text border" title="2px" content="2px">
- <meta name="select:desc text border" title="2.5px" content="2.5px">
- <meta name="select:desc text border" title="3px" content="3px">
- <meta name="select:desc text border" title="3.5px" content="3.5px">
- <meta name="select:desc text border" title="4px" content="4px">
- <meta name="select:desc text padding" title="20px" content="20px">
- <meta name="select:desc text padding" title="6px" content="6px">
- <meta name="select:desc text padding" title="8px" content="8px">
- <meta name="select:desc text padding" title="10px" content="10px">
- <meta name="select:desc text padding" title="12px" content="12px">
- <meta name="select:desc text padding" title="14px" content="14px">
- <meta name="select:desc text padding" title="16px" content="16px">
- <meta name="select:desc text padding" title="18px" content="18px">
- <meta name="select:desc text padding" title="22px" content="22px">
- <meta name="select:desc text padding" title="24px" content="24px">
- <meta name="select:desc text padding" title="26px" content="26px">
- <meta name="select:desc text font" title="Silkscreen" content="Silkscreen">
- <meta name="select:desc text font" title="PixelOperator Bold" content="PixelOperator Bold">
- <meta name="select:desc text font" title="Pixelify Sans" content="Pixelify Sans">
- <meta name="select:desc text font" title="Illusion Book" content="Illusion Book">
- <meta name="select:desc text font" title="Mozilla Headline" content="Mozilla Headline">
- <meta name="select:desc text font" title="Geist Sans" content="Geist">
- <meta name="select:desc text font" title="Funnel Sans" content="Funnel Sans">
- <meta name="select:desc text font" title="Asta Sans" content="Asta Sans">
- <meta name="select:desc text font" title="Diamonaire" content="Diamonaire">
- <meta name="select:desc text font size" title="12px" content="0.75rem">
- <meta name="select:desc text font size" title="13px" content="0.8rem">
- <meta name="select:desc text font size" title="14px" content="0.85rem">
- <meta name="select:desc text font size" title="15px" content="0.9rem">
- <meta name="select:desc text font size" title="16px" content="0.95rem">
- <meta name="select:desc text font size" title="17px" content="1rem">
- <meta name="select:desc text align" title="center" content="center">
- <meta name="select:desc text align" title="left" content="left">
- <meta name="select:desc text align" title="right" content="right">
- <meta name="select:desc text align" title="justify" content="justify">
- <meta name="select:desc text line height" title="loose" content="1.9">
- <meta name="select:desc text line height" title="tight" content="1.65">
- <meta name="select:desc text line height" title="normal" content="1.775">
- <!-- divider: dropdowns: custom links -->
- <meta name="select:🔽 ·············· 𝐂𝐔𝐒𝐓𝐎𝐌 𝐋𝐈𝐍𝐊𝐒" title="" content="">
- <meta name="select:custom links columns" title="2 columns" content="2">
- <meta name="select:custom links columns" title="1 column" content="1">
- <meta name="select:custom links columns" title="3 columns" content="3">
- <meta name="select:custom links border" title="1px" content="1px">
- <meta name="select:custom links border" title="0.5px" content="0.5px">
- <meta name="select:custom links border" title="1.5px" content="1.5px">
- <meta name="select:custom links border" title="2px" content="2px">
- <meta name="select:custom links border" title="2.5px" content="2.5px">
- <meta name="select:custom links border" title="3px" content="3px">
- <meta name="select:custom links border" title="3.5px" content="3.5px">
- <meta name="select:custom links border" title="4px" content="4px">
- <meta name="select:custom links padding" title="8px" content="8px">
- <meta name="select:custom links padding" title="6px" content="6px">
- <meta name="select:custom links padding" title="10px" content="10px">
- <meta name="select:custom links padding" title="12px" content="12px">
- <meta name="select:custom links padding" title="14px" content="14px">
- <meta name="select:custom links padding" title="16px" content="16px">
- <meta name="select:custom links padding" title="18px" content="18px">
- <meta name="select:custom links padding" title="20px" content="20px">
- <meta name="select:custom links font" title="Silkscreen" content="Silkscreen">
- <meta name="select:custom links font" title="PixelOperator Bold" content="PixelOperator Bold">
- <meta name="select:custom links font" title="Pixelify Sans" content="Pixelify Sans">
- <meta name="select:custom links font" title="Illusion Book" content="Illusion Book">
- <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 spacing" title="6px" content="6px">
- <meta name="select:custom links spacing" title="8px" content="8px">
- <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:custom links spacing" title="26px" content="26px">
- <!-- divider: dropdowns: music player -->
- <meta name="select:🔽 ·············· 𝐌𝐔𝐒𝐈𝐂 𝐏𝐋𝐀𝐘𝐄𝐑" title="" content="">
- <meta name="select:show music player" title="show" content="show">
- <meta name="select:show music player" title="hide" content="hide">
- <meta name="select:music player buttons border" title="1px" content="1px">
- <meta name="select:music player buttons border" title="0.5px" content="0.5px">
- <meta name="select:music player buttons border" title="1.5px" content="1.5px">
- <meta name="select:music player buttons border" title="2px" content="2px">
- <meta name="select:music player buttons border" title="2.5px" content="2.5px">
- <meta name="select:music player buttons border" title="3px" content="3px">
- <meta name="select:music player buttons border" title="3.5px" content="3.5px">
- <meta name="select:music player buttons border" title="4px" content="4px">
- <meta name="select:music player buttons size" title="13px" content="13">
- <meta name="select:music player buttons size" title="10px" content="10">
- <meta name="select:music player buttons size" title="11px" content="11">
- <meta name="select:music player buttons size" title="12px" content="12">
- <meta name="select:music player buttons size" title="14px" content="14">
- <meta name="select:music player buttons size" title="15px" content="15">
- <meta name="select:music player buttons size" title="16px" content="16">
- <meta name="select:music player buttons size" title="17px" content="17">
- <meta name="select:music player buttons size" title="18px" content="18">
- <meta name="select:music player buttons size" title="19px" content="19">
- <meta name="select:music player buttons size" title="20px" content="20">
- <meta name="select:music player buttons padding" title="8px" content="8px">
- <meta name="select:music player buttons padding" title="4px" content="4px">
- <meta name="select:music player buttons padding" title="6px" content="6px">
- <meta name="select:music player buttons padding" title="10px" content="10px">
- <meta name="select:music player buttons padding" title="12px" content="12px">
- <meta name="select:music player buttons padding" title="14px" content="14px">
- <meta name="select:music player center gap" title="8px" content="8px">
- <meta name="select:music player center gap" title="4px" content="4px">
- <meta name="select:music player center gap" title="6px" content="6px">
- <meta name="select:music player center gap" title="10px" content="10px">
- <meta name="select:music player center gap" title="12px" content="12px">
- <meta name="select:music player center gap" title="14px" content="14px">
- <meta name="select:music player center gap" title="16px" content="16px">
- <meta name="select:music player center gap" title="18px" content="18px">
- <meta name="select:music player center gap" title="20px" content="20px">
- <meta name="select:music player center gap" title="22px" content="22px">
- <meta name="select:music player center gap" title="24px" content="24px">
- <meta name="select:music player center gap" title="26px" content="26px">
- <meta name="select:music player name border" title="1px" content="1px">
- <meta name="select:music player name border" title="0.5px" content="0.5px">
- <meta name="select:music player name border" title="1.5px" content="1.5px">
- <meta name="select:music player name border" title="2px" content="2px">
- <meta name="select:music player name border" title="2.5px" content="2.5px">
- <meta name="select:music player name border" title="3px" content="3px">
- <meta name="select:music player name border" title="3.5px" content="3.5px">
- <meta name="select:music player name border" title="4px" content="4px">
- <meta name="select:music player name padding" title="8px" content="8px">
- <meta name="select:music player name padding" title="4px" content="4px">
- <meta name="select:music player name padding" title="6px" content="6px">
- <meta name="select:music player name padding" title="10px" content="10px">
- <meta name="select:music player name padding" title="12px" content="12px">
- <meta name="select:music player name padding" title="14px" content="14px">
- <meta name="select:music player name padding" title="16px" content="16px">
- <meta name="select:music player name padding" title="18px" content="18px">
- <meta name="select:music player font" title="Silkscreen" content="Silkscreen">
- <meta name="select:music player font" title="PixelOperator Bold" content="PixelOperator Bold">
- <meta name="select:music player font" title="Pixelify Sans" content="Pixelify Sans">
- <meta name="select:music player font" title="Illusion Book" content="Illusion Book">
- <meta name="select:music player font size" title="12px" content="0.75rem">
- <meta name="select:music player font size" title="10px" content="0.65rem">
- <meta name="select:music player font size" title="11px" content="0.7rem">
- <meta name="select:music player font size" title="13px" content="0.8rem">
- <meta name="select:music player font size" title="14px" content="0.85rem">
- <meta name="select:music player font size" title="15px" content="0.9rem">
- <meta name="select:music player song name marquee" title="no" content="plain">
- <meta name="select:music player song name marquee" title="yes" content="marq">
- <meta name="select:music player autoplay" title="no" content="">
- <meta name="select:music player autoplay" title="yes" content="autoplay">
- <!-- divider: dropdowns: fonts (posts) -->
- <meta name="select:🔽 ··············· 𝐅𝐎𝐍𝐓𝐒 ( 𝐏𝐎𝐒𝐓𝐒 )" title="" content="">
- <meta name="select:font" title="Mozilla Headline" content="Mozilla Headline">
- <meta name="select:font" title="Geist Sans" content="Geist">
- <meta name="select:font" title="Funnel Sans" content="Funnel Sans">
- <meta name="select:font" title="Asta Sans" content="Asta Sans">
- <meta name="select:font" title="Diamonaire" content="Diamonaire">
- <meta name="select:font size" title="14px" content="0.85rem">
- <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="15px" content="0.9rem">
- <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="Illusion Book" content="Illusion Book">
- <meta name="select:small caps font" title="PixelOperator Bold" content="PixelOperator Bold">
- <meta name="select:small caps font" title="Pixelify Sans" content="Pixelify Sans">
- <meta name="select:small caps font" title="Silkscreen" content="Silkscreen">
- <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="Ruler" content="Ruler">
- <meta name="select:heading font" title="PixelOperator Bold" content="PixelOperator Bold">
- <meta name="select:heading font" title="Home Video" content="Home Video">
- <meta name="select:heading font size" title="16px" content="1rem">
- <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="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">
- <!-- divider: dropdowns: posts window bar -->
- <meta name="select:🔽 ···· 𝐏𝐎𝐒𝐓𝐒 𝐖𝐈𝐍𝐃𝐎𝐖 𝐁𝐀𝐑" title="" content="">
- <meta name="select:post window bar padding" title="8px" content="8px">
- <meta name="select:post window bar padding" title="4px" content="4px">
- <meta name="select:post window bar padding" title="6px" content="6px">
- <meta name="select:post window bar padding" title="10px" content="10px">
- <meta name="select:post window bar padding" title="12px" content="12px">
- <meta name="select:post window bar padding" title="14px" content="14px">
- <meta name="select:post window bar padding" title="16px" content="16px">
- <meta name="select:post window bar padding" title="18px" content="18px">
- <meta name="select:post window bar padding" title="20px" content="20px">
- <meta name="select:post window bar border" title="1px" content="1px">
- <meta name="select:post window bar border" title="0.5px" content="0.5px">
- <meta name="select:post window bar border" title="1.5px" content="1.5px">
- <meta name="select:post window bar border" title="2px" content="2px">
- <meta name="select:post window bar border" title="2.5px" content="2.5px">
- <meta name="select:post window bar border" title="3px" content="3px">
- <meta name="select:post window bar border" title="3.5px" content="3.5px">
- <meta name="select:post window bar border" title="4px" content="4px">
- <meta name="select:post window bar buttons padding" title="3px" content="3px">
- <meta name="select:post window bar buttons padding" title="2px" content="2px">
- <meta name="select:post window bar buttons padding" title="4px" content="4px">
- <meta name="select:post window bar buttons padding" title="5px" content="5px">
- <meta name="select:post window bar buttons padding" title="6px" content="6px">
- <meta name="select:post window bar buttons spacing" title="4px" content="4px">
- <meta name="select:post window bar buttons spacing" title="2px" content="2px">
- <meta name="select:post window bar buttons spacing" title="3px" content="3px">
- <meta name="select:post window bar buttons spacing" title="5px" content="5px">
- <meta name="select:post window bar buttons spacing" title="6px" content="6px">
- <meta name="select:post window bar buttons spacing" title="7px" content="7px">
- <meta name="select:post window bar buttons spacing" title="8px" content="8px">
- <meta name="select:post window bar buttons spacing" title="9px" content="9px">
- <meta name="select:post window bar buttons spacing" title="10px" content="10px">
- <!-- divider: dropdowns: posts -->
- <meta name="select:🔽 ······························ 𝐏𝐎𝐒𝐓𝐒" title="" content="">
- <meta name="select:post width" title="450px" content="450px">
- <meta name="select:post width" title="300px" content="300px">
- <meta name="select:post width" title="325px" content="325px">
- <meta name="select:post width" title="350px" content="350px">
- <meta name="select:post width" title="375px" content="375px">
- <meta name="select:post width" title="400px" content="400px">
- <meta name="select:post width" title="425px" content="425px">
- <meta name="select:post width" title="475px" content="475px">
- <meta name="select:post width" title="500px" content="500px">
- <meta name="select:post width" title="540px" content="540px">
- <meta name="select:post width" title="600px" content="600px">
- <meta name="select:post width" title="650px" content="650px">
- <meta name="select:post border" title="1px" content="1px">
- <meta name="select:post border" title="0.5px" content="0.5px">
- <meta name="select:post border" title="1.5px" content="1.5px">
- <meta name="select:post border" title="2px" content="2px">
- <meta name="select:post border" title="2.5px" content="2.5px">
- <meta name="select:post border" title="3px" content="3px">
- <meta name="select:post border" title="3.5px" content="3.5px">
- <meta name="select:post border" title="4px" content="4px">
- <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: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="old" content="old">
- <meta name="select:captions style" title="new" content="new">
- <meta name="select:reblog borders" title="yes" content="yes">
- <meta name="select:reblog borders" title="no" content="no">
- <meta name="select:post spacing" title="45px" content="45px">
- <meta name="select:post spacing" title="30px" content="30px">
- <meta name="select:post spacing" title="35px" content="35px">
- <meta name="select:post spacing" title="40px" content="40px">
- <meta name="select:post spacing" title="50px" content="50px">
- <meta name="select:post spacing" title="55px" content="55px">
- <meta name="select:post spacing" title="60px" content="60px">
- <meta name="select:post spacing" title="65px" content="65px">
- <meta name="select:post spacing" title="70px" content="70px">
- <meta name="select:post spacing" title="75px" content="75px">
- <meta name="select:post spacing" title="80px" content="80px">
- <meta name="select:infinite scroll" title="no" content="no">
- <meta name="select:infinite scroll" title="yes" content="yes">
- <!-- divider: dropdowns: post shadows -->
- <meta name="select:🔽 ············· 𝐏𝐎𝐒𝐓 𝐒𝐇𝐀𝐃𝐎𝐖𝐒" title="" content="">
- <meta name="select:post shadow" title="yes" content="yes">
- <meta name="select:post shadow" title="no" content="no">
- <meta name="select:post shadow offset" title="12px" content="12px">
- <meta name="select:post shadow offset" title="4px" content="4px">
- <meta name="select:post shadow offset" title="6px" content="6px">
- <meta name="select:post shadow offset" title="8px" content="8px">
- <meta name="select:post shadow offset" title="10px" content="10px">
- <meta name="select:post shadow offset" title="14px" content="14px">
- <meta name="select:post shadow offset" title="16px" content="16px">
- <meta name="select:post shadow offset" title="18px" content="18px">
- <meta name="select:post shadow offset" title="20px" content="20px">
- <meta name="select:post shadow offset" title="22px" content="22px">
- <meta name="select:post shadow offset" title="24px" content="24px">
- <meta name="select:post shadow offset" title="26px" content="26px">
- <meta name="select:post shadow offset" title="28px" content="28px">
- <meta name="select:post shadow offset" title="30px" content="30px">
- <meta name="select:post shadow size" title="12px" content="12px">
- <meta name="select:post shadow size" title="4px" content="4px">
- <meta name="select:post shadow size" title="6px" content="6px">
- <meta name="select:post shadow size" title="8px" content="8px">
- <meta name="select:post shadow size" title="10px" content="10px">
- <meta name="select:post shadow size" title="14px" content="14px">
- <meta name="select:post shadow size" title="16px" content="16px">
- <meta name="select:post shadow size" title="18px" content="18px">
- <meta name="select:post shadow size" title="20px" content="20px">
- <meta name="select:post shadow size" title="22px" content="22px">
- <meta name="select:post shadow size" title="24px" content="24px">
- <meta name="select:post shadow size" title="26px" content="26px">
- <meta name="select:post shadow size" title="28px" content="28px">
- <meta name="select:post shadow size" title="30px" content="30px">
- <meta name="select:post shadow transparency" title="none" content="1">
- <meta name="select:post shadow transparency" title="10%" content="0.9">
- <meta name="select:post shadow transparency" title="15%" content="0.85">
- <meta name="select:post shadow transparency" title="20%" content="0.8">
- <meta name="select:post shadow transparency" title="25%" content="0.75">
- <meta name="select:post shadow transparency" title="30%" content="0.7">
- <meta name="select:post shadow transparency" title="35%" content="0.65">
- <meta name="select:post shadow transparency" title="40%" content="0.6">
- <meta name="select:post shadow transparency" title="45%" content="0.55">
- <meta name="select:post shadow transparency" title="50%" content="0.5">
- <meta name="select:post shadow transparency" title="55%" content="0.45">
- <meta name="select:post shadow transparency" title="60%" content="0.4">
- <meta name="select:post shadow transparency" title="65%" content="0.35">
- <meta name="select:post shadow transparency" title="70%" content="0.3">
- <meta name="select:post shadow transparency" title="75%" content="0.25">
- <meta name="select:post shadow transparency" title="80%" content="0.2">
- <meta name="select:post shadow transparency" title="85%" content="0.15">
- <meta name="select:post shadow transparency" title="90%" content="0.1">
- <meta name="select:post shadow transparency" title="95%" content="0.05">
- <!-- divider: dropdowns: tags -->
- <meta name="select:🔽 ································ 𝐓𝐀𝐆𝐒" title="" content="">
- <meta name="select:tags" title="toggle" content="toggle">
- <meta name="select:tags" title="toggle + fade" content="toggle-fade">
- <meta name="select:tags" title="always show" content="show">
- <meta name="select:tags position" title="right" content="right">
- <meta name="select:tags position" title="left" content="left">
- <!-- divider: dropdowns: post footer -->
- <meta name="select:🔽 ················· 𝐏𝐎𝐒𝐓 𝐅𝐎𝐎𝐓𝐄𝐑" title="" content="">
- <meta name="select:post footer border" title="1px" content="1px">
- <meta name="select:post footer border" title="0.5px" content="0.5px">
- <meta name="select:post footer border" title="1.5px" content="1.5px">
- <meta name="select:post footer border" title="2px" content="2px">
- <meta name="select:post footer border" title="2.5px" content="2.5px">
- <meta name="select:post footer border" title="3px" content="3px">
- <meta name="select:post footer border" title="3.5px" content="3.5px">
- <meta name="select:post footer border" title="4px" content="4px">
- <meta name="select:shorten notes" title="yes" content="yes">
- <meta name="select:shorten notes" title="no" content="no">
- <!-- divider: dropdowns: corner image -->
- <meta name="select:🔽 ············ 𝐂𝐎𝐑𝐍𝐄𝐑 𝐈𝐌𝐀𝐆𝐄" title="" content="">
- <meta name="select:show corner image" title="show" content="show">
- <meta name="select:show corner image" title="hide" content="hide">
- <meta name="select:corner image width" title="130px" content="130px">
- <meta name="select:corner image width" title="60px" content="60px">
- <meta name="select:corner image width" title="70px" content="70px">
- <meta name="select:corner image width" title="80px" content="80px">
- <meta name="select:corner image width" title="90px" content="90px">
- <meta name="select:corner image width" title="100px" content="100px">
- <meta name="select:corner image width" title="110px" content="110px">
- <meta name="select:corner image width" title="120px" content="120px">
- <meta name="select:corner image width" title="140px" content="140px">
- <meta name="select:corner image width" title="150px" content="150px">
- <meta name="select:corner image width" title="160px" content="160px">
- <meta name="select:corner image width" title="170px" content="170px">
- <meta name="select:corner image width" title="180px" content="180px">
- <meta name="select:corner image width" title="190px" content="190px">
- <meta name="select:corner image width" title="200px" content="200px">
- <meta name="select:corner image width" title="210px" content="210px">
- <meta name="select:corner image width" title="220px" content="220px">
- <meta name="select:corner image width" title="230px" content="230px">
- <meta name="select:corner image width" title="240px" content="240px">
- <meta name="select:corner image width" title="250px" content="250px">
- <meta name="select:corner image width" title="260px" content="260px">
- <meta name="select:corner image width" title="270px" content="270px">
- <meta name="select:corner image width" title="280px" content="280px">
- <meta name="select:corner image width" title="290px" content="290px">
- <meta name="select:corner image width" title="300px" content="300px">
- <!-- divider: dropdowns: hover text -->
- <meta name="select:🔽 ·················· 𝐇𝐎𝐕𝐄𝐑 𝐓𝐄𝐗𝐓" title="" content="">
- <meta name="select:hover text padding" title="8px" content="8px">
- <meta name="select:hover text padding" title="6px" content="6px">
- <meta name="select:hover text padding" title="10px" content="10px">
- <meta name="select:hover text padding" title="12px" content="12px">
- <meta name="select:hover text padding" title="14px" content="14px">
- <meta name="select:hover text padding" title="16px" content="16px">
- <meta name="select:hover text padding" title="18px" content="18px">
- <meta name="select:hover text padding" title="20px" content="20px">
- <meta name="select:hover text shadow" title="yes" content="yes">
- <meta name="select:hover text shadow" title="no" content="no">
- <meta name="select:hover text shadow offset" title="4px" content="4px">
- <meta name="select:hover text shadow offset" title="6px" content="6px">
- <meta name="select:hover text shadow offset" title="8px" content="8px">
- <meta name="select:hover text shadow offset" title="10px" content="10px">
- <meta name="select:hover text shadow offset" title="12px" content="12px">
- <meta name="select:hover text shadow offset" title="14px" content="14px">
- <meta name="select:hover text shadow offset" title="16px" content="16px">
- <meta name="select:hover text shadow offset" title="18px" content="18px">
- <meta name="select:hover text shadow offset" title="20px" content="20px">
- <meta name="select:hover text shadow offset" title="22px" content="22px">
- <meta name="select:hover text shadow offset" title="24px" content="24px">
- <meta name="select:hover text shadow offset" title="26px" content="26px">
- <meta name="select:hover text shadow offset" title="28px" content="28px">
- <meta name="select:hover text shadow offset" title="30px" content="30px">
- <meta name="select:hover text shadow size" title="6px" content="6px">
- <meta name="select:hover text shadow size" title="2px" content="2px">
- <meta name="select:hover text shadow size" title="4px" content="4px">
- <meta name="select:hover text shadow size" title="8px" content="8px">
- <meta name="select:hover text shadow size" title="10px" content="10px">
- <meta name="select:hover text shadow size" title="12px" content="12px">
- <meta name="select:hover text shadow size" title="14px" content="14px">
- <meta name="select:hover text shadow size" title="16px" content="16px">
- <meta name="select:hover text shadow size" title="18px" content="18px">
- <meta name="select:hover text shadow size" title="20px" content="20px">
- <meta name="select:hover text shadow size" title="22px" content="22px">
- <meta name="select:hover text shadow size" title="24px" content="24px">
- <meta name="select:hover text shadow transparency" title="none" content="1">
- <meta name="select:hover text shadow transparency" title="10%" content="0.9">
- <meta name="select:hover text shadow transparency" title="15%" content="0.85">
- <meta name="select:hover text shadow transparency" title="20%" content="0.8">
- <meta name="select:hover text shadow transparency" title="25%" content="0.75">
- <meta name="select:hover text shadow transparency" title="30%" content="0.7">
- <meta name="select:hover text shadow transparency" title="35%" content="0.65">
- <meta name="select:hover text shadow transparency" title="40%" content="0.6">
- <meta name="select:hover text shadow transparency" title="45%" content="0.55">
- <meta name="select:hover text shadow transparency" title="50%" content="0.5">
- <meta name="select:hover text shadow transparency" title="55%" content="0.45">
- <meta name="select:hover text shadow transparency" title="60%" content="0.4">
- <meta name="select:hover text shadow transparency" title="65%" content="0.35">
- <meta name="select:hover text shadow transparency" title="70%" content="0.3">
- <meta name="select:hover text shadow transparency" title="75%" content="0.25">
- <meta name="select:hover text shadow transparency" title="80%" content="0.2">
- <meta name="select:hover text shadow transparency" title="85%" content="0.15">
- <meta name="select:hover text shadow transparency" title="90%" content="0.1">
- <meta name="select:hover text shadow transparency" title="95%" content="0.05">
- <!-- divider: text: sidebar -->
- <meta name="text:󠀠⁠⁠" content="🖊️  ·························· 𝐒𝐈𝐃𝐄𝐁𝐀𝐑
">
- <meta name="text:sidebar image hover text" content="">
- <!-- divider: text: sidebar links -->
- <meta name="text:󠀠⁠⁠⁠" content="🖊️  ············· 𝐒𝐈𝐃𝐄𝐁𝐀𝐑 𝐋𝐈𝐍𝐊𝐒
">
- <meta name="text:home link text" content="Go home">
- <meta name="text:ask link text" content="Send mail">
- <meta name="text:archive link text" content="Archive">
- <!-- divider: text: description -->
- <meta name="text:󠀠⁠⁠⁠⁠" content="🖊️  ················· 𝐃𝐄𝐒𝐂𝐑𝐈𝐏𝐓𝐈𝐎𝐍
">
- <meta name="text:desc title" content="C:\ welcome!">
- <meta name="text:custom desc" content="The <b>serene</b> sound of a
<br>
distant music box...
<br>
It fills you with
<br>
<i>determination.</i>">
- <!-- divider: text: custom links -->
- <meta name="text:󠀠⁠⁠⁠⁠⁠" content="🖊️  ·············· 𝐂𝐔𝐒𝐓𝐎𝐌 𝐋𝐈𝐍𝐊𝐒
">
- <meta name="text:custom link 1 name" content="example link">
- <meta name="text:custom link 1 URL" content="https://youtu.be/QPX9b3Vtz0I">
- <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="">
- <!-- divider: text: music player -->
- <meta name="text:󠀠⁠⁠⁠⁠⁠⁠" content="🖊️  ·············· 𝐌𝐔𝐒𝐈𝐂 𝐏𝐋𝐀𝐘𝐄𝐑
">
- <meta name="text:how to link music:" content="linktr.ee/direct_file_links">
- <meta name="text:music player song name" content="Peaceful Sleep">
- <meta name="text:music player song URL" content="https://rhizo.gitlab.io/nier/Peaceful_Sleep__Music_Box_.mp3">
- <meta name="text:music player volume" content="85%">
- <!-- divider: text: corner image -->
- <meta name="text:󠀠⁠⁠⁠⁠⁠⁠⁠" content="🖊️  ············· 𝐂𝐎𝐑𝐍𝐄𝐑 𝐈𝐌𝐀𝐆𝐄
">
- <meta name="text:corner image hover text" content="">
- {/block:Options}
- <!--+++++++++++++++++++++++++++++++++++++++++++++++++-->
- <!----- GOOGLE FONTS ----->
- <link href="//fonts.googleapis.com" rel="preconnect">
- <link href="//fonts.gstatic.com" rel="preconnect" crossorigin>
- <script src="//cdn.jsdelivr.net/gh/ht-devx/addGoogleFonts/v2/addGoogleFonts.min.js"></script>
- <script>
- addGoogleFonts("{select:font}, {select:small caps font}, {select:heading font}, {select:sidebar links font}, {select:desc title font}, {select:desc text font}, {text:custom links font}, {select:music player font}");
- </script>
- <!----- THEME SCRIPTS & SHEETS ----->
- <link href="//glen-npf.gitlab.io/v4-beta/main.min.css" rel="stylesheet">
- <script src="//glen-npf.gitlab.io/v4-beta/use.min.js"></script>
- <link href="//cdn.jsdelivr.net/gh/ht-devx/VIDYO/VIDYO.min.css" rel="stylesheet">
- <script src="//cdn.jsdelivr.net/gh/ht-devx/VIDYO/VIDYO.min.js"></script>
- <link href="//glen-themes.gitlab.io/thms/06/2025/sans.min.css" rel="stylesheet">
- <script src="//glen-themes.gitlab.io/thms/06/2025/papyrus.min.js"></script>
- <!--+++++++++++++++++++++++++++++++++++++++++++++++++-->
- <style>
- /*------ OPTION VARIABLES ------*/
- :root {
- /*---- GENERAL ----*/
- --Screen-Gaps:{select:screen gap};
- --TumblrControls-Zoom-Factor:75%;
- /*---- CONTAINER ----*/
- --Container-Width-Total:clamp(20vw, var(--Post-Width-Total), 75vw);
- --Container-Side-Gaps:{select:side gaps};
- --Container-Left-Nudge:{select:shift everything X};
- /*---- SIDEBAR ----*/
- --Sidebar-Width-Total:{select:sidebar total width};
- --Sidebar-Rows-Spacing:{select:sidebar rows spacing};
- /*---- SIDEBAR :: IMAGE ----*/
- --Sidebar-Image-Area-Width:{select:sidebar image width};
- --Sidebar-Image-Right-Gap:{select:sidebar image right gap};
- /*---- SIDEBAR :: LINKS ----*/
- --Sidebar-Links-Column-Spacing:{select:sidebar links column gap};
- --Sidebar-Links-Row-Spacing:{select:sidebar links row gap};
- --Sidebar-Links-Heart-Size:16; /* number only, no suffix */
- --Sidebar-Links-Heart-Color:{color:sidebar links heart};
- --Sidebar-Links-Asterisk-Size:10; /* number only, no suffix */
- --Sidebar-Links-Asterisk-Color:{color:sidebar links asterisk};
- --Sidebar-Links-Hover-Speed:0.25s;
- --Sidebar-Links-Font-Family:"{select:sidebar links font}";
- --Sidebar-Links-Font-Weight:var(--SmallCaps-Font-Weight);
- --Sidebar-Links-Font-Size:{select:sidebar links font size};
- --Sidebar-Links-Letter-Spacing:var(--SmallCaps-Letter-Spacing);
- --Sidebar-Links-Word-Spacing:var(--SmallCaps-Word-Spacing);
- --Sidebar-Links-Text-Color:{color:sidebar links text};
- /*---- SIDEBAR :: SHADOWS ----*/
- --Sidebar-Shadow-Offset:{select:sidebar shadow offset};
- --Sidebar-Shadow-Size:{select:sidebar shadow size};
- --Sidebar-Shadow-Color:rgba({RGBcolor:sidebar shadow},{select:sidebar shadow transparency});
- /*---- SIDEBAR :: DESC ----*/
- --Desc-Window-Outer-Border-Size:{select:desc window border};
- --Desc-Window-Outer-Border-Color:{color:desc window border};
- --Desc-Window-Outer-Border-Padding:{select:desc window padding};
- --Desc-Window-Outer-BG:{color:desc window BG};
- --Desc-Window-Row-Spacing:var(--Desc-Window-Outer-Border-Padding);
- --Desc-Title-Bar-Border-Size:{select:desc title bar border};
- --Desc-Title-Bar-Border-Color:{color:desc title bar border};
- --Desc-Title-Bar-Padding:{select:desc title bar padding};
- --Desc-Title-Bar-BG:{color:desc title bar BG};
- --Desc-Title-Font-Family:"{select:desc title font}";
- --Desc-Title-Font-Weight:var(--SmallCaps-Font-Weight);
- --Desc-Title-Font-Size:var(--SmallCaps-Font-Size);
- --Desc-Title-Letter-Spacing:var(--SmallCaps-Letter-Spacing);
- --Desc-Title-Word-Spacing:var(--SmallCaps-Word-Spacing);
- --Desc-Title-Color:{color:desc title};
- --Desc-Title-Marquee-Chara-Speed:0.25s;
- --Desc-Title-Bar-Buttons-Border-Size:1px;
- --Desc-Title-Bar-Buttons-Border-Color:{color:desc title bar buttons border};
- --Desc-Title-Bar-Buttons-Icon-Size:9; /* number only, no suffix */
- --Desc-Title-Bar-Buttons-Icon-Color:{color:desc title bar buttons};
- --Desc-Title-Bar-Buttons-Padding:{select:desc title bar buttons padding};
- --Desc-Title-Bar-Buttons-BG:{color:desc title bar buttons BG};
- --Desc-Title-Bar-Buttons-Spacing:{select:desc title bar buttons spacing};
- --Desc-Main-Box-Border-Size:{select:desc text border};
- --Desc-Main-Box-Border-Color:{color:desc text border};
- --Desc-Main-Box-Padding-X:{select:desc text padding};
- --Desc-Main-Box-Padding-Y:calc(var(--Desc-Main-Box-Padding-X) - var(--Desc-Main-Box-LH-V-Gap));
- --Desc-Main-Box-BG:{color:desc text BG};
- --Desc-Main-Box-Font-Family:"{select:desc text font}";
- --Desc-Main-Box-Font-Weight:normal;
- --Desc-Main-Box-Font-Size:{select:desc text font size};
- --Desc-Main-Box-Letter-Spacing:0px;
- --Desc-Main-Box-Word-Spacing:0px;
- --Desc-Main-Box-Text-Align:{select:desc text align};
- --Desc-Main-Box-Line-Height:{select:desc text line height};
- --Desc-Main-Box-LH-V-Gap:calc(((var(--Desc-Main-Box-Font-Size) * var(--Desc-Main-Box-Line-Height)) - var(--Desc-Main-Box-Font-Size)) / 2);
- --Desc-Main-Box-Text-Color:{color:desc text};
- --Desc-Main-Box-Bold:{color:desc bold};
- --Desc-Main-Box-Italic:{color:desc italic};
- --Desc-Main-Box-Links-Text:{color:desc links};
- --Desc-Main-Box-Links-Underline-Size:1px;
- --Desc-Main-Box-Links-Underline-Gap:1.5px;
- --Desc-Main-Box-Links-Underline-Color:{color:desc links underline};
- /*---- SIDEBAR :: CUSTOM LINKS ----*/
- --Custom-Links-Columns:{select:custom links columns};
- --Custom-Links-Spacing:{select:custom links spacing};
- --Custom-Links-Border-Size:{select:custom links border};
- --Custom-Links-Border-Color:{color:custom links border};
- --Custom-Links-Padding-X:{select:custom links padding};
- --Custom-Links-Padding-Y:calc(var(--Custom-Links-Padding-X) - var(--SmallCaps-LH-V-Gap));
- --Custom-Links-BG:{color:custom links BG};
- --Custom-Links-Font-Family:"{select:custom links font}";
- --Custom-Links-Font-Weight:var(--SmallCaps-Font-Weight);
- --Custom-Links-Font-Size:{select:custom links font size};
- --Custom-Links-Letter-Spacing:var(--SmallCaps-Letter-Spacing);
- --Custom-Links-Word-Spacing:var(--SmallCaps-Word-Spacing);
- --Custom-Links-Text-Color:{color:custom links text};
- --Custom-Links-Line-Height:var(--Body-Line-Height);
- --Custom-Links-Hover-Speed:0.25s;
- --Custom-Links-HOVER-Border-Color:{color:custom links hover border};
- --Custom-Links-HOVER-BG:{color:custom links hover BG};
- --Custom-Links-HOVER-Text-Color:{color:custom links hover text};
- /*---- SIDEBAR :: MUSIC PLAYER ----*/
- --Music-Player-Btns-Border-Size:{select:music player buttons border};
- --Music-Player-Btns-Border-Color:{color:music player buttons border};
- --Music-Player-Btns-BG:{color:music player buttons BG};
- --Music-Player-Btns-Icon-Size-RAW:{select:music player buttons size}; /* number only, no px */
- --Music-Player-Btns-Icon-Size:{select:music player buttons size}px; /* WITH px */
- --Music-Player-Btns-Icon-Padding:{select:music player buttons padding};
- --Music-Player-Btns-Icon-Color:{color:music player buttons};
- --Music-Player-Btns-Pressed-Zoom-Factor:0.85;
- --Music-Player-Play-Btn-Hover-Text:"Play";
- --Music-Player-Pause-Btn-Hover-Text:"Pause";
- --Music-Player-Center-Gap:{select:music player center gap};
- --Music-Player-Name-Border-Size:{select:music player name border};
- --Music-Player-Name-Border-Color:{color:music player name border};
- --Music-Player-Name-Side-Padding:{select:music player name padding};
- --Music-Player-Name-BG:{color:music player name BG};
- --Music-Player-Name-Font-Family:"{select:music player font}";
- --Music-Player-Name-Font-Weight:var(--SmallCaps-Font-Weight);
- --Music-Player-Name-Font-Size:{select:music player font size};
- --Music-Player-Name-Letter-Spacing:var(--SmallCaps-Letter-Spacing);
- --Music-Player-Name-Word-Spacing:var(--SmallCaps-Word-Spacing);
- --Music-Player-Name-Text-Color:{color:music player name};
- --Music-Player-Name-Marquee-Chara-Speed:0.25s;
- /*---- 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:{select:post border};
- --Post-Border-Color:{color:post borders};
- --Post-BG:{color:post BG};
- --Post-Spacing:{select:post spacing};
- --Post-Body-FadeIn-Speed:0.25s;
- --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-Secondary-Text-Color-2:{color:text alt 2};
- --Post-Shadow-Offset:{select:post shadow offset};
- --Post-Shadow-Size:{select:post shadow size};
- --Post-Shadow-Color:rgba({RGBcolor:post shadow},{select:post shadow transparency});
- /*---- POST WINDOW BAR ----*/
- /* other keywords: post header */
- --Post-Window-Bar-Border-Size:{select:post window bar border};
- --Post-Window-Bar-Border-Color:{color:post window bar border};
- --Post-Window-Bar-Padding:{select:post window bar padding};
- --Post-Window-Bar-BG:{color:post window bar BG};
- /* pixel arrow */
- --Post-Window-Bar-Arrow-Size:5; /* number only, no suffix */
- --Post-Window-Bar-Arrow-Color:{color:post window bar text};
- /* bar text */
- --Post-Window-Bar-Text-Color:{color:post window bar text};
- --Post-Window-Bar-Left-Items-Spacing:7px;
- /* file name extensions/suffixes */
- --Post-Window-Bar-Text-Post-Extension-Name:".txt";
- --Post-Window-Bar-Photo-Post-Extension-Name:".png";
- --Post-Window-Bar-Quote-Post-Extension-Name:".txt";
- --Post-Window-Bar-Link-Post-Extension-Name:".lnk";
- --Post-Window-Bar-Chat-Post-Extension-Name:".log";
- --Post-Window-Bar-Audio-Post-Extension-Name:".mp3";
- --Post-Window-Bar-Video-Post-Extension-Name:".mov";
- --Post-Window-Bar-Ask-Post-Extension-Name:".log";
- --Post-Window-Bar-Poll-Post-Extension-Name:".xlsx";
- /* right buttons */
- --Post-Window-Bar-Buttons-Border-Size:1px;
- --Post-Window-Bar-Buttons-Border-Color:{color:post window bar buttons border};
- --Post-Window-Bar-Buttons-BG:{color:post window bar buttons BG};
- --Post-Window-Bar-Buttons-Icon-Size:9; /* number only, no suffix */
- --Post-Window-Bar-Buttons-Icon-Color:{color:post window bar buttons};
- --Post-Window-Bar-Buttons-Padding:{select:post window bar buttons padding};
- --Post-Window-Bar-Buttons-Spacing:{select:post window bar buttons spacing};
- /*---- MAIN FONT ----*/
- --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:rgba({RGBcolor:text},0.8);
- --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:500;
- --SmallCaps-Font-Size:{select:small caps font size};
- --SmallCaps-Letter-Spacing:0.025em;
- --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);
- --Heading-Text-Color:{color:headings};
- /*---- TEXT FORMATTING ----*/
- --Bold-Font-Weight:600;
- --Bold:{color:bold};
- --Italic:{color:italic};
- --Links-Color:{color:links};
- --Links-Underline-Gap:1px;
- --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:"Consolas";
- --Code-Font-Weight:normal;
- --Code-Font-Size:calc(var(--Body-Font-Size) * 0.9);
- --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-Images-Spacing:var(--Photoset-Spacing);
- --NPF-Caption-Spacing:0px;
- --NPF-Move-1st-Photoset:"yes";
- --Text-Container-Selector:".text-post-reblogs";
- --Text-Reblogs-Selector:".comment";
- /*---- NPF SETTINGS: ALT TEXT ----*/
- --NPF-Alt-Text-Button-Corner-Distance:10px;
- --NPF-Alt-Text-Button-Visibility:25%;
- --NPF-Alt-Text-Button-Rounded-Corners:0px;
- --NPF-Alt-Text-Button-Fade-Speed:0.15s;
- --NPF-Alt-Text-Button-Font-Size:calc(var(--SmallCaps-Font-Size) - 0.5px);
- --NPF-Alt-Text-Box-Fade-Speed:0s;
- --NPF-Alt-Text-Box-Rounded-Corners:0px;
- /*---- PHOTOS / PHOTOSETS ----*/
- --Photoset-Spacing:{select:photos spacing};
- --Lightbox-BG:{color:background};
- --Lightbox-BG-RGB:{RGBcolor:background}; /* must be RGB */
- --Lightbox-BG-Strength:69%;
- --Lightbox-BG-Blur-Amount:0px;
- --Lightbox-Image-Rounded-Corners:0px;
- /*---- QUOTE POSTS ----*/
- --Quote-Heart-Icon-Size:16; /* px only, no suffix */
- --Quote-Heart-Padding:10px;
- --Quote-Heart-Border-Size:var(--Post-Secondary-Border-Size);
- --Quote-Heart-Border-Color:var(--Post-Secondary-Border-Color);
- --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-Text-Color:var(--Heading-Text-Color);
- --Quote-Post-Row-Spacing:1em;
- /*---- LINK POSTS ----*/
- --Link-Post-Title-Font-Size:var(--Heading-Font-Size);
- --Link-Post-Title-Line-Height:var(--Heading-Line-Height);
- --Link-Post-Title-Text-Align:center;
- --Link-Post-Title-Arrow-Left-Gap:13px;
- --Link-Post-Title-Arrow-Size:12; /* number only, no suffix */
- --Link-Post-Title-Arrow-Color:currentColor;
- --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-Player-Border-Size:var(--Post-Secondary-Border-Size);
- --Audio-Post-Player-Border-Color:var(--Post-Secondary-Border-Color);
- --Audio-Post-Album-Image-Size:80px;
- --Audio-Post-Play-Btn-Hover-Text:"Play";
- --Audio-Post-Pause-Btn-Hover-Text:"Pause";
- --Audio-Post-Buttons-Icons-Size:17px; /* WITH px */
- --Play-Button-Icon-Size:7; /* number only, no suffix */
- --Play-Button-Icon-Color:var(--Audio-Post-Buttons-Icons-Color);
- --Pause-Button-Icon-Size:12; /* number only, no suffix */
- --Pause-Button-Icon-Color:var(--Audio-Post-Buttons-Icons-Color);
- --Audio-Post-Buttons-Icons-Color:var(--Post-Secondary-BG);
- --Audio-Post-Buttons-Padding:10px;
- --Audio-Post-Buttons-BG:var(--Post-Secondary-Text-Color-2);
- --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-2);
- --Audio-Post-Download-Btn-Touch-Padding:7px;
- --Audio-Post-Download-Btn-Size:14; /* number only, no suffix */
- --Audio-Post-Download-Btn-Color:var(--Audio-Post-Download-Btn-Icon-Color);
- --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";
- --SoundCloud-Btn-Color:var(--Audio-Post-Buttons-BG);
- /*---- VIDEO POSTS ----*/
- --Video-Post-Volume:75%;
- --Video-Player-Play-Btn-Size:30; /* number only, no suffix */
- --Video-Player-Pause-Btn-Size:calc(var(--Video-Player-Play-Btn-Size) * 0.85); /* number only, no suffix */
- --Video-Player-Btns-Color:var(--VIDYO-buttons-color);
- --Video-Player-Font-Size:calc(var(--SmallCaps-Font-Size) + 1px);
- --Video-Player-Font-Weight:normal;
- --Video-Player-Small-Play-Btn-Size:14; /* number only, no suffix */
- --Video-Player-Small-Pause-Btn-Size:calc(var(--Video-Player-Small-Play-Btn-Size) * 0.85); /* number only, no suffix */
- --Video-Player-Small-Btns-Color:var(--VIDYO-tiny-buttons-color);
- /*---- 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:min(10px,var(--Post-Padding));
- --Ask-Post-Question-Border-Size:var(--Post-Secondary-Border-Size);
- --Ask-Post-Question-Border-Color:var(--Post-Secondary-Border-Color);
- --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-Border-Size:var(--Post-Secondary-Border-Size);
- --Ask-Post-Answer-Border-Color:var(--Post-Secondary-Border-Color);
- --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-2);
- --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};
- --Post-Usernames-Underline-Color:rgba({RGBcolor:post usernames},15%);
- --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:{select:post footer border};
- --Post-Footer-Border-Color:{color:post footer border};
- --Post-Footer-Padding-X:var(--Post-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-Date-Icon-Size:16; /* number only, no suffix */
- --Post-Footer-Date-Icon-Color:{color:post footer icons};
- --Post-Footer-Sticky-Note-Icon-Size:15; /* number only, no suffix */
- --Post-Footer-Sticky-Note-Icon-Color:{color:post footer icons};
- --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:var(--Tags-LH-V-Gap);
- --Tags-Spacing-X:6px;
- --Tags-Spacing-Y:calc(var(--Tags-Spacing-X) - var(--Tags-LH-V-Gap));
- --Tags-Color:{color:tags};
- --Tags-Hover-Color:{color:tags hover};
- /*---- POST CONTROLS ----*/
- --Post-Controls-Spacing:4px;
- --Post-Controls-Touch-Padding:6px;
- --Post-Controls-Tags-Icon-Size:12; /* number only, no suffix */
- --Post-Controls-Tags-Icon-Color:var(--Post-Controls-Icon-Color);
- --Post-Controls-Reblog-Icon-Size:12; /* number only, no suffix */
- --Post-Controls-Reblog-Icon-Color:var(--Post-Controls-Icon-Color);
- --Post-Controls-Heart-Icon-Size:12; /* number only, no suffix */
- --Post-Controls-Heart-Color:var(--Post-Controls-Icon-Color);
- --Post-Controls-Icon-Size:calc(var(--Body-Font-Size) * 1.2);
- --Post-Controls-Button-Total-Size:calc((1px * var(--Post-Controls-Tags-Icon-Size)) + (var(--Post-Controls-Touch-Padding) * 2));
- --Post-Controls-Icon-Color:{color:post buttons};
- --Liked-Button-Color:#f56b69;
- /*---- 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;
- /*---- PAGE NUMBERS ----*/
- /* other keywords: pagination */
- --Page-Numbers-Font-Size:calc(var(--SmallCaps-Font-Size) + .5px);
- --Page-Numbers-Arrow-Size:11; /* number only, no suffix */
- --Page-Numbers-Arrow-Color:var(--Page-Numbers-Color);
- --Page-Numbers-Arrow-Gap:4px;
- --Page-Numbers-Map-X-Size:7; /* number only, no suffix */
- --Page-Numbers-Map-X-Color:var(--Page-Numbers-Color);
- --Page-Numbers-Touch-Padding:6px;
- --Page-Numbers-Spacing:calc(var(--Page-Numbers-Touch-Padding) + 8px);
- --Page-Numbers-Color:{color:page numbers};
- --Load-More-Font-Size:var(--SmallCaps-Font-Size);
- /*----- CORNER IMAGE OPTIONS -----*/
- --Corner-Image-Width:{select:corner image width};
- /*----- BACK-TO-TOP BUTTON OPTIONS -----*/
- --BackToTop-Btn-Fade-Speed:0.3s;
- --BackToTop-Btn-Corner-Offset:22px;
- --BackToTop-Btn-Border-Size:var(--Post-Border-Size);
- --BackToTop-Btn-Padding:8px;
- --BackToTop-Btn-BG:var(--Post-Secondary-BG);
- --BackToTop-Btn-Border-Color:var(--Post-Border-Color);
- --BackToTop-Btn-Icon-Size:9; /* number only, no suffix */
- --BackToTop-Btn-Icon-Color:var(--Post-Secondary-Text-Color-2);
- --BackToTop-Btn-Shadow-Offset:calc(var(--BackToTop-Btn-Padding) - var(--BackToTop-Btn-Border-Size));
- --BackToTop-Btn-Shadow-Size:calc(var(--BackToTop-Btn-Padding) - 2px);
- --BackToTop-Btn-Shadow-Color:var(--Post-Shadow-Color);
- --BackToTop-Btn-Pressed-Zoom-Factor:0.875;
- /*----- TOOLTIPS OPTIONS -----*/
- --Tooltips-Margin:20; /* number only */
- --Tooltips-Fade-In-Delay:0s;
- --Tooltips-Fade-In-Speed:0s;
- --Tooltips-Fade-Out-Delay:0s;
- --Tooltips-Fade-Out-Speed:0s;
- --Tooltips-Border-Size:1px;
- --Tooltips-Border-Color:{color:hover text border};
- --Tooltips-Padding-X:{select:hover text padding};
- --Tooltips-Padding-Y:var(--Tooltips-Padding-X);
- --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};
- --Tooltips-Shadow-Offset:{select:hover text shadow offset};
- --Tooltips-Shadow-Size:{select:hover text shadow size};
- --Tooltips-Shadow-Color:rgba({RGBcolor:hover text shadow},{select:hover text shadow transparency});
- /*---- SCROLLBAR OPTIONS ----*/
- --Scrollbar-Gutter:12px;
- --Scrollbar-Padding:11px;
- --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};
- /* ignore this */
- --MBSO:min({select:sidebar shadow offset},{select:post shadow offset});
- --MBSS:min({select:sidebar shadow size},{select:post shadow size});
- }/* end root */
- /*-------- TUMBLR CONTROLS --------*/
- iframe#tumblr_controls, .iframe-controls--desktop {
- top:5px!important;
- right:5px!important;
- position:fixed!important;
- transform:scale(var(--TumblrControls-Zoom-Factor,1),var(--TumblrControls-Zoom-Factor,1));
- transform-origin:100% 0;
- z-index:11!important;
- user-select:none;
- }
- [tumblr-controls="black"] iframe#tumblr_controls,
- [tumblr-controls="black"] .iframe-controls--desktop {
- filter:invert(100%) hue-rotate(180deg)!important;
- -webkit-filter:invert(100%) hue-rotate(180deg)!important;
- }
- .tmblr-iframe--follow-teaser, .follow-teaser, .iframe-controls--phone-mobile, .tmblr-iframe--app-cta-button {
- display:none!important;
- }
- .is-mobile .iframe-controls--phone-mobile {
- display:block!important;
- }
- /*------- BASICS -------*/
- body {
- margin:0;
- 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);
- color:var(--Body-Text-Color);
- background:url("{image:background image}") fixed {color:background};
- }
- [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};
- }
- html, body { scroll-behavior:smooth }
- .no-overscroll { overscroll-behavior:none }
- 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;
- }
- b, strong {
- font-weight:var(--Bold-Font-Weight);
- color:var(--Bold);
- }
- i:not([class]), em {
- font-style:italic;
- color:var(--Italic);
- }
- 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 */
- p.npf_quirky, .npf_quirky {
- font-size:calc(var(--Heading-Font-Size) * 1.15)!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;
- }
- /* text highlight */
- ::selection {
- background:{color:highlighted text BG};
- color:{color:highlighted text};
- }
- ::-moz-selection {
- background:{color:highlighted text BG};
- color:{color:highlighted text};
- }
- /*------ FONT ADJUSTMENTS ------*/
- [font="Geist"]{
- --Body-Letter-Spacing:0.01em;
- }
- [font="Asta Sans"]{
- --Body-Letter-Spacing:0.01em;
- }
- [font="Diamonaire"]{
- --Body-Font-Size:calc({select:font size} * 0.925);
- --Body-Letter-Spacing:-0.03em;
- --Body-Word-Spacing:0.03em;
- }
- [font="Mozilla Headline"]{
- --Body-Font-Size:calc({select:font size} * 0.95);
- --Body-Font-Weight:350;
- --Body-Letter-Spacing:0.02em;
- --Body-Word-Spacing:0.015em;
- }
- /*------ SMALL CAPS FONT ------*/
- .caps, .desc-t, .mp-name-wrap, .post-window-bar, .username, .comment-body p > a.tumblr_blog, .site-name, p.tmblr-attribution, .poll-see-results, a.poll-see-results, .ask-head, .ans-head, a.read-more-link, a.poll-row, .npf-alt-text-btn, .chat-label, .actual-ct, .actual-dur, .content-src a, .tagscont, .post-info-left, ol.notes li span.action > a, ol.notes .more_notes_link, ol.notes .notes_loading, .page-numbers, .tippy-content {
- 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);
- }
- [caps-font="PixelOperator Bold"]{
- --SmallCaps-Font-Size:calc({select:small caps font size} * 1.125);
- --SmallCaps-Font-Weight:normal;
- --SmallCaps-Letter-Spacing:0.035em;
- }
- [caps-font="Pixelify Sans"]{
- --SmallCaps-Font-Size:calc({select:small caps font size} * 1.035);
- --SmallCaps-Letter-Spacing:0.055em;
- }
- [caps-font="Silkscreen"]{
- --SmallCaps-Font-Size:calc({select:small caps font size} * 0.935);
- --SmallCaps-Font-Weight:normal;
- --SmallCaps-Letter-Spacing:-0.05em;
- }
- [caps-font="Illusion Book"]{
- --SmallCaps-Font-Weight:normal;
- --SmallCaps-Letter-Spacing:0.055em;
- }
- /*------ HEADING FONT ------*/
- h1, h2, h3, h4, h5, h6, h2.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);
- color:var(--Heading-Text-Color);
- }
- h1, h2, h3 { text-align:center }
- h2 { font-size:calc(var(--Heading-Font-Size) - 0.5px) }
- h3 { font-size:calc(var(--Heading-Font-Size) - 1px) }
- h4, h5, h6 {
- font-size:max(calc(var(--Heading-Font-Size) - 1.5px), var(--Body-Font-Size));
- }
- [heading-font="PixelOperator Bold"]{
- --Heading-Font-Size:calc({select:heading font size} * 1.13);
- --Heading-Font-Weight:normal;
- --Heading-Letter-Spacing:0.01em;
- --Heading-Word-Spacing:0.05em;
- }
- [heading-font="Ruler"]{
- --Heading-Font-Size:calc({select:heading font size} * 1.125);
- --Heading-Font-Weight:normal;
- --Heading-Letter-Spacing:0.03em;
- --Heading-Word-Spacing:0.0075em;
- }
- [heading-font="Home Video"]{
- --Heading-Font-Size:calc({select:heading font size} * 0.975);
- --Heading-Font-Weight:normal;
- --Heading-Letter-Spacing:0.035em;
- --Heading-Word-Spacing:-0.15em;
- }
- /*------ LINKS (NORMAL) ------*/
- .quote-set 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 {
- padding-bottom:var(--Links-Underline-Gap);
- border-bottom:var(--Links-Underline-Size) solid var(--Links-Underline-Color);
- }
- /*-------- CONTAINER --------*/
- .tout {
- display:grid;
- justify-content:center;
- min-height:100vh;
- }
- .tout:has(.is-dragging){ user-select:none }
- .tout > * {
- min-width:0;
- min-height:0;
- }
- .tout-tu {
- margin:0 auto 0 var(--Container-Left-Nudge);
- padding:0 6.9vmin;
- max-width:100%;
- display:flex;
- gap:var(--Container-Side-Gaps);
- }
- .tout-tu > * { flex-shrink:0 }
- /*------ COLUMN :: LEFT :: SIDEBAR ------*/
- aside.left-sb {
- position:sticky;
- top:0;
- height:0;
- width:var(--Sidebar-Width-Total);
- z-index:4;
- }
- [draggies="yes"] aside.left-sb:not(:has(.item-focused)){
- z-index:3;
- }
- aside.left-sb[sidebar-shad="yes"]{
- padding-right:var(--Sidebar-Shadow-Size);
- box-sizing:content-box;
- }
- aside.left-sb.ls {
- top:calc(100vh - var(--sbh) - (var(--Screen-Gaps) * 2))!important;
- }
- body:has(> .os-scrollbar-horizontal.os-scrollbar-visible) aside.left-sb.ls {
- top:calc(100vh - var(--sbh) - (var(--Screen-Gaps) * 2) - var(--Scrollbar-Total-Size))!important;
- }
- .sb-inner {
- position:sticky;
- top:0;margin-top:var(--Screen-Gaps);
- width:100%;
- display:flex;
- flex-flow:column nowrap;
- gap:var(--Sidebar-Rows-Spacing);
- }
- [sidebar-shad="yes"] .sb-inner {
- gap:calc(var(--Sidebar-Rows-Spacing) + var(--Sidebar-Shadow-Size));
- box-sizing:border-box;
- }
- .sb-inner > * {
- width:100%;
- }
- /*------ COLUMN :: LEFT :: SIDEBAR :: IMAGE ------*/
- .sb-img[stretch="yes"] img {
- width:100%!important;
- height:100%!important;
- object-fit:cover;
- }
- /*------ COLUMN :: LEFT :: SIDEBAR :: LINKS ------*/
- /* sidebar links :: font adjustments */
- [sbl-font="PixelOperator Bold"] [sbl-text]{
- --Sidebar-Links-Font-Size:calc({select:sidebar links font size} * 1.135);
- --Sidebar-Links-Font-Weight:normal;
- --Sidebar-Links-Letter-Spacing:0.035em;
- }
- [sbl-font="Pixelify Sans"] [sbl-text]{
- --Sidebar-Links-Font-Size:calc({select:sidebar links font size} * 1.035);
- --Sidebar-Links-Letter-Spacing:0.055em;
- }
- [sbl-font="Silkscreen"] [sbl-text]{
- --Sidebar-Links-Font-Size:calc({select:sidebar links font size} * 0.935);
- --Sidebar-Links-Font-Weight:normal;
- --Sidebar-Links-Letter-Spacing:-0.05em;
- }
- [sbl-font="Illusion Book"] [sbl-text]{
- --Sidebar-Links-Font-Weight:normal;
- --Sidebar-Links-Letter-Spacing:0.055em;
- }
- /*------ COLUMN :: LEFT :: SIDEBAR :: DESCRIPTION ------*/
- /* sidebar title :: font adjustments */
- [desc-title-font="Silkscreen"]{
- --Desc-Title-Font-Size:calc({select:desc title font size} * 0.85);
- --Desc-Title-Font-Weight:normal;
- --Desc-Title-Letter-Spacing:-0.01em;
- --Desc-Title-Word-Spacing:0.055em;
- }
- .desc-main {
- border:var(--Desc-Main-Box-Border-Size) solid var(--Desc-Main-Box-Border-Color);
- padding:var(--Desc-Main-Box-Padding-Y) var(--Desc-Main-Box-Padding-X);
- background:var(--Desc-Main-Box-BG);
- text-align:var(--Desc-Main-Box-Text-Align);
- font:var(--Desc-Main-Box-Font-Weight,normal) var(--Desc-Main-Box-Font-Size,inherit)/var(--Desc-Main-Box-Line-Height,1.65) var(--Desc-Main-Box-Font-Family), sans-serif;
- letter-spacing:var(--Desc-Main-Box-Letter-Spacing);
- word-spacing:var(--Desc-Main-Box-Word-Spacing);
- color:var(--Desc-Main-Box-Text-Color);
- }
- /* sidebar desc :: font adjustments */
- [desc-font="Silkscreen"]{
- --Desc-Main-Box-Font-Size:calc({select:desc text font size} * 0.85);
- --Desc-Main-Box-Font-Weight:normal;
- --Desc-Main-Box-Letter-Spacing:-0.01em;
- --Desc-Main-Box-Word-Spacing:0.055em;
- }
- [desc-font="Silkscreen"] :is(b,strong){
- font-weight:normal;
- -webkit-text-stroke:0.3px currentColor;
- }
- [desc-font="PixelOperator Bold"]{
- --Desc-Main-Box-Font-Size:calc({select:desc text font size} * 1.1);
- --Desc-Main-Box-Line-Height:calc({select:desc text line height} * 0.9);
- }
- [desc-font="Pixelify Sans"]{
- --Desc-Main-Box-Letter-Spacing:0.035em;
- --Desc-Main-Box-Word-Spacing:0.025em;
- }
- [desc-font="Illusion Book"]{
- --Desc-Main-Box-Font-Size:calc({select:desc text font size} * 1.05);
- --Desc-Main-Box-Letter-Spacing:0.03em;
- --Desc-Main-Box-Word-Spacing:0.025em;
- }
- [desc-font="Mozilla Headline"]{
- --Desc-Main-Box-Font-Size:calc({select:desc text font size} * 0.95);
- --Desc-Main-Box-Font-Weight:350;
- --Desc-Main-Box-Letter-Spacing:0.02em;
- --Desc-Main-Box-Word-Spacing:0.015em;
- }
- [desc-font="Geist"]{
- --Desc-Main-Box-Font-Size:calc({select:desc text font size} * 0.95);
- --Desc-Main-Box-Letter-Spacing:0.01em;
- }
- [desc-font="Diamonaire"]{
- --Desc-Main-Box-Font-Size:calc({select:font size} * 0.85);
- --Desc-Main-Box-Letter-Spacing:-0.03em;
- --Desc-Main-Box-Word-Spacing:0.03em;
- --Desc-Main-Box-Line-Height:calc({select:desc text line height} * 1.05);
- }
- .desc-main :is(b,strong){
- color:var(--Desc-Main-Box-Bold);
- }
- .desc-main :is(i:not([class]),em){
- color:var(--Desc-Main-Box-Italic);
- }
- .desc-main a {
- color:var(--Desc-Main-Box-Links-Text);
- padding-bottom:var(--Desc-Main-Box-Links-Underline-Gap);
- border-bottom:var(--Desc-Main-Box-Links-Underline-Size) solid var(--Desc-Main-Box-Links-Underline-Color);
- }
- /*------ COLUMN :: LEFT :: SIDEBAR :: CUSTOM LINKS ------*/
- /* custom links :: font adjustments */
- [cl-font="Silkscreen"]{
- --Custom-Links-Font-Size:calc({select:custom links font size} * 0.85);
- --Custom-Links-Font-Weight:normal;
- --Custom-Links-Letter-Spacing:-0.01em;
- --Custom-Links-Word-Spacing:0.055em;
- }
- /*------ COLUMN :: LEFT :: SIDEBAR :: MUSIC PLAYER ------*/
- /* music player :: font adjustments */
- [mp-font="Silkscreen"]{
- --Music-Player-Name-Font-Size:calc({select:music player font size} * 0.85);
- --Music-Player-Name-Font-Weight:normal;
- --Music-Player-Name-Letter-Spacing:-0.01em;
- --Music-Player-Name-Word-Spacing:0.055em;
- }
- /*------ COLUMN :: CENTER ------*/
- main {
- margin-top:var(--Screen-Gaps);
- margin-bottom:var(--Screen-Gaps);
- width:100%;
- display:flex;
- flex-flow:column nowrap;
- align-items:center; /* x-center */
- width:var(--Container-Width-Total);
- gap:var(--Post-Spacing);
- }
- [post-shad="yes"] main {
- padding-right:var(--Post-Shadow-Size);
- box-sizing:content-box;
- gap:calc(var(--Post-Spacing) + var(--Post-Shadow-Size));
- margin-bottom:calc(var(--Screen-Gaps) + var(--Post-Shadow-Size));
- }
- [post-shad="yes"] main .all-posts {
- box-sizing:border-box;
- }
- /*------- POSTS -------*/
- .all-posts {
- display:flex;
- flex-flow:column nowrap;
- gap:var(--Post-Spacing);
- width:100%;
- }
- [post-shad="yes"] .all-posts {
- gap:calc(var(--Post-Shadow-Size) + var(--Post-Spacing));
- }
- .posts {
- position:relative;
- width:100%;
- }
- .post-inner {
- position:relative;
- border:var(--Post-Border-Size) solid var(--Post-Border-Color);
- }
- .post-body-inner { opacity:0 }
- .post-body-inner.pbi-vis { opacity:1 }
- .post-body-inner, .post-body-inner.pbi-vis {
- transition:opacity var(--Post-Body-FadeIn-Speed) ease-in-out;
- }
- .posts.minimize-post .post-body-inner,
- .posts.minimize-post .post-footer {
- display:none!important;
- }
- .post-body {
- padding:var(--Post-Padding);
- background:var(--Post-BG);
- overflow:hidden;
- }
- /*------- PHOTO POSTS -------*/
- /* lightboxes */
- .tmblr-lightbox, #tumblr_lightbox {
- background:rgba(var(--Lightbox-BG-RGB),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;
- }
- .quote-set:not(:first-child){ margin-top:1em }
- .quote-set:not(:last-child){ margin-bottom:1em }
- .quote-set {
- display:flex;
- flex-flow:column nowrap;
- gap:var(--Quote-Post-Row-Spacing);
- }
- .quote-set blockquote {
- padding:0;
- border:none;
- 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);
- color:var(--Quote-Text-Color);
- }
- /*------- LINK POSTS -------*/
- .legacy-link-info { display:none }
- article.link-article:not(:last-child){
- margin-bottom:1em;
- }
- a.the-link {
- display:flex;
- flex-flow:column nowrap;
- gap:var(--Link-Post-Row-Spacing);
- }
- a.the-link > *, a.the-link h2 { margin:0 }
- .link-title-wrap {
- display:flex;
- justify-content:space-between;
- gap:var(--Link-Post-Title-Arrow-Left-Gap);
- }
- .link-title-wrap h2 {
- padding-left:calc(var(--Link-Post-Title-Arrow-Left-Gap) + (1px * var(--Link-Post-Title-Arrow-Size)));
- flex:1;
- font-size:var(--Link-Post-Title-Font-Size);
- line-height:var(--Link-Post-Title-Line-Height);
- text-align:var(--Link-Post-Title-Text-Align);
- color:inherit;
- }
- .link-arr-wrap {
- height:calc(var(--Link-Post-Title-Font-Size) * var(--Link-Post-Title-Line-Height));
- display:flex;
- align-items:center;
- flex-shrink:0;
- }
- [heading-font="Ruler"] .link-arr-wrap > span {
- transform:translateY(calc(var(--Link-Post-Title-Font-Size) * -0.055));
- }
- .link-excerpt {
- display:none;
- color:var(--Body-Text-Color-Lighter);
- text-align:center;
- }
- /* hide unprocessed links */
- .npf-link-block { display:none!important }
- /*------- CHAT POSTS -------*/
- ul.chat-wrap {
- margin:0;
- padding:0;
- display:block;
- list-style:none;
- border:var(--Post-Secondary-Border-Size) solid var(--Post-Secondary-Border-Color);
- }
- .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:not(:first-child){
- border-top:var(--Post-Secondary-Border-Size) solid var(--Post-Secondary-Border-Color);
- }
- li.chat-line.odd:not(:last-child){
- border-bottom:var(--Post-Secondary-Border-Size) solid var(--Post-Secondary-Border-Color);
- }
- .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);
- }
- /*------- VIDEO POSTS -------*/
- .video-post {
- }
- .legacy-video.use-iframe .poster-thumb { display:none }
- .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 -------*/
- .audio-post {
- }
- /* hide unprocessed audio */
- .legacy-audio-info, figcaption.audio-caption, .tmblr-full audio, .audio-wrap + .npf_inst.npf_audio {
- display:none!important;
- }
- .audio-wrap {
- display:flex;
- border:var(--Audio-Post-Player-Border-Size) solid var(--Audio-Post-Player-Border-Color);
- }
- .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;
- }
- .btns-wrap {
- position:absolute;
- top:0;left:0;
- width:100%;
- height:100%;
- display:flex;
- align-items:center;
- justify-content:center;
- z-index:1;
- }
- .btns-wrap button {
- display:flex;
- align-items:center;
- justify-content:center;
- margin:0;
- padding:0;
- border:none;
- outline:none;
- width:var(--Audio-Post-Buttons-Total-Size);
- height:var(--Audio-Post-Buttons-Total-Size);
- border-radius:var(--Audio-Post-Buttons-Rounded-Corners);
- background:var(--Audio-Post-Buttons-BG);
- cursor:pointer;
- }
- .btns-wrap button.pause-btn {
- display:none;
- }
- .btns-wrap i {
- font-size:var(--Audio-Post-Buttons-Icons-Size);
- color:var(--Audio-Post-Buttons-Icons-Color);
- }
- .audio-deets {
- flex:1;
- display:flex;
- justify-content:space-between;
- background:var(--Audio-Post-Details-BG);
- height:var(--Audio-Post-Album-Image-Size);
- overflow:hidden;
- }
- .deets-inner {
- margin:var(--Audio-Post-Details-Padding-Y) 0 0 var(--Audio-Post-Details-Padding-X);
- width:calc(100% - var(--Audio-Post-Details-Padding-X));
- height:calc(100% - (var(--Audio-Post-Details-Padding-Y) * 2));
- overflow:hidden;
- display:flex;
- justify-content:space-between;
- gap:var(--Audio-Post-Details-Padding-X);
- color:var(--Audio-Post-Details-Text-Color);
- }
- .deets-rows {
- flex:1;
- display:grid;
- align-content:center;
- }
- .deets-rows > * {
- min-width:0;
- min-height:0;
- overflow:hidden;
- text-overflow:ellipsis;
- white-space:nowrap;
- }
- .audio-deets .audio-dl {
- flex-shrink:0;
- display:block;
- align-self:center;
- line-height:initial;
- margin:calc(0px - var(--Audio-Post-Download-Btn-Touch-Padding));
- margin-right:0;
- padding:var(--Audio-Post-Download-Btn-Touch-Padding);
- padding-right:var(--Audio-Post-Details-Padding-X);
- }
- .audio-wrap audio {
- display:none;
- }
- /* static.tumblr.com/gtjt4bo/Is2sl84e9/innbv.jpg */
- .npf_audio figure.sc-short {
- position:relative;
- z-index:0;
- }
- .npf_audio figure.sc-short:before {
- content:"";
- position:absolute;
- top:0;left:0;
- width:20px;
- height:20px;
- border-radius:100%;
- background:var(--Audio-Post-Buttons-Icons-Color);
- z-index:-1;
- }
- .npf-audio-only:has(figure.sc-short){
- overflow:revert!important;
- }
- figure.sc-20 iframe { height:20px!important }
- figure.sc-116 iframe { height:116px!important }
- figure.sc-500 iframe { height:500px!important }
- iframe[src*='open.spotify.com'][src*='track'],
- figure[data-npf*='open.spotify.com'][data-npf*='track']{
- height:80px!important;
- }
- /*------- ASK POSTS -------*/
- .qa-set {
- margin:0;
- display:flex;
- flex-flow:column nowrap;
- gap:var(--Ask-Post-QnA-Row-Spacing);
- }
- .que-flex > img, .ans-flex > img {
- display:block;
- flex-shrink:0;
- }
- .que-flex, .ans-flex {
- display:flex;
- gap:var(--Ask-Post-Column-Gap);
- }
- .ask-head, .ans-head {
- margin:0;
- line-height:inherit;
- }
- .ask-head a, .ans-head a {
- color:var(--Post-Usernames-Color);
- }
- .que-right, .ans-left {
- display:flex;
- flex-direction:column;
- justify-content:center;
- gap:var(--Ask-Post-Header-Bottom-Gap);
- overflow:hidden;
- }
- /* questions */
- .que-sect {
- border:var(--Ask-Post-Question-Border-Size) solid var(--Ask-Post-Question-Border-Color);
- padding:var(--Ask-Post-Question-Padding);
- background:var(--Ask-Post-Question-BG);
- color:var(--Ask-Post-Question-Text-Color);
- }
- .que-flex { justify-content:flex-start }
- .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;
- text-align:left;
- }
- .ans-sect {
- margin:0;
- border:var(--Ask-Post-Answer-Border-Size) solid var(--Ask-Post-Answer-Border-Color);
- padding:var(--Ask-Post-Answer-Padding);
- background:var(--Ask-Post-Answer-BG);
- color:var(--Ask-Post-Answer-Text-Color);
- }
- /* answers */
- .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);
- }
- /*------- POLLS -------*/
- .poll-post,
- div[data-npf*='"type":"poll"']{
- display:flex;
- flex-flow:column nowrap;
- gap:var(--Poll-Options-Spacing);
- }
- .poll-post > *,
- div[data-npf*='"type":"poll"'] > * {
- margin:0!important;
- }
- /* 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;
- display:block;
- 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);
- color:var(--Poll-Options-Text-Color)!important;
- }
- /* poll: "see results" */
- .poll-see-results, a.poll-see-results {
- display:block!important;
- width:fit-content!important;
- margin-inline:auto!important;
- margin-top:calc(0px - var(--Poll-Options-Spacing) + 1em)!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);
- }
- [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);
- }
- [captions-style="old"] .username-inner {
- margin:calc(0px - var(--SmallCaps-LH-V-Gap)) 0;
- }
- [captions-style="old"] .user-flex .username-txt,
- [captions-style="old"] .comment-body a.tumblr_blog {
- padding-bottom:var(--Links-Underline-Gap);
- border-bottom:var(--Links-Underline-Size) solid var(--Post-Usernames-Underline-Color);
- }
- .userpic {
- flex-shrink:0;
- }
- [captions-style="old"] .userpic { display:none }
- .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 a {
- padding:0 var(--Tags-Padding-X);
- color:var(--Tags-Color);
- }
- .tagscont a:before {
- content:"#";
- margin-right:0.5px;
- }
- .tagscont a:hover {
- color:var(--Tags-Hover-Color);
- }
- /*------- POST FOOTER -------*/
- footer.post-footer {
- display:flex;
- flex-flow:column nowrap;
- }
- /*------ PERMALINK + CONTROLS ------*/
- .pf-inner {
- display:flex;
- justify-content:space-between;
- max-width:calc(100% + (var(--Post-Padding) * 2));
- overflow:hidden;
- padding:var(--Post-Footer-Padding-Y) var(--Post-Footer-Padding-X);
- border-top:var(--Post-Footer-Border-Size) solid var(--Post-Footer-Border-Color);
- background:var(--Post-Footer-BG);
- gap:var(--Post-Footer-Padding-X);
- }
- .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);
- }
- /*----- PERMALINK / POST DATE -----*/
- .post-date {
- display:block;
- overflow:hidden;
- }
- .post-date:not(:last-child){
- margin-right:0;
- padding-right:0;
- }
- [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);
- }
- [date-group] [date-icon-wrap]{
- flex-shrink:0;
- }
- [date-text]{
- flex:1;
- max-width:100%;
- overflow:hidden;
- }
- [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;
- }
- .post-btns > [class*="-btn"]:first-child {
- margin-left:calc(0px - var(--Post-Controls-Touch-Padding));
- }
- .post-btns > [class*="-btn"] + [class*="-btn"]{
- margin-left:calc(0px - var(--Post-Controls-Touch-Padding));
- }
- .post-btns > [class*="-btn"]:last-child {
- 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;
- }
- .post-btns .like-btn iframe {
- position:absolute;
- top:0;left:0;
- width:100%;
- height:100%;
- opacity:0;
- z-index:1;
- }
- /*------- POST NOTES -------*/
- .post-notes {
- position:relative;
- width:100%;
- }
- .post-notes.minimize-post .post-body-inner {
- display:none!important;
- }
- ol.notes li span.action > a {
- color:var(--Post-Usernames-Color);
- }
- ol.notes li.original_post.with_commentary blockquote { display:none }
- /*------- PAGE NUMBERS -------*/
- .page-numbers {
- position:relative;
- width:100%;
- font-size:var(--Page-Numbers-Font-Size)!important;
- text-align:center;
- }
- .pagi-wrap {
- display:flex;
- flex-flow:row wrap;
- align-items:center;
- justify-content:center;
- gap:var(--Page-Numbers-Spacing);
- }
- [iscroll="yes"] .page-numbers:not(.show-chargement,.iscroll-end),
- [iscroll="yes"] .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 }
- [iscroll="no"] .chargement,
- [iscroll="yes"] .page-numbers:not(.show-chargement) .chargement { display:none }
- .show-chargement .chargement {
- justify-self:center;
- display:flex;
- align-items:center;
- justify-content:center;
- }
- .chargement > span {
- font-size:var(--Load-More-Spinner-Size)!important;
- color:var(--Page-Numbers-Color);
- }
- .page-numbers:not(.iscroll-end) .no-more-posts { display:none }
- /*------ COLUMN :: RIGHT :: CORNER IMAGE ------*/
- aside.c0rner {
- position:sticky;
- top:0;
- height:0;
- width:var(--Corner-Image-Width);
- z-index:1;
- }
- .c0rner[ci="hide"],
- .c0rner[img*="//assets.tumblr.com/images/x.gif"]{
- display:none;
- }
- .c0-inner {
- position:sticky;
- top:0;margin-top:calc(100vh - var(--Screen-Gaps));
- width:100%;
- transform:translateY(-100%);
- }
- .c0rner img {
- display:block;
- width:100%;
- }
- .c0rner:not([img*="assets.tumblr.com/images/x.gif"]) img[aria-label]:not([aria-label=""]):not(.drag-handle img[aria-label]){
- cursor:help;
- }
- /*------- TOOLTIPS -------*/
- [data-tippy-root]{
- z-index:100001!important;
- }
- .tippy-box {
- position:relative;
- 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 */
- }
- /*----- SCROLLBAR ADJUSTMENTS -----*/
- body:has(> .os-scrollbar-vertical.os-scrollbar-visible){
- padding-right:calc(var(--Scrollbar-Total-Size) + var(--Scrollbar-Gutter));
- }
- body:has(> .os-scrollbar-horizontal.os-scrollbar-visible){
- padding-bottom:calc(var(--Scrollbar-Total-Size) + var(--Scrollbar-Gutter));
- }
- body:has(> .os-scrollbar-vertical.os-scrollbar-visible) :is(iframe#tumblr_controls, .iframe-controls--desktop){
- right:calc(2px + var(--Scrollbar-Total-Size))!important;
- }
- /*----- CUSTOMIZE PAGE ADJUSTMENTS -----*/
- body:has(script[src*="assets.tumblr.com/assets/scripts/customize"]) .tout-tu {
- justify-content:flex-start;
- }
- 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 */
- .k { display:none }
- .xcjihwrtteeiu6i {
- position:absolute;
- top:0;left:0;
- width:0;
- height:calc(100vh - (var(--Screen-Gaps) * 2));
- }
- </style>
- <link href="//glen-themes.gitlab.io/thms/06/2025/responsive.min.css" rel="stylesheet">
- </head>
- <!--+++++++++++++++++++++++++++++++++++++++++++++++++-->
- <body>
- <div class="tout">
- <div class="tout-tu">
- <!----- LEFT SIDEBAR ----->
- <aside class="left-sb" sidebar-shad="{select:sidebar shadow}">
- <div class="sb-inner">
- <!---- IMG + LINKS ---->
- <div class="sb-head-flex">
- <div class="sb-img" sb-img="{image:sidebar image}" stretch="{select:sidebar image stretch}">
- <div class="sb-img-hug">
- <img src="{image:sidebar image}"{block:ifsidebarimagehovertext} aria-label="{text:sidebar image hover text}"{/block:ifsidebarimagehovertext}>
- </div>
- </div><!--end sb-img-->
- <nav class="sb-links" sbl-font="{select:sidebar links font}">
- <ul role="menu">
- <!-- "home" link -->
- {block:ifhomelinktext}
- <li role="presentation">
- <a href="{BlogURL}" role="menuitem">
- <span sb-heart-icon></span>
- <span sb-asterisk></span>
- <span sbl-text>{text:home link text}</span>
- </a>
- </li>
- {/block:ifhomelinktext}
- <!-- "ask" link -->
- {block:ifasklinktext}
- <li role="presentation">
- <a href="{BlogURL}ask" role="menuitem">
- <span sb-heart-icon></span>
- <span sb-asterisk></span>
- <span sbl-text>{text:ask link text}</span>
- </a>
- </li>
- {/block:ifasklinktext}
- <!-- "archive" link -->
- {block:ifarchivelinktext}
- <li role="presentation">
- <a href="{BlogURL}archive" role="menuitem">
- <span sb-heart-icon></span>
- <span sb-asterisk></span>
- <span sbl-text>{text:archive link text}</span>
- </a>
- </li>
- {/block:ifarchivelinktext}
- <!-- theme credit link -->
- <!-- please do not remove <3 -->
- <li role="presentation">
- <a href="//glenthemes.tumblr.com" aria-label="⊹ “Determination” theme by glenthemes ⊹" role="menuitem">
- <span sb-heart-icon></span>
- <span sb-asterisk></span>
- <span sbl-text>theme</span>
- </a>
- </li>
- </ul>
- </nav><!--end sb-links-->
- </div><!--end sb-head-flex-->
- <!---- DESC ---->
- <div class="desc-win">
- <div class="desc-winner">
- <div class="desc-tbar">
- <div class="desc-t" desc-title-font="{select:desc title font}">
- <div class="desc-t-inner">
- <span class="desc-t-{select:desc title marquee}">{text:desc title}</span>
- </div>
- </div><!--end desc-t-->
- <nav class="desc-t-right">
- <ul class="desc-btns" role="menu">
- <!-- minimize -->
- <li class="desc-btn" role="presentation">
- <button class="btn-min" role="menuitem" aria-label="Minimize"></button>
- </li>
- <!-- maximize -->
- <li class="desc-btn" role="presentation">
- <button class="btn-max" role="menuitem" aria-label="Maximize"></button>
- </li>
- <!-- close -->
- <li class="desc-btn" role="presentation">
- <button class="btn-close" role="menuitem" aria-label="{lang:Close}"></button>
- </li>
- </ul>
- </nav><!--end winbar-right-->
- </div><!--end desc-tbar-->
- <div class="desc-main" desc-font="{select:desc text font}">
- <article class="desc-inner">
- {block:ifcustomdesc}{text:custom desc}{/block:ifcustomdesc}
- {block:ifnotcustomdesc}{block:Description}{Description}{/block:Description}{/block:ifnotcustomdesc}
- </article>
- </div><!--end desc-main-->
- </div><!--end desc-winner-->
- </div><!--end desc-win-->
- <!---- CUSTOM LINKS ---->
- {block:ifcustomlink1name}
- <nav class="custom-links" cl-font="{select:custom links font}">
- <ul role="menu">
- <li role="presentation">
- <a href="{text:custom link 1 URL}" role="menuitem">{text:custom link 1 name}</a>
- </li>
- {block:ifcustomlink2name}
- <li role="presentation">
- <a href="{text:custom link 2 URL}" role="menuitem">{text:custom link 2 name}</a>
- </li>
- {/block:ifcustomlink2name}
- {block:ifcustomlink3name}
- <li role="presentation">
- <a href="{text:custom link 3 URL}" role="menuitem">{text:custom link 3 name}</a>
- </li>
- {/block:ifcustomlink3name}
- {block:ifcustomlink4name}
- <li role="presentation">
- <a href="{text:custom link 4 URL}" role="menuitem">{text:custom link 4 name}</a>
- </li>
- {/block:ifcustomlink4name}
- {block:ifcustomlink5name}
- <li role="presentation">
- <a href="{text:custom link 5 URL}" role="menuitem">{text:custom link 5 name}</a>
- </li>
- {/block:ifcustomlink5name}
- {block:ifcustomlink6name}
- <li role="presentation">
- <a href="{text:custom link 6 URL}" role="menuitem">{text:custom link 6 name}</a>
- </li>
- {/block:ifcustomlink6name}
- {block:ifcustomlink7name}
- <li role="presentation">
- <a href="{text:custom link 7 URL}" role="menuitem">{text:custom link 7 name}</a>
- </li>
- {/block:ifcustomlink7name}
- {block:ifcustomlink8name}
- <li role="presentation">
- <a href="{text:custom link 8 URL}" role="menuitem">{text:custom link 8 name}</a>
- </li>
- {/block:ifcustomlink8name}
- </ul>
- </nav><!--end custom-links-->
- {/block:ifcustomlink1name}
- <!---- MUSIC PLAYER ---->
- <div class="sb-mp mp-{select:show music player}" aud="{text:music player song URL}" mp-font="{select:music player font}">
- {block:ifmusicplayersongname}
- <span class="mp-name mpn-{select:music player song name marquee}"{block:ifmusicplayersongURL} id="d-mp-label"{/block:ifmusicplayersongURL}>{text:music player song name}</span>
- {/block:ifmusicplayersongname}
- {block:ifmusicplayersongURL}
- <audio src="{text:music player song URL}" aria-labelledby="d-mp-label" vol="{block:ifmusicplayervolume}{text:music player volume}{/block:ifmusicplayervolume}{block:ifnotmusicplayervolume}100%{/block:ifnotmusicplayervolume}" {select:music player autoplay}></audio>
- {/block:ifmusicplayersongURL}
- </div><!--end sb-mp | end music player -->
- </div><!--end sb-inner-->
- </aside><!--end left-sb-->
- <!----- ALL POSTS ----->
- <main>
- <section class="all-posts">
- <!----- 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}
- >
- <div class="post-inner">
- <div class="post-body">
- <!------ TOP WINDOW BAR ------>
- <div class="post-window-bar">
- <div class="winbar-left">
- {block:PinnedPostLabel}
- <span class="winbar-pinned">{PinnedPostLabel}</span>
- {/block:PinnedPostLabel}
- <!-- post type | e.g. photo -->
- <span class="winbar-post-type" data-post-type="{PostType}">{PostType}</span>
- <div class="winbar-arr"></div>
- <!-- file name | e.g. p_1645350718.log -->
- <div class="winbar-title">
- {block:Date}
- <div class="wbt-piece wbt-post">
- p_{Timestamp}<span data-post-type="{PostType}"></span>
- </div>
- {/block:Date}
- {block:PermalinkPage}
- <!-- file name on custom pages -->
- <div class="wbt-piece wbt-perma">
- p_<span data-url-path></span>.txt
- </div>
- {/block:PermalinkPage}
- </div><!--end winbar-title-->
- </div><!--end winbar-left-->
- <nav class="winbar-right">
- <ul class="winbar-btns" role="menu">
- <!-- minimize -->
- <li class="winbar-btn" role="presentation">
- <button class="btn-min" role="menuitem" aria-label="Minimize"></button>
- </li>
- <!-- maximize -->
- <li class="winbar-btn" role="presentation">
- <button class="btn-max" role="menuitem" aria-label="Maximize"></button>
- </li>
- <!-- close -->
- <li class="winbar-btn" role="presentation">
- <button class="btn-close" role="menuitem" aria-label="{lang:Close}"></button>
- </li>
- </ul>
- </nav><!--end winbar-right-->
- </div><!--end post-window-bar-->
- <div class="post-body-inner">
- <!------ TEXT POSTS ------>
- {block:Text}
- {block:Title}
- <div class="text-post">
- <h1 class="post-title">{Title}</h1>
- </div>
- {/block:Title}
- {/block:Text}
- <!------ PHOTO POSTS: SINGLE ------>
- {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}
- <!------ PHOTO POSTS: PHOTOSETS ------>
- {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}
- <!------ QUOTE POSTS ------>
- {block:Quote}
- <div class="quote-post">
- <figure class="quote-set">
- <div class="quote-heart-cont">
- <div class="quote-heart-box">
- <div class="quote-heart-hug"></div>
- </div>
- </div>
- <blockquote>“{Quote}”</blockquote>
- {block:Source}
- <figcaption>— {Source}</figcaption>
- {/block:Source}
- </figure>
- </div>
- {/block:Quote}
- <!------ LINK POSTS ------>
- {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}
- <!------ CHAT POSTS ------>
- {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}
- <!------ AUDIO POSTS ------>
- {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}
- <!------ VIDEO POSTS ------>
- {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}
- <!------ ASK POSTS ------>
- {block:Answer}
- <div class="ask-post">
- <dl class="qa-set">
- <!-- question -->
- <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><!--end question-->
- <!-- answer -->
- <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><!--end answer-->
- </dl><!--end q&a-->
- </div>
- {/block:Answer}
- <!----- CAPTIONS / REBLOGS ----->
- {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><!--end user-flex-->
- </div><!--end comment-header-->
- <div class="comment-body">
- {Body}
- {block:ContentSource}
- <p class="content-src">
- ({lang:Source}: <a href="{SourceURL}">{SourceTitle}</a>)
- </p>
- {/block:ContentSource}
- </div>
- </div><!--end comment-->
- {/block:Reblogs}
- </div><!--end comments-->
- {/block:RebloggedFrom}
- <!----- TAGS ----->
- {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><!--end post-body-inner-->
- </div><!--end post-body-->
- <!----- POST FOOTER ----->
- {block:Date}
- <footer class="post-footer">
- <!---- PERMALINK + CONTROLS ---->
- <div class="pf-inner">
- <!---- POST INFO (LEFT) ---->
- <div class="post-info-left">
- <!---- PERMALINK / POST DATE ---->
- <{block:IndexPage}a href="{Permalink}" aria-label="{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}">
- <span date-icon-wrap>
- <span date-icon></span>
- </span>
- <span date-text single-line>
- <span date-text-inner>
- {block:PermalinkPage}{block:NotReblog}Posted{/block:NotReblog}{block:RebloggedFrom}Reblogged{/block:RebloggedFrom} on {/block:PermalinkPage}{ShortMonth} {DayOfMonthWithZero}{block:PermalinkPage}, {Year}{/block:PermalinkPage} @ {24HourWithZero}:{Minutes}{block:IndexPage}{block:NoteCount} + <span data-shorten-notes="{select:shorten notes}" data-notes-label="{lang:Notes}">{NoteCount}</span>{/block:NoteCount}{/block:IndexPage}{block:PermalinkPage} ({TimeAgo}){/block:PermalinkPage}
- </span>
- </span>
- </time>
- </{block:IndexPage}a{/block:IndexPage}{block:PermalinkPage}div{/block:PermalinkPage}><!--end post-date-->
- <!---- VIA / OG POSTER ---->
- {block:PermalinkPage}
- {block:RebloggedFrom}
- <div class="via-and-op" single-row role="list">
- <div sticky-icon-wrap>
- <div sticky-icon></div>
- </div>
- <!-- via / reblogged from -->
- <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>
- <!-- bullet/separator -->
- <div class="via-op-sep">•</div>
- <!-- OG poster -->
- <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><!--end post-info-left-->
- <!----- POST CONTROLS ----->
- <div class="post-btns" role="group">
- <!-- show/hide tags btn -->
- {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}"/>
- <span tags-icon></span>
- </label>
- {/block:HasTags}
- <!-- reblog btn -->
- <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">
- <span reblog-icon></span>
- </a>
- <!-- like btn -->
- <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}
- <span heart-icon></span>
- </button>
- </div><!--end post-btns-->
- </div><!--end pf-inner-->
- </footer><!--end post-footer-->
- {/block:Date}
- </div><!--end post-inner-->
- </article><!--end posts-->
- <!----- POST NOTES ----->
- {block:PostNotes}
- <article class="post-notes">
- <div class="post-inner">
- <div class="post-body">
- <!------ TOP WINDOW BAR ------>
- <div class="post-window-bar">
- <div class="winbar-left">
- <span>{lang:Notes}</span>
- <div class="winbar-arr"></div>
- <div class="winbar-title">
- <div class="wbt-piece wbt-post">
- <span data-shorten-notes="{select:shorten notes}">{NoteCount}</span>
- </div>
- </div><!--end winbar-title-->
- </div><!--end winbar-left-->
- <nav class="winbar-right">
- <ul class="winbar-btns" role="menu">
- <!-- minimize -->
- <li class="winbar-btn" role="presentation">
- <button class="btn-min" role="menuitem" aria-label="Minimize"></button>
- </li>
- <!-- maximize -->
- <li class="winbar-btn" role="presentation">
- <button class="btn-max" role="menuitem" aria-label="Maximize"></button>
- </li>
- <!-- close -->
- <li class="winbar-btn" role="presentation">
- <button class="btn-close" role="menuitem" aria-label="{lang:Close}"></button>
- </li>
- </ul>
- </nav><!--end winbar-right-->
- </div><!--end post-window-bar-->
- <div class="post-body-inner">
- {PostNotes}
- </div><!--pbi-->
- </div><!--pb-->
- </div><!--pi-->
- </article>
- {/block:PostNotes}
- {/block:Posts}
- </section><!--end all-posts-->
- <!----- PAGE NUMBERS ----->
- {block:Pagination length="5"}
- <section class="page-numbers">
- <div class="post-inner">
- <div class="post-body">
- <div class="post-body-inner">
- <div class="pagi-wrap">
- {block:PreviousPage}
- <a href="{PreviousPage}" class="prev-page" aria-label="{lang:Previous Page}">
- <span pagi-chevs aria-hidden="true"></span>
- </a>
- {/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}
- <span aria-label="You are here (Page {CurrentPage})">
- <span map-x-icon aria-hidden="true"></span>
- </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 pagi-chevs aria-hidden="true"></span>
- </a>
- {/block:NextPage}
- </div><!--pagi-wrap-->
- <div class="chargement">
- <span>{lang:Loading}…</span>
- </div>
- <div class="no-more-posts">
- <span>{lang:No more posts}</span>
- </div>
- </div><!--pbi-->
- </div><!--pb-->
- </div><!--pi-->
- </section><!--end page-numbers-->
- {/block:Pagination}
- </main><!--end main-->
- <!----- CORNER IMAGE ----->
- <aside class="c0rner" ci="{select:show corner image}" img="{image:corner image}">
- <div class="c0-inner">
- <div class="c0-inner-hug">
- <img src="{image:corner image}"{block:ifcornerimagehovertext} aria-label="{text:corner image hover text}"{/block:ifcornerimagehovertext}>
- </div>
- </div>
- </aside>
- </div><!--end tout-->
- </div><!--end tout-tu-->
- <!----- BACK-TO-TOP BTN ----->
- <div class="btt-cont btt-{select:back to top button}">
- <button aria-label="{lang:Back to top}"></button>
- </div><!--end btt-cont-->
- <!--ignore this--><div class="vmerjc2lwjvw5hz"></div>
- <!--ignore this--><div class="xcjihwrtteeiu6i"></div>
- </body>
- </html>
Add Comment
Please, Sign In to add comment
