Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-------------------------------------------------------------------
- Theme [42]: Interloper
- Made by glenthemes
- Release date: 2026/06/11
- Last updated: 2026/06/12
- Updates/changelog: dub.sh/interloper-updates
- 「 THEME INFO. 」
- ❃ Post: glenthemes.tumblr.com/post/819146456354193408
- ❃ Preview: interloper-theme.tumblr.com
- ❃ Code: glen-themes.gitlab.io/thms/42/interloper
- 「 HOW TO USE. 」
- dub.sh/interloper-guide
- 「 TERMS OF USE. 」
- 1) Do not remove the credit.
- 2) Do not remove parts of the code without my permission.
- 3) Do not claim my codes as your own.
- 4) Do not use my works as base codes.
- 5) You may add widgets to my themes and pages.
- 「 CREDITS. 」
- (〃˘▿˘)~ glencredits.tumblr.com/interloper
- -------------------------------------------------------------------->
- <!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}"
- data-blog-name="{Name}"
- class="tc-white bg-{select:background image size}{block:IndexPage} index-page{/block:IndexPage}{block:PermalinkPage} perma-page{block:Posts}{block:Post1}{block:Date} post-perma-page{/block:Date}{/block:Post1}{/block:Posts}{/block:PermalinkPage}{block:SearchPage}{/block:PermalinkPage} search-page{/block:SearchPage}{block:TagPage} tag-page{/block:TagPage}{block:Posts}{block:Post1}{block:Date} has-posts{/block:Date}{/block:Post1}{/block:Posts} iscroll-{select:infinite scroll} {select:captions style}-captions rb-dividers-{select:reblog dividers} tags-vis-{select:tags} {block:AskEnabled}ask-enabled{/block:AskEnabled} {block:SubmissionsEnabled}submit-enabled{/block:SubmissionsEnabled} shads-{select:shadows}"
- data-font="{select:font}"
- data-caps-font="{select:small caps font}"
- data-heading-font="{select:heading font}"
- 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}">
- <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="icon" href="{Favicon}">
- {block:IndexPage}
- <meta property="og:image" content="{PortraitURL-128}">
- <meta property="og:image:width" content="128">
- <meta property="og:image:height" content="128">
- {/block:IndexPage}
- {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}
- <!--+++++++++++++++++++++++++++++++++++++++++++++++++-->
- <!----- THEME OPTIONS ----->
- {block:Options}
- <!-- divider: images -->
- <meta name="image:📸 ······················· 𝐈𝐌𝐀𝐆𝐄𝐒" content="">
- <meta name="image:background image" content="//64.media.tumblr.com/3d5b7e328717a20e6a90890857583ee7/tumblr_inline_t8igmaantm1qf8af3_500.png">
- <meta name="image:header banner image" content="//64.media.tumblr.com/a10452092b197a6a57273dd60216a3dc/43c34e719fab0a1d-6d/s2048x3072/49b3c634e0f193881d8012a62be39b6f9de53d20.png">
- <meta name="image:header icon image" content="//64.media.tumblr.com/318192ff64af5de105d1c15a601f7e86/43c34e719fab0a1d-a0/s2048x3072/87bec34a2b617c7eca44b7eaf6101e35775a9a46.png">
- <meta name="image:header mini icon image" content="//64.media.tumblr.com/f3f0db074f94c342086997b0b54ed4c2/43c34e719fab0a1d-46/s2048x3072/70897f82e0847483958b10aa8d49f674fefb7afe.png">
- <meta name="image:sidebar image" content="//64.media.tumblr.com/424103dfa7ba8f6e124c04f71c12e7ad/43c34e719fab0a1d-4d/s2048x3072/a570dc299d294df08579805c03ebbe016ae29f20.png">
- <!-- divider: colors: general colors -->
- <meta name="color:🎨 ········ 𝐆𝐄𝐍𝐄𝐑𝐀𝐋 𝐂𝐎𝐋𝐎𝐑𝐒" content="">
- <meta name="color:background" content="#242429">
- <meta name="color:shadows" content="#141518">
- <!-- divider: colors: header -->
- <meta name="color:🎨 ······················· 𝐇𝐄𝐀𝐃𝐄𝐑" content="">
- <meta name="color:header BG" content="#323338">
- <!-- divider: colors: status bubble -->
- <meta name="color:🎨 ·········· 𝐒𝐓𝐀𝐓𝐔𝐒 𝐁𝐔𝐁𝐁𝐋𝐄" content="">
- <meta name="color:status bubble border" content="#4c546a">
- <meta name="color:status bubble BG" content="#3d404a">
- <meta name="color:status bubble text" content="#b6bdc7">
- <meta name="color:status bubble bold" content="#ea7265">
- <meta name="color:status bubble italic" content="#c9b994">
- <meta name="color:status bubble links" content="#d8996b">
- <meta name="color:status bubble links underline" content="#765e4e">
- <!-- divider: colors: header username -->
- <meta name="color:🎨 ···· 𝐇𝐄𝐀𝐃𝐄𝐑 𝐔𝐒𝐄𝐑𝐍𝐀𝐌𝐄" content="">
- <meta name="color:username" content="#b6bdc7">
- <!-- divider: colors: header desc -->
- <meta name="color:🎨 ·············· 𝐇𝐄𝐀𝐃𝐄𝐑 𝐃𝐄𝐒𝐂" content="">
- <meta name="color:header desc text" content="#b6bdc7">
- <meta name="color:header desc bold" content="#ea7265">
- <meta name="color:header desc italic" content="#c9b994">
- <meta name="color:header desc links" content="#d8996b">
- <meta name="color:header desc links underline" content="#765e4e">
- <!-- divider: colors: header mini title -->
- <meta name="color:🎨 ···· 𝐇𝐄𝐀𝐃𝐄𝐑 𝐌𝐈𝐍𝐈 𝐓𝐈𝐓𝐋𝐄" content="">
- <meta name="color:mini title" content="#b6bdc7">
- <!-- divider: colors: header nav -->
- <meta name="color:🎨 ··············· 𝐇𝐄𝐀𝐃𝐄𝐑 𝐍𝐀𝐕" content="">
- <meta name="color:header nav border" content="#4c546a">
- <meta name="color:header nav BG" content="#3d404a">
- <meta name="color:header nav icons" content="#b6bdc7">
- <meta name="color:header nav hover border" content="#4c546a">
- <meta name="color:header nav hover BG" content="#3d404a">
- <meta name="color:header nav hover icons" content="#c7b89f">
- <!-- divider: colors: sidebar -->
- <meta name="color:🎨 ····················· 𝐒𝐈𝐃𝐄𝐁𝐀𝐑" content="">
- <meta name="color:sidebar BG" content="#323338">
- <meta name="color:sidebar text" content="#b6bdc7">
- <meta name="color:sidebar bold" content="#ea7265">
- <meta name="color:sidebar italic" content="#c9b994">
- <meta name="color:sidebar links" content="#d8996b">
- <meta name="color:sidebar links underline" content="#765e4e">
- <!-- divider: colors: sidebar titles -->
- <meta name="color:🎨 ··········· 𝐒𝐈𝐃𝐄𝐁𝐀𝐑 𝐓𝐈𝐓𝐋𝐄𝐒" content="">
- <meta name="color:sidebar title border" content="#4c546a">
- <meta name="color:sidebar title BG" content="#3d404a">
- <meta name="color:sidebar title" content="#b6bdc7">
- <!-- divider: colors: custom links -->
- <meta name="color:🎨 ············· 𝐂𝐔𝐒𝐓𝐎𝐌 𝐋𝐈𝐍𝐊𝐒" content="">
- <meta name="color:custom links BG" content="#3e404a">
- <meta name="color:custom links" content="#bca58d">
- <meta name="color:custom links hover BG" content="#43444d">
- <meta name="color:custom links hover" content="#d8996b">
- <!-- divider: colors: searchbar -->
- <meta name="color:🎨 ················· 𝐒𝐄𝐀𝐑𝐂𝐇𝐁𝐀𝐑" content="">
- <meta name="color:searchbar border" content="#4c546a">
- <meta name="color:searchbar BG" content="#3d404a">
- <meta name="color:searchbar text" content="#b6bdc7">
- <meta name="color:searchbar clicked border" content="#63697f">
- <meta name="color:searchbar button border" content="#4c546a">
- <meta name="color:searchbar button BG" content="#3d404a">
- <meta name="color:searchbar button icon" content="#b6bdc7">
- <meta name="color:searchbar button hover border" content="#4c546a">
- <meta name="color:searchbar button hover BG" content="#3d404a">
- <meta name="color:searchbar button hover icon" content="#bca58d">
- <!-- divider: colors: updates -->
- <meta name="color:🎨 ····················· 𝐔𝐏𝐃𝐀𝐓𝐄𝐒" content="">
- <meta name="color:updates label BG" content="#3e404a">
- <meta name="color:updates label text" content="#bca58d">
- <!-- divider: colors: members -->
- <meta name="color:🎨 ··················· 𝐌𝐄𝐌𝐁𝐄𝐑𝐒" content="">
- <meta name="color:members username" content="#c9b994">
- <meta name="color:members username hover" content="#d8996b">
- <!-- divider: colors: post blobs -->
- <meta name="color:🎨 ················ 𝐏𝐎𝐒𝐓 𝐁𝐋𝐎𝐁𝐒" content="">
- <meta name="color:post blobs border" content="#4c546a">
- <meta name="color:post blobs BG" content="#3d404a">
- <meta name="color:post blobs text" content="#b6bdc7">
- <!-- divider: colors: posts -->
- <meta name="color:🎨 ························ 𝐏𝐎𝐒𝐓𝐒" content="">
- <meta name="color:post BG" content="#323338">
- <meta name="color:text" content="#b6bdc7">
- <meta name="color:post BG alternative" content="#3e404a">
- <meta name="color:text alternative" content="#b8a89c">
- <meta name="color:bold" content="#d77166">
- <meta name="color:italic" content="#c9b994">
- <meta name="color:links" content="#d8996b">
- <meta name="color:links underline" content="#765e4e">
- <meta name="color:blockquote border" content="#4c546a">
- <meta name="color:reblog dividers" content="#4c546a">
- <meta name="color:post usernames" content="#c3af90">
- <!-- divider: colors: tags -->
- <meta name="color:🎨 ·························· 𝐓𝐀𝐆𝐒" content="">
- <meta name="color:tags BG" content="#3e404a">
- <meta name="color:tags" content="#b0a9a1">
- <meta name="color:tags hover BG" content="#3d404a">
- <meta name="color:tags hover" content="#bfc181">
- <!-- divider: colors: post buttons -->
- <meta name="color:🎨 ············ 𝐏𝐎𝐒𝐓 𝐁𝐔𝐓𝐓𝐎𝐍𝐒" content="">
- <meta name="color:post buttons border" content="#4c546a">
- <meta name="color:post buttons BG" content="#3d404a">
- <meta name="color:post buttons icons" content="#b6bdc7">
- <meta name="color:post buttons hover border" content="#4c546a">
- <meta name="color:post buttons hover BG" content="#3d404a">
- <meta name="color:post buttons hover icons" content="#c7b89f">
- <meta name="color:liked button" content="#ea7265">
- <!-- divider: colors: hover text -->
- <meta name="color:🎨 ··············· 𝐇𝐎𝐕𝐄𝐑 𝐓𝐄𝐗𝐓" content="">
- <meta name="color:hover text border" content="#4c546a">
- <meta name="color:hover text BG" content="#3d404a">
- <meta name="color:hover text" content="#b6bdc7">
- <!-- divider: colors: other colors -->
- <meta name="color:🎨 ··········· 𝐎𝐓𝐇𝐄𝐑 𝐂𝐎𝐋𝐎𝐑𝐒" content="">
- <meta name="color:page numbers" content="#c3af90">
- <meta name="color:scrollbar" content="#626c85">
- <meta name="color:scrollbar track" content="#3c3e47">
- <meta name="color:scrollbar BG" content="#242429">
- <meta name="color:text highlighted BG" content="#4c4843">
- <meta name="color:text highlighted" content="#b6bdc7">
- <!-- 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:shadows" title="yes" content="yes">
- <meta name="select:shadows" title="no" content="no">
- <!-- divider: dropdowns: gaps / spacing -->
- <meta name="select:🔽 ············ 𝐆𝐀𝐏𝐒 / 𝐒𝐏𝐀𝐂𝐈𝐍𝐆" title="" content="">
- <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:header bottom gap" title="45px" content="45px">
- <meta name="select:header bottom gap" title="30px" content="30px">
- <meta name="select:header bottom gap" title="35px" content="35px">
- <meta name="select:header bottom gap" title="40px" content="40px">
- <meta name="select:header bottom gap" title="50px" content="50px">
- <meta name="select:header bottom gap" title="55px" content="55px">
- <meta name="select:header bottom gap" title="60px" content="60px">
- <meta name="select:header bottom gap" title="65px" content="65px">
- <meta name="select:header bottom gap" title="70px" content="70px">
- <meta name="select:header bottom gap" title="75px" content="75px">
- <meta name="select:header bottom gap" title="80px" content="80px">
- <meta name="select:header bottom gap" title="85px" content="85px">
- <meta name="select:header bottom gap" title="90px" content="90px">
- <meta name="select:header bottom gap" title="95px" content="95px">
- <meta name="select:header bottom gap" title="100px" content="100px">
- <meta name="select:header bottom gap" title="105px" content="105px">
- <meta name="select:header bottom gap" title="110px" content="110px">
- <meta name="select:header bottom gap" title="115px" content="115px">
- <meta name="select:header bottom gap" title="120px" content="120px">
- <meta name="select:sidebar boxes gap" title="40px" content="40px">
- <meta name="select:sidebar boxes gap" title="30px" content="30px">
- <meta name="select:sidebar boxes gap" title="35px" content="35px">
- <meta name="select:sidebar boxes gap" title="45px" content="45px">
- <meta name="select:sidebar boxes gap" title="50px" content="50px">
- <meta name="select:sidebar boxes gap" title="55px" content="55px">
- <meta name="select:sidebar boxes gap" title="60px" content="60px">
- <meta name="select:sidebar boxes gap" title="65px" content="65px">
- <meta name="select:sidebar boxes gap" title="70px" content="70px">
- <meta name="select:sidebar boxes gap" title="75px" content="75px">
- <meta name="select:sidebar boxes gap" title="80px" content="80px">
- <meta name="select:sidebar boxes gap" title="85px" content="85px">
- <meta name="select:sidebar boxes gap" title="90px" content="90px">
- <meta name="select:sidebar boxes gap" title="95px" content="95px">
- <meta name="select:sidebar boxes gap" title="100px" content="100px">
- <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:center gap" title="75px" content="75px">
- <meta name="select:center gap" title="55px" content="55px">
- <meta name="select:center gap" title="30px" content="30px">
- <meta name="select:center gap" title="35px" content="35px">
- <meta name="select:center gap" title="40px" content="40px">
- <meta name="select:center gap" title="45px" content="45px">
- <meta name="select:center gap" title="50px" content="50px">
- <meta name="select:center gap" title="60px" content="60px">
- <meta name="select:center gap" title="65px" content="65px">
- <meta name="select:center gap" title="70px" content="70px">
- <meta name="select:center gap" title="80px" content="80px">
- <meta name="select:center gap" title="85px" content="85px">
- <meta name="select:center gap" title="90px" content="90px">
- <meta name="select:center gap" title="95px" content="95px">
- <meta name="select:center gap" title="100px" content="100px">
- <meta name="select:center gap" title="105px" content="105px">
- <meta name="select:center gap" title="110px" content="110px">
- <meta name="select:center gap" title="115px" content="115px">
- <meta name="select:center gap" title="120px" content="120px">
- <!-- divider: dropdowns: header -->
- <meta name="select:🔽 ······················· 𝐇𝐄𝐀𝐃𝐄𝐑" title="" content="">
- <meta name="select:header rounded corners" title="L" content="1.05rem">
- <meta name="select:header rounded corners" title="none" content="0px">
- <meta name="select:header rounded corners" title="S" content="0.35rem">
- <meta name="select:header rounded corners" title="M" content="0.69rem">
- <meta name="select:header rounded corners" title="XL" content="1.4rem">
- <meta name="select:header rounded corners" title="XXL" content="1.75rem">
- <meta name="select:header padding" title="26px" content="26px">
- <meta name="select:header padding" title="14px" content="14px">
- <meta name="select:header padding" title="18px" content="18px">
- <meta name="select:header padding" title="22px" content="22px">
- <meta name="select:header padding" title="30px" content="30px">
- <meta name="select:header padding" title="34px" content="34px">
- <meta name="select:header font size" title="14px" content="0.875rem">
- <meta name="select:header font size" title="12px" content="0.775rem">
- <meta name="select:header font size" title="13px" content="0.825rem">
- <meta name="select:header font size" title="15px" content="0.925rem">
- <meta name="select:header font size" title="16px" content="0.975rem">
- <meta name="select:header font size" title="17px" content="1.025rem">
- <!-- divider: dropdowns: header image -->
- <meta name="select:🔽 ············ 𝐇𝐄𝐀𝐃𝐄𝐑 𝐈𝐌𝐀𝐆𝐄" title="" content="">
- <meta name="select:show header banner image" title="show" content="show">
- <meta name="select:show header banner image" title="hide" content="hide">
- <!-- divider: dropdowns: header avatar -->
- <meta name="select:🔽 ········· 𝐇𝐄𝐀𝐃𝐄𝐑 𝐀𝐕𝐀𝐓𝐀𝐑" title="" content="">
- <meta name="select:header avatar size" title="120px" content="120px">
- <meta name="select:header avatar size" title="60px" content="60px">
- <meta name="select:header avatar size" title="70px" content="70px">
- <meta name="select:header avatar size" title="80px" content="80px">
- <meta name="select:header avatar size" title="90px" content="90px">
- <meta name="select:header avatar size" title="100px" content="100px">
- <meta name="select:header avatar size" title="110px" content="110px">
- <meta name="select:header avatar size" title="130px" content="130px">
- <meta name="select:header avatar size" title="140px" content="140px">
- <meta name="select:header avatar size" title="150px" content="150px">
- <meta name="select:header avatar border size" title="10px" content="10px">
- <meta name="select:header avatar border size" title="4px" content="4px">
- <meta name="select:header avatar border size" title="6px" content="6px">
- <meta name="select:header avatar border size" title="8px" content="8px">
- <meta name="select:header avatar border size" title="12px" content="12px">
- <meta name="select:header avatar border size" title="14px" content="14px">
- <meta name="select:header avatar border size" title="16px" content="16px">
- <meta name="select:header avatar border size" title="18px" content="18px">
- <meta name="select:header avatar border size" title="20px" content="20px">
- <!-- divider: dropdowns: status bubble -->
- <meta name="select:🔽 ·········· 𝐒𝐓𝐀𝐓𝐔𝐒 𝐁𝐔𝐁𝐁𝐋𝐄" title="" content="">
- <meta name="select:status bubble left gap" title="13px" content="13px">
- <meta name="select:status bubble left gap" title="9px" content="9px">
- <meta name="select:status bubble left gap" title="11px" content="11px">
- <meta name="select:status bubble left gap" title="15px" content="15px">
- <meta name="select:status bubble left gap" title="17px" content="17px">
- <meta name="select:status bubble left gap" title="19px" content="19px">
- <meta name="select:status bubble left gap" title="21px" content="21px">
- <meta name="select:status bubble left gap" title="23px" content="23px">
- <meta name="select:status bubble left gap" title="25px" content="25px">
- <meta name="select:status bubble left gap" title="27px" content="27px">
- <meta name="select:status bubble left gap" title="29px" content="29px">
- <meta name="select:status bubble padding" title="S" content="0.8rem">
- <meta name="select:status bubble padding" title="M" content="0.95rem">
- <meta name="select:status bubble padding" title="L" content="1.1rem">
- <meta name="select:status bubble font size" title="14px" content="0.875rem">
- <meta name="select:status bubble font size" title="12px" content="0.775rem">
- <meta name="select:status bubble font size" title="13px" content="0.825rem">
- <meta name="select:status bubble font size" title="15px" content="0.925rem">
- <meta name="select:status bubble font size" title="16px" content="0.975rem">
- <meta name="select:status bubble font size" title="17px" content="1.025rem">
- <meta name="select:status bubble bottom gap" title="18px" content="1.1rem">
- <meta name="select:status bubble bottom gap" title="14px" content="0.9rem">
- <meta name="select:status bubble bottom gap" title="22px" content="1.3rem">
- <meta name="select:status bubble bottom gap" title="26px" content="1.5rem">
- <meta name="select:status bubble bottom gap" title="30px" content="1.7rem">
- <!-- divider: dropdowns: header username -->
- <meta name="select:🔽 ···· 𝐇𝐄𝐀𝐃𝐄𝐑 𝐔𝐒𝐄𝐑𝐍𝐀𝐌𝐄" title="" content="">
- <meta name="select:header username symbol" title="show" content="show">
- <meta name="select:header username symbol" title="hide" content="hide">
- <meta name="select:header username font size" title="14px" content="0.85rem">
- <meta name="select:header username font size" title="13px" content="0.825rem">
- <meta name="select:header username font size" title="15px" content="0.875rem">
- <meta name="select:header username font size" title="16px" content="0.9rem">
- <meta name="select:header username font size" title="17px" content="0.925rem">
- <meta name="select:header username font size" title="18px" content="0.95rem">
- <!-- divider: dropdowns: mini avatar -->
- <meta name="select:🔽 ·············· 𝐌𝐈𝐍𝐈 𝐀𝐕𝐀𝐓𝐀𝐑" title="" content="">
- <meta name="select:mini avatar size" title="54px" content="54px">
- <meta name="select:mini avatar size" title="36px" content="36px">
- <meta name="select:mini avatar size" title="42px" content="42px">
- <meta name="select:mini avatar size" title="48px" content="48px">
- <meta name="select:mini avatar size" title="60px" content="60px">
- <meta name="select:mini avatar size" title="66px" content="66px">
- <meta name="select:mini avatar size" title="72px" content="72px">
- <meta name="select:mini avatar border size" title="8px" content="8px">
- <meta name="select:mini avatar border size" title="4px" content="4px">
- <meta name="select:mini avatar border size" title="6px" content="6px">
- <meta name="select:mini avatar border size" title="10px" content="10px">
- <meta name="select:mini avatar border size" title="12px" content="12px">
- <meta name="select:mini avatar border size" title="14px" content="14px">
- <meta name="select:mini avatar border size" title="16px" content="16px">
- <meta name="select:mini avatar border size" title="18px" content="18px">
- <meta name="select:mini avatar border size" title="20px" content="20px">
- <!-- divider: dropdowns: mini title -->
- <meta name="select:🔽 ················· 𝐌𝐈𝐍𝐈 𝐓𝐈𝐓𝐋𝐄" title="" content="">
- <meta name="select:mini title font size" title="13px" content="0.775rem">
- <meta name="select:mini title font size" title="11px" content="0.725rem">
- <meta name="select:mini title font size" title="12px" content="0.75rem">
- <meta name="select:mini title font size" title="14px" content="0.8rem">
- <meta name="select:mini title font size" title="15px" content="0.825rem">
- <meta name="select:mini title font size" title="16px" content="0.85rem">
- <!-- divider: dropdowns: header nav -->
- <meta name="select:🔽 ·············· 𝐇𝐄𝐀𝐃𝐄𝐑 𝐍𝐀𝐕" title="" content="">
- <meta name="select:header nav rounded corners" title="soft" content="5px">
- <meta name="select:header nav rounded corners" title="square" content="0px">
- <meta name="select:header nav rounded corners" title="circle" content="100%">
- <meta name="select:header nav icons size" title="17px" content="1.075rem">
- <meta name="select:header nav icons size" title="16px" content="1.025rem">
- <meta name="select:header nav icons size" title="18px" content="1.125rem">
- <meta name="select:header nav icons size" title="19px" content="1.175rem">
- <meta name="select:header nav icons size" title="20px" content="1.225rem">
- <meta name="select:header nav padding" title="M" content="0.5rem">
- <meta name="select:header nav padding" title="S" content="0.4rem">
- <meta name="select:header nav padding" title="L" content="0.6rem">
- <meta name="select:header nav spacing" title="9px" content="0.55rem">
- <meta name="select:header nav spacing" title="7px" content="0.45rem">
- <meta name="select:header nav spacing" title="8px" content="0.5rem">
- <meta name="select:header nav spacing" title="10px" content="0.6rem">
- <meta name="select:header nav spacing" title="11px" content="0.65rem">
- <meta name="select:header nav spacing" title="12px" content="0.7rem">
- <meta name="select:header nav spacing" title="13px" content="0.75rem">
- <meta name="select:show ask link" title="show (popup)" content="popup">
- <meta name="select:show ask link" title="show (link)" content="link">
- <meta name="select:show ask link" title="hide" content="hide">
- <meta name="select:show submit link" title="show (popup)" content="popup">
- <meta name="select:show submit link" title="show (link)" content="link">
- <meta name="select:show submit link" title="hide" content="hide">
- <meta name="select:show back to top button" title="show" content="show">
- <meta name="select:show back to top button" title="hide" content="hide">
- <!-- divider: dropdowns: sidebar -->
- <meta name="select:🔽 ····················· 𝐒𝐈𝐃𝐄𝐁𝐀𝐑" title="" content="">
- <meta name="select:sidebar position" title="sidebar on left" content="sb-left">
- <meta name="select:sidebar position" title="sidebar on right" content="sb-right">
- <meta name="select:sidebar width" title="300px" content="300px">
- <meta name="select:sidebar width" title="200px" content="200px">
- <meta name="select:sidebar width" title="225px" content="225px">
- <meta name="select:sidebar width" title="250px" content="250px">
- <meta name="select:sidebar width" title="275px" content="275px">
- <meta name="select:sidebar width" title="325px" content="325px">
- <meta name="select:sidebar width" title="350px" content="350px">
- <meta name="select:sidebar width" title="375px" content="375px">
- <meta name="select:sidebar padding" title="18px" content="18px">
- <meta name="select:sidebar padding" title="10px" content="10px">
- <meta name="select:sidebar padding" title="14px" content="14px">
- <meta name="select:sidebar padding" title="22px" content="22px">
- <meta name="select:sidebar padding" title="26px" content="26px">
- <meta name="select:sidebar padding" title="30px" content="30px">
- <meta name="select:sidebar padding" title="34px" content="34px">
- <meta name="select:sidebar rounded corners" title="M" content="0.69rem">
- <meta name="select:sidebar rounded corners" title="none" content="0px">
- <meta name="select:sidebar rounded corners" title="S" content="0.35rem">
- <meta name="select:sidebar rounded corners" title="L" content="1.05rem">
- <meta name="select:sidebar rounded corners" title="XL" content="1.4rem">
- <meta name="select:sidebar rounded corners" title="XXL" content="1.75rem">
- <meta name="select:sidebar font size" title="14px" content="0.875rem">
- <meta name="select:sidebar font size" title="12px" content="0.775rem">
- <meta name="select:sidebar font size" title="13px" content="0.825rem">
- <meta name="select:sidebar font size" title="15px" content="0.925rem">
- <meta name="select:sidebar font size" title="16px" content="0.975rem">
- <meta name="select:sidebar font size" title="17px" content="1.025rem">
- <!-- divider: dropdowns: sidebar titles -->
- <meta name="select:🔽 ·········· 𝐒𝐈𝐃𝐄𝐁𝐀𝐑 𝐓𝐈𝐓𝐋𝐄𝐒" title="" content="">
- <meta name="select:sidebar title align" title="right" content="right">
- <meta name="select:sidebar title align" title="left" content="left">
- <meta name="select:sidebar title align" title="center" content="center">
- <meta name="select:sidebar title padding" title="S" content="0.8rem">
- <meta name="select:sidebar title padding" title="M" content="0.95rem">
- <meta name="select:sidebar title padding" title="L" content="1.1rem">
- <meta name="select:sidebar title font size" title="12px" content="0.775rem">
- <meta name="select:sidebar title font size" title="10px" content="0.725rem">
- <meta name="select:sidebar title font size" title="11px" content="0.75rem">
- <meta name="select:sidebar title font size" title="13px" content="0.8rem">
- <meta name="select:sidebar title font size" title="14px" content="0.825rem">
- <meta name="select:sidebar title font size" title="15px" content="0.85rem">
- <!-- divider: dropdowns: sidebar image -->
- <meta name="select:🔽 ··········· 𝐒𝐈𝐃𝐄𝐁𝐀𝐑 𝐈𝐌𝐀𝐆𝐄" title="" content="">
- <meta name="select:show sidebar image" title="show" content="show">
- <meta name="select:show sidebar image" title="hide" content="hide">
- <meta name="select:sidebar image gradient" title="yes" content="yes">
- <meta name="select:sidebar image gradient" title="no" content="no">
- <meta name="select:sidebar image gradient height" title="M" content="45%">
- <meta name="select:sidebar image gradient height" title="S" content="25%">
- <meta name="select:sidebar image gradient height" title="L" content="65%">
- <!-- divider: dropdowns: sidebar desc -->
- <meta name="select:🔽 ············ 𝐒𝐈𝐃𝐄𝐁𝐀𝐑 𝐃𝐄𝐒𝐂" title="" content="">
- <meta name="select:show desc" title="show" content="show">
- <meta name="select:show desc" title="hide" content="hide">
- <!-- divider: dropdowns: custom links -->
- <meta name="select:🔽 ············· 𝐂𝐔𝐒𝐓𝐎𝐌 𝐋𝐈𝐍𝐊𝐒" title="" content="">
- <meta name="select:custom links columns" title="2" content="2">
- <meta name="select:custom links columns" title="1" content="1">
- <meta name="select:custom links columns" title="3" content="3">
- <meta name="select:custom links rounded corners" title="8px" content="0.5rem">
- <meta name="select:custom links rounded corners" title="none" content="0px">
- <meta name="select:custom links rounded corners" title="4px" content="0.25rem">
- <meta name="select:custom links rounded corners" title="6px" content="0.375rem">
- <meta name="select:custom links rounded corners" title="10px" content="0.625rem">
- <meta name="select:custom links rounded corners" title="12px" content="0.75rem">
- <meta name="select:custom links rounded corners" title="14px" content="0.875rem">
- <meta name="select:custom links padding" title="13px" content="0.8rem">
- <meta name="select:custom links padding" title="9px" content="0.6rem">
- <meta name="select:custom links padding" title="11px" content="0.7rem">
- <meta name="select:custom links padding" title="15px" content="0.9rem">
- <meta name="select:custom links padding" title="17px" content="1.1rem">
- <meta name="select:custom links font size" title="13px" content="0.725rem">
- <meta name="select:custom links font size" title="10px" content="0.575rem">
- <meta name="select:custom links font size" title="11px" content="0.625rem">
- <meta name="select:custom links font size" title="12px" content="0.675rem">
- <meta name="select:custom links font size" title="14px" content="0.775rem">
- <meta name="select:custom links font size" title="15px" content="0.825rem">
- <meta name="select:custom links font size" title="18px" content="0.875rem">
- <meta name="select:custom links spacing" title="8px" content="8px">
- <meta name="select:custom links spacing" title="4px" content="4px">
- <meta name="select:custom links spacing" title="5px" content="5px">
- <meta name="select:custom links spacing" title="6px" content="6px">
- <meta name="select:custom links spacing" title="7px" content="7px">
- <meta name="select:custom links spacing" title="9px" content="9px">
- <meta name="select:custom links spacing" title="10px" content="10px">
- <meta name="select:custom links spacing" title="11px" content="11px">
- <meta name="select:custom links spacing" title="12px" content="12px">
- <!-- divider: dropdowns: searchbar -->
- <meta name="select:🔽 ················· 𝐒𝐄𝐀𝐑𝐂𝐇𝐁𝐀𝐑" title="" content="">
- <meta name="select:show searchbar" title="show" content="show">
- <meta name="select:show searchbar" title="hide" content="hide">
- <meta name="select:searchbar rounded corners" title="5px" content="5px">
- <meta name="select:searchbar rounded corners" title="none" content="0px">
- <meta name="select:searchbar rounded corners" title="3px" content="3px">
- <meta name="select:searchbar rounded corners" title="7px" content="7px">
- <meta name="select:searchbar rounded corners" title="9px" content="9px">
- <meta name="select:searchbar font size" title="13px" content="0.725rem">
- <meta name="select:searchbar font size" title="10px" content="0.575rem">
- <meta name="select:searchbar font size" title="11px" content="0.625rem">
- <meta name="select:searchbar font size" title="12px" content="0.675rem">
- <meta name="select:searchbar font size" title="14px" content="0.775rem">
- <meta name="select:searchbar font size" title="15px" content="0.825rem">
- <meta name="select:searchbar font size" title="18px" content="0.875rem">
- <meta name="select:searchbar center gap" title="7px" content="0.425rem">
- <meta name="select:searchbar center gap" title="5px" content="0.325rem">
- <meta name="select:searchbar center gap" title="6px" content="0.375rem">
- <meta name="select:searchbar center gap" title="8px" content="0.475rem">
- <meta name="select:searchbar center gap" title="9px" content="0.525rem">
- <meta name="select:searchbar center gap" title="10px" content="0.575rem">
- <!-- divider: dropdowns: updates -->
- <meta name="select:🔽 ····················· 𝐔𝐏𝐃𝐀𝐓𝐄𝐒" title="" content="">
- <meta name="select:show updates" title="show" content="show">
- <meta name="select:show updates" title="hide" content="hide">
- <meta name="select:updates label rounded corners" title="4px" content="4px">
- <meta name="select:updates label rounded corners" title="none" content="0px">
- <meta name="select:updates label rounded corners" title="2px" content="2px">
- <meta name="select:updates label rounded corners" title="6px" content="6px">
- <meta name="select:updates label rounded corners" title="8px" content="8px">
- <meta name="select:updates label padding" title="7px" content="0.420rem">
- <meta name="select:updates label padding" title="5px" content="0.24rem">
- <meta name="select:updates label padding" title="6px" content="0.32rem">
- <meta name="select:updates label padding" title="8px" content="0.5rem">
- <meta name="select:updates label padding" title="9px" content="0.58rem">
- <meta name="select:updates label padding" title="10px" content="0.66rem">
- <meta name="select:updates label font size" title="13px" content="0.75rem">
- <meta name="select:updates label font size" title="10px" content="0.6rem">
- <meta name="select:updates label font size" title="11px" content="0.65rem">
- <meta name="select:updates label font size" title="12px" content="0.7rem">
- <meta name="select:updates label font size" title="14px" content="0.75rem">
- <meta name="select:updates label font size" title="15px" content="0.8rem">
- <meta name="select:updates label font size" title="18px" content="0.85rem">
- <meta name="select:updates row spacing" title="9px" content="0.55rem">
- <meta name="select:updates row spacing" title="6px" content="0.4rem">
- <meta name="select:updates row spacing" title="7px" content="0.45rem">
- <meta name="select:updates row spacing" title="8px" content="0.5rem">
- <meta name="select:updates row spacing" title="10px" content="0.6rem">
- <meta name="select:updates row spacing" title="11px" content="0.65rem">
- <meta name="select:updates row spacing" title="12px" content="0.7rem">
- <!-- divider: dropdowns: members -->
- <meta name="select:🔽 ··················· 𝐌𝐄𝐌𝐁𝐄𝐑𝐒" title="" content="">
- <meta name="select:show members" title="show" content="show">
- <meta name="select:show members" title="hide" content="hide">
- <meta name="select:members avatar size" title="40px" content="40px">
- <meta name="select:members avatar size" title="24px" content="24px">
- <meta name="select:members avatar size" title="28px" content="28px">
- <meta name="select:members avatar size" title="32px" content="32px">
- <meta name="select:members avatar size" title="36px" content="36px">
- <meta name="select:members avatar size" title="44px" content="44px">
- <meta name="select:members avatar size" title="48px" content="48px">
- <meta name="select:members avatar size" title="52px" content="52px">
- <meta name="select:members avatar size" title="56px" content="56px">
- <meta name="select:members avatar rounded corners" title="circle" content="100%">
- <meta name="select:members avatar rounded corners" title="none" content="0px">
- <meta name="select:members avatar rounded corners" title="soft S" content="4px">
- <meta name="select:members avatar rounded corners" title="soft M" content="8px">
- <meta name="select:members username symbol" title="yes" content="yes">
- <meta name="select:members username symbol" title="no" content="no">
- <meta name="select:members username font size" title="13px" content="0.75rem">
- <meta name="select:members username font size" title="10px" content="0.6rem">
- <meta name="select:members username font size" title="11px" content="0.65rem">
- <meta name="select:members username font size" title="12px" content="0.7rem">
- <meta name="select:members username font size" title="14px" content="0.8rem">
- <meta name="select:members username font size" title="15px" content="0.85rem">
- <meta name="select:members username font size" title="18px" content="0.9rem">
- <meta name="select:members row spacing" title="14px" content="0.85rem">
- <meta name="select:members row spacing" title="8px" content="0.55rem">
- <meta name="select:members row spacing" title="10px" content="0.65rem">
- <meta name="select:members row spacing" title="12px" content="0.75rem">
- <meta name="select:members row spacing" title="16px" content="0.95rem">
- <meta name="select:members row spacing" title="18px" content="1.05rem">
- <meta name="select:members row spacing" title="20px" content="1.15rem">
- <!-- divider: dropdowns: fonts -->
- <meta name="select:🔽 ························· 𝐅𝐎𝐍𝐓𝐒" title="" content="">
- <meta name="select:font" title="Funnel Sans" content="Funnel Sans">
- <meta name="select:font" title="Geist Sans" content="Geist">
- <meta name="select:font" title="Libre Baskerville" content="Libre Baskerville">
- <meta name="select:font" title="Source Serif 4" content="Source Serif 4">
- <meta name="select:font size" title="14px" content="0.875rem">
- <meta name="select:font size" title="12px" content="0.775rem">
- <meta name="select:font size" title="13px" content="0.825rem">
- <meta name="select:font size" title="15px" content="0.925rem">
- <meta name="select:font size" title="16px" content="0.975rem">
- <meta name="select:font size" title="17px" content="1.025rem">
- <meta name="select:small caps font" title="Figtree" content="Figtree">
- <meta name="select:small caps font" title="Sen" content="Sen">
- <meta name="select:small caps font" title="Averia Serif Libre" content="Averia Serif Libre">
- <meta name="select:small caps font" title="Arbutus Slab" content="Arbutus Slab">
- <meta name="select:small caps font size" title="12px" content="0.8rem">
- <meta name="select:small caps font size" title="10px" content="0.7rem">
- <meta name="select:small caps font size" title="11px" content="0.725rem">
- <meta name="select:small caps font size" title="13px" content="0.775rem">
- <meta name="select:small caps font size" title="14px" content="0.8rem">
- <meta name="select:small caps font size" title="15px" content="0.825rem">
- <meta name="select:heading font" title="Livvic" content="Livvic">
- <meta name="select:heading font" title="Lexend" content="Lexend">
- <meta name="select:heading font" title="Fraunces" content="Fraunces">
- <meta name="select:heading font" title="Caslon FS" content="Caslon FS">
- <meta name="select:heading font size" title="17px" content="1.05rem">
- <meta name="select:heading font size" title="14px" content="0.9rem">
- <meta name="select:heading font size" title="15px" content="0.95rem">
- <meta name="select:heading font size" title="16px" content="1rem">
- <meta name="select:heading font size" title="18px" content="1.1rem">
- <meta name="select:heading font size" title="19px" content="1.15rem">
- <meta name="select:heading font size" title="20px" content="1.2rem">
- <!-- divider: dropdowns: post blobs -->
- <meta name="select:🔽 ················ 𝐏𝐎𝐒𝐓 𝐁𝐋𝐎𝐁𝐒" title="" content="">
- <meta name="select:post blobs padding" title="S" content="0.8rem">
- <meta name="select:post blobs padding" title="M" content="0.95rem">
- <meta name="select:post blobs padding" title="L" content="1.1rem">
- <meta name="select:post header avatar size" title="42px" content="42px">
- <meta name="select:post header avatar size" title="24px" content="24px">
- <meta name="select:post header avatar size" title="28px" content="28px">
- <meta name="select:post header avatar size" title="32px" content="32px">
- <meta name="select:post header avatar size" title="36px" content="36px">
- <meta name="select:post header avatar size" title="48px" content="48px">
- <meta name="select:post header avatar size" title="54px" content="54px">
- <meta name="select:post header avatar size" title="60px" content="60px">
- <meta name="select:post header avatar size" title="66px" content="66px">
- <meta name="select:post header avatar size" title="72px" content="72px">
- <meta name="select:post header avatar border size" title="8px" content="8px">
- <meta name="select:post header avatar border size" title="4px" content="4px">
- <meta name="select:post header avatar border size" title="6px" content="6px">
- <meta name="select:post header avatar border size" title="10px" content="10px">
- <meta name="select:post header avatar border size" title="12px" content="12px">
- <meta name="select:post header avatar border size" title="14px" content="14px">
- <meta name="select:post header avatar border size" title="16px" content="16px">
- <meta name="select:post header avatar border size" title="18px" content="18px">
- <meta name="select:post header avatar border size" title="20px" content="20px">
- <!-- divider: dropdowns: posts -->
- <meta name="select:🔽 ························· 𝐏𝐎𝐒𝐓𝐒" title="" content="">
- <meta name="select:post width" title="500px" content="500px">
- <meta name="select:post width" title="300px" content="300px">
- <meta name="select:post width" title="325px" content="325px">
- <meta name="select:post width" title="350px" content="350px">
- <meta name="select:post width" title="375px" content="375px">
- <meta name="select:post width" title="425px" content="425px">
- <meta name="select:post width" title="400px" content="400px">
- <meta name="select:post width" title="450px" content="450px">
- <meta name="select:post width" title="475px" content="475px">
- <meta name="select:post width" title="540px" content="540px">
- <meta name="select:post width" title="600px" content="600px">
- <meta name="select:post width" title="650px" content="650px">
- <meta name="select:post padding" title="14px" content="14px">
- <meta name="select:post padding" title="10px" content="10px">
- <meta name="select:post padding" title="12px" content="12px">
- <meta name="select:post padding" title="16px" content="16px">
- <meta name="select:post padding" title="18px" content="18px">
- <meta name="select:post padding" title="20px" content="20px">
- <meta name="select:post padding" title="22px" content="22px">
- <meta name="select:post padding" title="24px" content="24px">
- <meta name="select:post padding" title="26px" content="26px">
- <meta name="select:post padding" title="28px" content="28px">
- <meta name="select:post rounded corners" title="M" content="0.69rem">
- <meta name="select:post rounded corners" title="none" content="0px">
- <meta name="select:post rounded corners" title="S" content="0.35rem">
- <meta name="select:post rounded corners" title="L" content="1.05rem">
- <meta name="select:post rounded corners" title="XL" content="1.4rem">
- <meta name="select:post rounded corners" title="XXL" content="1.75rem">
- <meta name="select:photos spacing" title="4px" content="4px">
- <meta name="select:photos spacing" title="0px" content="0px">
- <meta name="select:photos spacing" title="2px" content="2px">
- <meta name="select:photos spacing" title="6px" content="6px">
- <meta name="select:photos spacing" title="8px" content="8px">
- <meta name="select:photos spacing" title="10px" content="10px">
- <meta name="select:captions style" title="new" content="new">
- <meta name="select:captions style" title="old" content="old">
- <meta name="select:reblog dividers" title="no" content="no">
- <meta name="select:reblog dividers" title="yes" content="yes">
- <meta name="select:infinite scroll" title="no" content="no">
- <meta name="select:infinite scroll" title="yes" content="yes">
- <!-- divider: dropdowns: tags -->
- <meta name="select:🔽 ··························· 𝐓𝐀𝐆𝐒" title="" content="">
- <meta name="select:tags" title="toggle + fade" content="toggle-fade">
- <meta name="select:tags" title="always show" content="show">
- <meta name="select:tags" title="toggle" content="toggle">
- <meta name="select:tags position" title="right" content="right">
- <meta name="select:tags position" title="left" content="left">
- <!-- divider: dropdowns: post buttons -->
- <meta name="select:🔽 ············ 𝐏𝐎𝐒𝐓 𝐁𝐔𝐓𝐓𝐎𝐍𝐒" title="" content="">
- <meta name="select:post buttons rounded corners" title="soft" content="5px">
- <meta name="select:post buttons rounded corners" title="square" content="0px">
- <meta name="select:post buttons rounded corners" title="circle" content="100%">
- <meta name="select:post buttons padding" title="8px" content="0.475rem">
- <meta name="select:post buttons padding" title="4px" content="0.375rem">
- <meta name="select:post buttons padding" title="6px" content="0.425rem">
- <meta name="select:post buttons padding" title="10px" content="0.525rem">
- <meta name="select:post buttons padding" title="12px" content="0.575rem">
- <meta name="select:post buttons padding" title="14px" content="0.625rem">
- <meta name="select:post buttons icons size" title="16px" content="1.075rem">
- <meta name="select:post buttons icons size" title="13px" content="0.775rem">
- <meta name="select:post buttons icons size" title="14px" content="0.875rem">
- <meta name="select:post buttons icons size" title="15px" content="0.975rem">
- <meta name="select:post buttons icons size" title="17px" content="1.175rem">
- <meta name="select:post buttons icons size" title="18px" content="1.275rem">
- <meta name="select:post buttons icons size" title="19px" content="1.375rem">
- <meta name="select:post buttons spacing" title="9px" content="0.55rem">
- <meta name="select:post buttons spacing" title="7px" content="0.45rem">
- <meta name="select:post buttons spacing" title="8px" content="0.5rem">
- <meta name="select:post buttons spacing" title="10px" content="0.6rem">
- <meta name="select:post buttons spacing" title="11px" content="0.65rem">
- <meta name="select:post buttons spacing" title="12px" content="0.7rem">
- <meta name="select:post buttons spacing" title="13px" content="0.75rem">
- <!-- divider: text fields: header -->
- <meta name="text:󠀠​" content="🖊️ ························· 𝐇𝐄𝐀𝐃𝐄𝐑
">
- <meta name="text:header banner hover text" content="">
- <meta name="text:header icon hover text" content="">
- <meta name="text:status bubble text" content="<b>interloper</b> / <i>ĭn′tər-lō′pər</i>">
- <meta name="text:header desc" content="your custom header description goes here! empty this box to use your existing blog description">
- <meta name="text:header mini title" content="this is my skin you wear;">
- <meta name="text:ask link hover text" content="Askbox">
- <meta name="text:ask popup title" content="Ask me anything">
- <meta name="text:submit link hover text" content="Submit a post">
- <meta name="text:submit popup title" content="What would you like to submit?">
- <!-- divider: text fields: sidebar box #1 -->
- <meta name="text:󠀠​​" content="🖊️ ············· 𝐒𝐈𝐃𝐄𝐁𝐀𝐑 𝐁𝐎𝐗 #𝟏
">
- <meta name="text:sidebar title" content="Interloper">
- <meta name="text:sidebar image hover text" content="">
- <meta name="text:sidebar desc" content="your custom sidebar description goes here! empty this box to remove it">
- <meta name="text:custom link 1 name" content="example link">
- <meta name="text:custom link 1 URL" content="https://youtu.be/8AxV3y6W-Uk">
- <meta name="text:custom link 2 name" content="">
- <meta name="text:custom link 2 URL" content="">
- <meta name="text:custom link 3 name" content="">
- <meta name="text:custom link 3 URL" content="">
- <meta name="text:custom link 4 name" content="">
- <meta name="text:custom link 4 URL" content="">
- <meta name="text:custom link 5 name" content="">
- <meta name="text:custom link 5 URL" content="">
- <meta name="text:custom link 6 name" content="">
- <meta name="text:custom link 6 URL" content="">
- <meta name="text:custom link 7 name" content="">
- <meta name="text:custom link 7 URL" content="">
- <meta name="text:custom link 8 name" content="">
- <meta name="text:custom link 8 URL" content="">
- <meta name="text:searchbar prompt" content="Search...">
- <!-- divider: text fields: sidebar box #2 -->
- <meta name="text:󠀠​​​" content="🖊️ ············· 𝐒𝐈𝐃𝐄𝐁𝐀𝐑 𝐁𝐎𝐗 #𝟐
">
- <meta name="text:updates title" content="Updates">
- <meta name="text:update 1 label" content="Jun 21">
- <meta name="text:update 1 detail" content="Summer solstice">
- <meta name="text:update 2 label" content="">
- <meta name="text:update 2 detail" content="">
- <meta name="text:update 3 label" content="">
- <meta name="text:update 3 detail" content="">
- <meta name="text:update 4 label" content="">
- <meta name="text:update 4 detail" content="">
- <meta name="text:update 5 label" content="">
- <meta name="text:update 5 detail" content="">
- <meta name="text:update 6 label" content="">
- <meta name="text:update 6 detail" content="">
- <meta name="text:update 7 label" content="">
- <meta name="text:update 7 detail" content="">
- <meta name="text:update 8 label" content="">
- <meta name="text:update 8 detail" content="">
- <!-- divider: text fields: sidebar box #3 -->
- <meta name="text:󠀠​​​​" content="🖊️ ············· 𝐒𝐈𝐃𝐄𝐁𝐀𝐑 𝐁𝐎𝐗 #𝟑
">
- <meta name="text:members title" content="Members">
- <meta name="text:member 1 username" content="staff">
- <meta name="text:member 1 comment" content="all things tumblr">
- <meta name="text:member 2 username" content="">
- <meta name="text:member 2 comment" content="">
- <meta name="text:member 3 username" content="">
- <meta name="text:member 3 comment" content="">
- <meta name="text:member 4 username" content="">
- <meta name="text:member 4 comment" content="">
- <meta name="text:member 5 username" content="">
- <meta name="text:member 5 comment" content="">
- <meta name="text:member 6 username" content="">
- <meta name="text:member 6 comment" content="">
- {/block:Options}
- <link rel="prefetch" href="{image:sidebar image}" as="image">
- <!--+++++++++++++++++++++++++++++++++++++++++++++++++-->
- <!----- THEME SCRIPTS & SHEETS ----->
- <link href="//glenthemes.github.io/npf-images-v4/core.min.css" rel="stylesheet">
- <script src="//glenthemes.github.io/npf-images-v4/main.min.js"></script>
- <link rel="preload" href="//glen-themes.gitlab.io/thms/42/interloper.css" as="style">
- <link rel="preload" href="//glen-themes.gitlab.io/thms/42/interloper.js" as="script">
- <link href="//glen-themes.gitlab.io/thms/42/interloper.css" rel="stylesheet">
- <script src="//cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
- <script src="//glen-themes.gitlab.io/thms/42/interloper.js"></script>
- <!-- google fonts -->
- <link href="//fonts.googleapis.com" rel="preconnect">
- <link href="//fonts.gstatic.com" rel="preconnect" crossorigin>
- <link href="//fonts.bunny.net" rel="preconnect" crossorigin>
- <link href="//fonts.googleapis.com/css2?family=Funnel+Sans:ital,wght@0,300..800;1,300..800&family=Geist:ital,wght@0,100..900;1,100..900&family=Libre+Baskerville:ital,wght@0,400..700;1,400..700&family=Source+Serif+4:ital,wght@0,200..900;1,200..900&family=Livvic:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,900&family=Lexend:ital,wght@0,100..900;1,100..900&family=Fraunces:ital,wght@0,100..900;1,100..900&family=Figtree:ital,wght@0,300..900;1,300..900&family=Sen:ital,wght@0,400..800;1,400..800&family=Averia+Serif+Libre:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Arbutus+Slab:ital,wght@0,400;1,400&family=Google+Sans+Code:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet" crossorigin>
- <script>
- addGoogleFonts("") // extra google fonts if desired
- </script>
- <link href="//assets.tumblr.com/fonts/caslonfs/stylesheet.css" rel="stylesheet">
- <!-- icon fonts/libs -->
- <link href="//cdn.jsdelivr.net/gh/Richard9394/MingCute@main/fonts/MingCute.min.css" rel="stylesheet">
- <!--+++++++++++++++++++++++++++++++++++++++++++++++++-->
- <style>
- /* custom fonts */
- /* @font-face */
- /*------ OPTION VARIABLES ------*/
- :root {
- /*---- GENERAL ----*/
- --BG:{color:background};
- /*---- LAYOUT SPACING -----*/
- --Screen-Gaps:{select:screen gap}; /* top & bottom of page */
- --Header-Bottom-Gap-OG:{select:header bottom gap}; /* gap under header */
- --Header-Bottom-Gap:calc(max(0px,calc(var(--clh__,0px) - var(--Header-Bottom-Row-Max-Height) + var(--Header-Links-Top-Gap))) + var(--Header-Bottom-Gap-OG));
- --Center-Gap:{select:center gap}; /* between sidebar and posts */
- --Side-Gaps-OG:{select:screen gap}; /* gaps on sides of container; noticeable on smaller screens */
- --Side-Gaps:min(11.75vw,var(--Side-Gaps-OG));
- --Sidebar-Sections-Spacing:{select:sidebar boxes gap}; /* sidebar boxes spacing */
- /*---- TUMBLR CONTROLS ----*/
- --Desktop-TumblrControls-Zoom-Factor:75%;
- --Desktop-TumblrControls-Transparency:15%;
- --Mobile-TumblrControls-BG:var(--Post-Secondary-BG);
- --Mobile-TumblrControls-FG:var(--Post-Secondary-Text-Color);
- --Mobile-TumblrControls-Total-Height:54px;
- /*---- CONTAINER ----*/
- --Container-Width-Total:calc(var(--Sidebar-Width) + var(--Center-Gap) + var(--Post-Width-Total));
- /*---- SHADOW SETTINGS: BOXES ----*/
- --Boxes-Shadow-X-Offset:0.5rem;
- --Boxes-Shadow-Y-Offset:0.5rem;
- --Boxes-Shadow-Size:0.7rem;
- --Boxes-Shadow-Color:{color:shadows};
- --Boxes-Shadow-Strength:85%;
- /*---- SHADOW SETTINGS: BLOBS ----*/
- --Blobs-Shadow-X-Offset:0.35rem;
- --Blobs-Shadow-Y-Offset:0.35rem;
- --Blobs-Shadow-Size:0.45rem;
- --Blobs-Shadow-Color:var(--Boxes-Shadow-Color);
- --Blobs-Shadow-Strength:calc(var(--Boxes-Shadow-Strength) * 0.55);
- /*---- SHADOW SETTINGS: MISC ----*/
- --Header-Banner-Image-Hover-Text-Shadow-X-Offset:var(--Blobs-Shadow-X-Offset);
- --Header-Banner-Image-Hover-Text-Shadow-Y-Offset:var(--Blobs-Shadow-Y-Offset);
- --Header-Banner-Image-Hover-Text-Shadow-Size:var(--Blobs-Shadow-Size);
- --Header-Banner-Image-Hover-Text-Shadow-Color:var(--Blobs-Shadow-Color);
- --Popup-Heading-Shadow-X-Offset:var(--Blobs-Shadow-X-Offset);
- --Popup-Heading-Shadow-Y-Offset:var(--Blobs-Shadow-Y-Offset);
- --Popup-Heading-Shadow-Size:var(--Blobs-Shadow-Size);
- --Popup-Heading-Shadow-Color:var(--Blobs-Shadow-Color);
- --Popup-Heading-Shadow-Strength:var(--Blobs-Shadow-Strength);
- --Popup-Box-Shadow-X-Offset:var(--Boxes-Shadow-X-Offset);
- --Popup-Box-Shadow-Y-Offset:var(--Boxes-Shadow-Y-Offset);
- --Popup-Box-Shadow-Size:var(--Boxes-Shadow-Size);
- --Popup-Box-Shadow-Color:var(--Boxes-Shadow-Color);
- --Popup-Box-Shadow-Strength:var(--Boxes-Shadow-Strength);
- --Header-Bot-Bar-Shadow-X-Offset:0;
- --Header-Bot-Bar-Shadow-Y-Offset:0.5rem;
- --Header-Bot-Bar-Shadow-Size:var(--Boxes-Shadow-Size);
- --Header-Bot-Bar-Shadow-Color:var(--Boxes-Shadow-Color);
- --Header-Bot-Bar-Shadow-Strength:69%;
- --Sidebar-Title-Shadow-X-Offset:var(--Blobs-Shadow-X-Offset);
- --Sidebar-Title-Shadow-Y-Offset:var(--Blobs-Shadow-Y-Offset);
- --Sidebar-Title-Shadow-Size:var(--Blobs-Shadow-Size);
- --Sidebar-Title-Shadow-Color:var(--Blobs-Shadow-Color);
- --Sidebar-Title-Shadow-Strength:var(--Blobs-Shadow-Strength);
- --Sidebar-Image-Hover-Text-Shadow-X-Offset:var(--Blobs-Shadow-X-Offset);
- --Sidebar-Image-Hover-Text-Shadow-Y-Offset:var(--Blobs-Shadow-Y-Offset);
- --Sidebar-Image-Hover-Text-Shadow-Size:var(--Blobs-Shadow-Size);
- --Sidebar-Image-Hover-Text-Shadow-Color:var(--Blobs-Shadow-Color);
- --Sidebar-Image-Hover-Text-Shadow-Strength:var(--Blobs-Shadow-Strength);
- --Post-Blobs-Shadow-X-Offset:var(--Blobs-Shadow-X-Offset);
- --Post-Blobs-Shadow-Y-Offset:var(--Blobs-Shadow-Y-Offset);
- --Post-Blobs-Shadow-Size:var(--Blobs-Shadow-Size);
- --Post-Blobs-Shadow-Color:var(--Blobs-Shadow-Color);
- --Post-Blobs-Shadow-Strength:var(--Blobs-Shadow-Strength);
- --Tooltips-Shadow-X-Offset:var(--Blobs-Shadow-X-Offset);
- --Tooltips-Shadow-Y-Offset:var(--Blobs-Shadow-Y-Offset);
- --Tooltips-Shadow-Size:var(--Blobs-Shadow-Size);
- --Tooltips-Shadow-Color:var(--Blobs-Shadow-Color);
- --Tooltips-Shadow-Strength:var(--Blobs-Shadow-Strength);
- /*---- HEADER ----*/
- --Header-Rounded-Corners:{select:header rounded corners};
- --Header-BG:{color:header BG};
- --Header-Padding:{select:header padding};
- /* header hover text */
- --Header-Banner-Image-Hover-Text-Corner-Offset:1rem;
- --Header-Banner-Hover-Text-Rounded-Corners:calc(var(--SmallCaps-Font-Size) * 0.420);
- --Header-Banner-Image-Hover-Text-Shadow-Strength:var(--Header-Status-Shadow-Strength);
- /* header profile picture */
- --Header-Profile-Pic-Size:{select:header avatar size};
- --Header-Profile-Pic-Border-Thickness:{select:header avatar border size};
- /* header status */
- --Header-Status-Left-Gap:{select:status bubble left gap};
- --Header-Status-Border-Size:1px;
- --Header-Status-Border-Color:{color:status bubble border};
- --Header-Status-Padding-X:{select:status bubble padding};
- --Header-Status-Padding-Y:calc(var(--Header-Status-Padding-X) - 0.2rem);
- --Header-Status-BG:{color:status bubble BG};
- --Header-Status-Font-Size:{select:status bubble font size};
- --Header-Status-Text-Color:{color:status bubble text};
- --Header-Status-Bold:{color:status bubble bold};
- --Header-Status-Italic:{color:status bubble italic};
- --Header-Status-Links-Color:{color:status bubble links};
- --Header-Status-Links-Underline-Size:var(--Links-Underline-Size);
- --Header-Status-Links-Underline-Gap:var(--Links-Underline-Gap);
- --Header-Status-Links-Underline-Color:{color:status bubble links underline};
- --Header-Status-Shadow-X-Offset:var(--Blobs-Shadow-X-Offset);
- --Header-Status-Shadow-Y-Offset:var(--Blobs-Shadow-Y-Offset);
- --Header-Status-Shadow-Size:var(--Blobs-Shadow-Size);
- --Header-Status-Shadow-Color:var(--Blobs-Shadow-Color);
- --Header-Status-Shadow-Strength:var(--Blobs-Shadow-Strength);
- --Header-Status-Bottom-Gap:{select:status bubble bottom gap};
- /* header status bubbles */
- --Header-Status-Bubble-Size-1:min(var(--Header-Status-Padding-X),var(--Header-Status-Padding-Y));
- --Header-Status-Bubble-Size-2:max(var(--Header-Status-Padding-X),var(--Header-Status-Padding-Y));
- /* header username + desc */
- --Header-Texts-Spacing:0.28rem; /* gap between username and desc */
- /* header username */
- --Header-Username-Font-Size:{select:header username font size};
- --Header-Username-Color:{color:username};
- /* header slash */
- --Header-Slash-Divider-Symbol-Thickness:1.5px;
- --Header-Slash-Divider-Symbol-Size:calc(var(--Header-Username-Font-Size) * 1.0175);
- --Header-Slash-Divider-Symbol-Color:rgb(from var(--Header-Username-Color) r g b / 45%);
- /* header desc */
- --Header-Desc-Font-Size:{select:header font size};
- --Header-Desc-Text-Color:{color:header desc text};
- --Header-Desc-Bold:{color:header desc bold};
- --Header-Desc-Italic:{color:header desc italic};
- --Header-Desc-Links-Color:{color:header desc links};
- --Header-Desc-Links-Underline-Size:var(--Links-Underline-Size);
- --Header-Desc-Links-Underline-Gap:var(--Links-Underline-Gap);
- --Header-Desc-Links-Underline-Color:{color:header desc links underline};
- --Header-Desc-Toggle-Icon-Size:calc(var(--Header-Desc-Font-Size) * 1.1);
- --Header-Desc-Toggle-Icon-Gap:0.325rem;
- --Header-Desc-Slide-Speed:420ms;
- /* header mini avatar */
- --Header-Mini-Avatar-Size:{select:mini avatar size};
- --Header-Mini-Avatar-Padding:{select:mini avatar border size};
- --Header-Mini-Avatar-Overlay-Transparency:69%;
- --Header-Mini-Avatar-Overlay-Blur-Amount:4px;
- --Header-Mini-Avatar-Hover-Icon-Size:calc(var(--Header-Mini-Avatar-Size) * 0.35);
- --Header-Mini-Avatar-Hover-Icon-Color:var(--Header-Mini-Title-Text-Color);
- /* header mini title */
- --Header-Mini-Title-Padding-X:var(--Header-Mini-Avatar-Padding);
- --Header-Mini-Title-Padding-Y:var(--Header-Mini-Avatar-Padding);
- --Header-Mini-Title-Font-Size:{select:mini title font size};
- --Header-Mini-Title-Text-Color:{color:mini title};
- /* header links / header nav */
- --Header-Links-Icons-Border-Size:1px;
- --Header-Links-Icons-Border-Color:{color:header nav border};
- --Header-Links-Icons-Rounded-Corners:{select:header nav rounded corners};
- --Header-Links-Icons-Padding:{select:header nav padding};
- --Header-Links-Icons-BG:{color:header nav BG};
- --Header-Links-Icons-Size:{select:header nav icons size};
- --Header-Links-Icons-Color:{color:header nav icons};
- --Header-Links-Icons-Hover-Speed:0.25s;
- --Header-Links-Icons-Hover-Zoom-Percentage:15%; /* percentage only */
- --Header-Links-Icons-HOVER-Border-Color:{color:header nav hover border};
- --Header-Links-Icons-HOVER-BG:{color:header nav hover BG};
- --Header-Links-Icons-HOVER-Color:{color:header nav hover icons};
- --Header-Links-Icons-Spacing:{select:header nav spacing};
- --Mobile-Toggle-Sidebar-Button-Icon-Size:var(--Header-Links-Icons-Size);
- --Mobile-Toggle-Sidebar-Button-Icon-Right-Gap:0.5rem;
- --Mobile-Toggle-Sidebar-Layout-Fade-Speed:0.420s;
- /*---- ASK POPUP / SUBMIT POPUP ----*/
- --Popup-Fade-Speed:420ms;
- --Popup-BG-Color:var(--BG);
- --Popup-BG-Color-Transparency:25%; /* percentage only */
- --Popup-BG-Blur:5px;
- --Popup-Z-Index:100;
- --Popup-Width:min(var(--Post-Width-Total),80vw);
- --Popup-Heading-Border-Size:var(--Header-Status-Border-Size);
- --Popup-Heading-Border-Color:var(--Header-Status-Border-Color);
- --Popup-Heading-Padding-X:var(--Header-Status-Padding-X);
- --Popup-Heading-Padding-Y:var(--Header-Status-Padding-Y);
- --Popup-Heading-BG:var(--Header-Status-BG);
- --Popup-Heading-Font-Size:var(--SmallCaps-Font-Size);
- --Popup-Heading-Text-Color:var(--Header-Status-Text-Color);
- --Popup-Box-Padding:var(--Header-Padding);
- --Popup-Box-BG:var(--Header-BG);
- /*---- SIDEBAR ----*/
- --Sidebar-Width:{select:sidebar width};
- /* sidebar title */
- --Sidebar-Title-Side-Gaps:var(--Sidebar-Boxes-Padding-X);
- --Sidebar-Title-Border-Size:1px;
- --Sidebar-Title-Border-Color:{color:sidebar title border};
- --Sidebar-Title-Padding-X:{select:sidebar title padding};
- --Sidebar-Title-Padding-Y:calc(var(--Sidebar-Title-Padding-X) - 0.2rem);
- --Sidebar-Title-BG:{color:sidebar title BG};
- --Sidebar-Title-Font-Size:{select:sidebar title font size};
- --Sidebar-Title-Text-Color:{color:sidebar title};
- /* sidebar image */
- --Sidebar-Image-Gradient-Size:{select:sidebar image gradient height};
- --Sidebar-Image-Hover-Text-Rounded-Corners:calc(var(--SmallCaps-Font-Size) * 0.420);
- /* sidebar boxes */
- --Sidebar-Boxes-Padding-X:{select:sidebar padding};
- --Sidebar-Boxes-Padding-Y:var(--Sidebar-Boxes-Padding-X);
- --Sidebar-Boxes-Rounded-Corners:{select:sidebar rounded corners};
- --Sidebar-Boxes-BG:{color:sidebar BG};
- --Sidebar-Boxes-Font-Size:{select:sidebar font size};
- --Sidebar-Boxes-Text-Color:{color:sidebar text};
- --Sidebar-Bold:{color:sidebar bold};
- --Sidebar-Italic:{color:sidebar italic};
- --Sidebar-Links-Color:{color:sidebar links};
- --Sidebar-Links-Underline-Size:var(--Links-Underline-Size);
- --Sidebar-Links-Underline-Gap:var(--Links-Underline-Gap);
- --Sidebar-Links-Underline-Color:{color:sidebar links underline};
- --Sidebar-Boxes-Line-Height:var(--Body-Line-Height);
- /* custom links (sidebar) */
- --Custom-Links-Columns:{select:custom links columns};
- --Custom-Links-Rounded-Corners:{select:custom links rounded corners};
- --Custom-Links-Padding-X:{select:custom links padding};
- --Custom-Links-Padding-Y:calc(var(--Custom-Links-Padding-X) - 0.2rem);
- --Custom-Links-BG:{color:custom links BG};
- --Custom-Links-Font-Size:{select:custom links font size};
- --Custom-Links-Text-Color:{color:custom links};
- --Custom-Links-Hover-BG:{color:custom links hover BG};
- --Custom-Links-Hover-Text-Color:{color:custom links hover};
- --Custom-Links-Spacing:{select:custom links spacing};
- /* searchbar */
- --Searchbar-Field-Border-Size:1px;
- --Searchbar-Field-Border-Color:{color:searchbar border};
- --Searchbar-Field-Rounded-Corners:{select:searchbar rounded corners};
- --Searchbar-Field-Padding-X:0.6rem;
- --Searchbar-Field-Padding-Y:var(--Searchbar-Field-Padding-X);
- --Searchbar-Field-BG:{color:searchbar BG};
- --Searchbar-Field-Font-Size:{select:searchbar font size};
- --Searchbar-Field-Prompt-Text-Color:rgb(from var(--Searchbar-Field-Typing-Text-Color) r g b / 69%);
- --Searchbar-Field-Typing-Text-Color:{color:searchbar text};
- --Searchbar-Field-FOCUSED-Border-Size:calc(var(--Searchbar-Field-Border-Size) + 1px);
- --Searchbar-Field-FOCUSED-Border-Color:{color:searchbar clicked border};
- --Searchbar-Center-Gap:{select:searchbar center gap};
- --Searchbar-Button-Padding:0.45rem;
- --Searchbar-Button-Border-Size:var(--Searchbar-Field-Border-Size);
- --Searchbar-Button-Border-Color:{color:searchbar button border};
- --Searchbar-Button-Rounded-Corners:var(--Searchbar-Field-Rounded-Corners);
- --Searchbar-Button-BG:{color:searchbar button BG};
- --Searchbar-Icon-Size:calc(var(--Searchbar-Field-Font-Size) * 1.420);
- --Searchbar-Icon-Color:{color:searchbar button icon};
- --Searchbar-Button-HOVER-Border-Color:{color:searchbar button hover border};
- --Searchbar-Button-HOVER-BG:{color:searchbar button hover BG};
- --Searchbar-Button-HOVER-Icon-Color:{color:searchbar button hover icon};
- /* updates */
- --Updates-Row-Spacing:{select:updates row spacing};
- --Updates-Column-Spacing:0.5rem;
- --Updates-Label-Font-Size:{select:updates label font size};
- --Updates-Label-Padding-X:{select:updates label padding};
- --Updates-Label-Padding-Y:var(--Updates-Label-Padding-X);
- --Updates-Label-Rounded-Corners:{select:updates label rounded corners};
- --Updates-Label-BG:{color:updates label BG};
- --Updates-Label-Text-Color:{color:updates label text};
- /* members */
- --Members-Row-Spacing:{select:members row spacing};
- --Members-Column-Spacing:0.85rem; /* pfp right gap */
- --Members-Texts-Spacing:0.3rem; /* v-gap under username */
- --Members-Avatar-Size:{select:members avatar size};
- --Members-Avatar-Rounded-Corners:{select:members avatar rounded corners};
- --Members-Username-Font-Size:{select:members username font size};
- --Members-Username-Color:{color:members username};
- --Members-Username-Hover-Color:{color:members username hover};
- --Members-Comment-Corner-Size:calc(var(--Members-Username-Font-Size) * 0.8);
- --Members-Comment-Corner-Thickness:1px;
- --Members-Comment-Corner-Color:var(--Members-Comment-Color);
- --Members-Comment-Corner-Transparency:calc(100% * 0.420);
- --Members-Comment-Corner-Roundness:calc(var(--Members-Comment-Corner-Size) * 0.420);
- --Members-Comment-Corner-Right-Gap:0.475rem;
- --Members-Comment-Color:var(--Sidebar-Boxes-Text-Color);
- /*---- POSTS ----*/
- --Post-Content-Width:{select:post width};
- --Post-Padding-OG:{select:post padding};
- --Post-Padding:calc(var(--Post-Padding-OG) + max(calc(var(--Post-Rounded-Corners) / 2),0px) - 1px);
- --Post-Width-Total:calc(var(--Post-Content-Width) + (var(--Post-Padding) * 2) + (var(--Post-Border-Size) * 2));
- --Post-Border-Size:0px;
- --Post-Border-Color:transparent;
- --Post-Rounded-Corners:{select:post rounded corners};
- --Post-BG:{color:post BG};
- --Post-Spacing:{select:post spacing};
- --Post-Secondary-Border-Size:1px;
- --Post-Secondary-Rounded-Corners:max(0px,calc(var(--Post-Rounded-Corners) - 1px));
- --Post-Secondary-Padding-X:0.875rem;
- --Post-Secondary-Padding-Y:calc(var(--Post-Secondary-Padding-X) - var(--Body-LH-V-Gap));
- --Post-Secondary-BG:{color:post BG alternative};
- --Post-Secondary-Text-Color:{color:text alternative};
- /*---- POST BLOBS ----*/
- /* blobs found in post header, post footer, post notes, post title on non-post pages */
- --Post-Blobs-Border-Size:1px;
- --Post-Blobs-Border-Color:{color:post blobs border};
- --Post-Blobs-BG:{color:post blobs BG};
- --Post-Blobs-Text-Color:{color:post blobs text};
- --Post-Blobs-Padding-X:{select:post blobs padding};
- --Post-Blobs-Padding-Y:calc(var(--Post-Blobs-Padding-X) - 0.2rem);
- --Post-Blobs-Font-Size:calc(var(--SmallCaps-Font-Size) - .5px);
- --Post-Blobs-Row-Gap:calc(var(--Post-Padding) - var(--Post-Header-Avatar-Padding));
- --Post-Blobs-Icon-Size:calc(var(--SmallCaps-Font-Size) * 1.35);
- --Post-Blobs-Icon-Right-Gap:0.4rem;
- --Post-Blobs-Spacing:var(--Post-Controls-Btn-Spacing); /* noticeable on post permalink pages (post notes section) */
- /*---- POST HEADER ----*/
- --Post-Header-Avatar-Size:{select:post header avatar size};
- --Post-Header-Avatar-Padding:max(6px,{select:post header avatar border size});
- /*---- MAIN FONT ----*/
- --Base-Font-Size:16px;
- --Body-Font-Family:"{select:font}";
- --Body-Font-Weight:normal;
- --Body-Font-Size:{select:font size};
- --Body-Letter-Spacing:0px;
- --Body-Word-Spacing:0px;
- --Body-Text-Color:{color:text};
- --Body-Text-Color-Lighter:rgb(from var(--Body-Text-Color) r g b / 80%);
- --Body-Line-Height:1.65; /* number only */
- --Body-LH-V-Gap:calc(((var(--Body-Font-Size) * var(--Body-Line-Height)) - var(--Body-Font-Size)) / 2);
- /*---- SMALL CAPS FONT ----*/
- --SmallCaps-Font-Family:"{select:small caps font}";
- --SmallCaps-Font-Weight:600;
- --SmallCaps-Font-Size:{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:700;
- --Heading-Font-Size:{select:heading font size};
- --Heading-Letter-Spacing:0.025em;
- --Heading-Word-Spacing:0px;
- --Heading-Line-Height:var(--Body-Line-Height);
- --Heading-LH-V-Gap:calc(((var(--Heading-Font-Size) * var(--Heading-Line-Height)) - var(--Heading-Font-Size)) / 2);
- --Post-Title-Rounded-Corners:var(--Post-Secondary-Rounded-Corners);
- --Post-Title-BG:var(--Post-Secondary-BG);
- --Post-Title-Padding-X:var(--Post-Secondary-Padding-X);
- --Post-Title-Padding-Y:var(--Post-Secondary-Padding-Y);
- --Post-Title-Text-Color:var(--Post-Secondary-Text-Color);
- --Post-Title-Bottom-Gap:1em;
- /*---- TEXT FORMATTING ----*/
- --Bold-Font-Weight:700;
- --Bold:{color:bold};
- --Italic:{color:italic};
- --Links-Color:{color:links};
- --Links-Underline-Gap:var(--Body-LH-V-Gap);
- --Links-Underline-Size:1px;
- --Links-Underline-Color:{color:links underline};
- --Links-Hover-Speed:0.4s;
- --Code-Block-Padding-X:max(calc(var(--Post-Padding) - 1px),1.420em);
- --Code-Block-Padding-Y:calc(var(--Code-Block-Padding-X) - var(--Body-LH-V-Gap));
- --Code-Block-BG:var(--Post-Secondary-BG);
- --Code-Block-Text-Color:var(--Post-Secondary-Text-Color);
- --Code-Font-Family:"Google Sans Code";
- --Code-Font-Weight:500;
- --Code-Font-Size:calc(var(--Body-Font-Size) * 0.875);
- --Code-Letter-Spacing:0px;
- --Code-Word-Spacing:0px;
- --Code-Line-Height:var(--Body-Line-Height);
- --Blockquote-Left-Gap-1:calc((var(--Post-Avatar-Size) / 2) - (var(--Blockquote-Border-Size) / 2));
- --Blockquote-Border-Size:1px;
- --Blockquote-Border-Color:{color:blockquote border};
- --Blockquote-Left-Gap-2:calc(0px - var(--Blockquote-Border-Size) - var(--Blockquote-Left-Gap-1) + var(--Post-Avatar-Size) + var(--Reblog-Header-Center-Gap));
- /*---- NPF SETTINGS: PHOTO(SET)S ----*/
- --NPF-Text-Container:".text-post-caption, .text-post-reblogs";
- --NPF-Reblogs-Selector:".comment";
- --NPF-Move-To-Top:"yes";
- --NPF-Captionless-Add-Source:"no";
- --NPF-Change-Post-Type:"yes";
- --NPF-Caption-Spacing:0px;
- --NPF-Images-Spacing:var(--Photoset-Spacing);
- /*---- NPF SETTINGS: ALT TEXT ----*/
- --NPF-Alt-Text-Button-Visibility:40%;
- --NPF-Alt-Text-Button-Rounded-Corners:3px;
- --NPF-Alt-Text-Button-Fade-Speed:0.4s;
- --NPF-Alt-Text-Button-Font-Size:calc(var(--SmallCaps-Font-Size) - 0.5px);
- --NPF-Alt-Text-Close-Button-Background-Color:var(--Post-Secondary-BG);
- --NPF-Alt-Text-Close-Button-Icon-Size:var(--Body-Font-Size);
- --NPF-Alt-Text-Close-Button-Icon-Color:var(--Post-Secondary-Text-Color);
- /*---- PHOTOS / PHOTOSETS ----*/
- --Photoset-Spacing:{select:photos spacing};
- --Lightbox-BG:{color:background};
- --Lightbox-BG-Strength:69%;
- --Lightbox-BG-Blur-Amount:4px;
- --Lightbox-Image-Rounded-Corners:var(--Post-Rounded-Corners);
- /*---- QUOTE POSTS ----*/
- --Quote-Font-Family:var(--Heading-Font-Family);
- --Quote-Font-Weight:var(--Heading-Font-Weight);
- --Quote-Font-Size:var(--Heading-Font-Size);
- --Quote-Letter-Spacing:var(--Heading-Letter-Spacing);
- --Quote-Word-Spacing:var(--Heading-Word-Spacing);
- --Quote-Line-Height:var(--Heading-Line-Height);
- --Quote-Post-Row-Spacing:1em;
- /*---- LINK POSTS ----*/
- --Link-Post-Padding-X:var(--Post-Secondary-Padding-X);
- --Link-Post-Padding-Y:var(--Post-Secondary-Padding-Y);
- --Link-Post-BG:var(--Post-Secondary-BG);
- --Link-Post-Rounded-Corners:var(--Post-Secondary-Rounded-Corners);
- --Link-Post-Title-Font-Size:var(--Heading-Font-Size);
- --Link-Post-Title-Line-Height:var(--Heading-Line-Height);
- --Link-Post-Title-Arrow-Left-Gap:13px;
- --Link-Post-Title-Arrow-Icon:'<i class="mgc_external_link_line"></i>';
- --Link-Post-Title-Arrow-Size:calc(var(--Link-Post-Title-Font-Size) * 1.15);
- --Link-Post-Row-Spacing:1em;
- --Link-Post-Site-Name-Right-Gap:8px;
- --Link-Post-Site-Name-Link-Icon:'<i class="mgc_link_2_line"></i>';
- --Link-Post-Site-Name-Shadow-X-Offset:0px;
- --Link-Post-Site-Name-Shadow-Y-Offset:0px;
- --Link-Post-Site-Name-Shadow-Size:var(--Blobs-Shadow-Size);
- --Link-Post-Site-Name-Shadow-Color:var(--Blobs-Shadow-Color);
- --Link-Post-Site-Name-Shadow-Strength:calc(var(--Blobs-Shadow-Strength) * 0.69);
- /*---- CHAT POSTS ----*/
- --Chat-Post-Row-Padding-X:var(--Post-Secondary-Padding-X);
- --Chat-Post-Row-Padding-Y:var(--Post-Secondary-Padding-Y);
- --Chat-Post-Row-Alternating-Rounded-Corners:var(--Post-Secondary-Rounded-Corners);
- --Chat-Post-Row-Alternating-BG:var(--Post-Secondary-BG);
- --Chat-Post-Row-Alternating-Text-Color:var(--Post-Secondary-Text-Color);
- --Chat-Post-Font-Family:var(--Code-Font-Family);
- --Chat-Post-Font-Weight:var(--Code-Font-Weight);
- --Chat-Post-Font-Size:var(--Code-Font-Size);
- --Chat-Post-Letter-Spacing:0px;
- --Chat-Post-Word-Spacing:0px;
- --Chat-Post-Line-Height:var(--Body-Line-Height);
- /*---- AUDIO POSTS ----*/
- --Audio-Post-Volume:75%;
- --Audio-Post-Album-Image-Size:80px;
- --Audio-Post-Play-Btn-Icon:'<i class="mgc_play_fill"></i>';
- --Audio-Post-Play-Btn-Hover-Text:"Play";
- --Audio-Post-Pause-Btn-Icon:'<i class="mgc_pause_fill"></i>';
- --Audio-Post-Pause-Btn-Hover-Text:"Pause";
- --Audio-Post-Buttons-Icons-Size:calc(var(--Body-Font-Size) * 1.25);
- --Audio-Post-Buttons-Icons-Color:{color:text};
- --Audio-Post-Buttons-Padding:10px;
- --Audio-Post-Buttons-BG:{color:post BG};
- --Audio-Post-Buttons-Total-Size:calc(var(--Audio-Post-Buttons-Icons-Size) + (var(--Audio-Post-Buttons-Padding) * 2));
- --Audio-Post-Buttons-Rounded-Corners:100%;
- --Audio-Post-Details-BG:var(--Post-Secondary-BG);
- --Audio-Post-Details-Padding-X:14px;
- --Audio-Post-Details-Padding-Y:calc(var(--Audio-Post-Details-Padding-X) - var(--Body-LH-V-Gap));
- --Audio-Post-Details-Text-Color:var(--Post-Secondary-Text-Color);
- --Audio-Post-Download-Btn-Touch-Padding:7px;
- --Audio-Post-Download-Btn-Icon:'<i class="mgc_download_2_line"></i>';
- --Audio-Post-Download-Btn-Icon-Size:calc(var(--Body-Font-Size) * 1.3);
- --Audio-Post-Download-Btn-Hover-Text:'{lang:Download this track}';
- --Audio-Post-Download-Btn-Icon-Color:var(--Audio-Post-Details-Text-Color);
- /*---- OTHER AUDIO ----*/
- --SoundCloud-Player-Height:116px; /* 20px, 116px, or 500px */
- --SoundCloud-Show-Album-Image:"yes";
- /*---- VIDEO POSTS ----*/
- --Video-Post-Volume:75%;
- --Video-Player-Font-Size:calc(var(--SmallCaps-Font-Size));
- --Video-Player-Font-Weight:var(--SmallCaps-Font-Weight);
- /*---- 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:1em;
- --Ask-Post-Question-Rounded-Corners:var(--Post-Rounded-Corners);
- --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-Rounded-Corners:0px;
- --Ask-Post-Answer-Padding:0px;
- --Ask-Post-Answer-BG:transparent;
- --Ask-Post-Answer-Avatar-Size:52px;
- --Ask-Post-Answer-Avatar-Rounded-Corners:100%;
- --Ask-Post-Answer-Text-Color:var(--Body-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-Rounded-Corners:var(--Post-Secondary-Rounded-Corners);
- --Poll-Options-Padding-X:max(calc(var(--Post-Padding) - 1px),1.420em);
- --Poll-Options-Padding-Y:calc(var(--Poll-Options-Padding-X) - var(--SmallCaps-LH-V-Gap));
- --Poll-Options-BG:var(--Post-Secondary-BG);
- --Poll-Options-Font-Size:calc(var(--SmallCaps-Font-Size));
- --Poll-Options-Text-Color:var(--Post-Secondary-Text-Color);
- --Poll-Options-Hover-Text-Color:var(--Links-Color);
- --Poll-Options-Spacing:0.69em;
- /*---- CAPTIONS / REBLOGS ----*/
- --Captions-Top-Gap:var(--Post-Padding);
- --Reblog-Header-Center-Gap:13px;
- --Reblog-Header-Bottom-Gap:1em;
- --Post-Avatar-Size:34px;
- --Post-Avatar-Rounded-Corners:100%;
- --Post-Usernames-Color:{color:post usernames};
- --Deactivated-Label-Text:{block:English}Deactivated{/block:English}{block:German}Deaktiviert{/block:German}{block:French}Désactivé{/block:French}{block:Italian}Disattivato{/block:Italian}{block:Japanese}無効化{/block:Japanese}{block:Turkish}Kapatıldı{/block:Turkish}{block:Spanish}Desactivado{/block:Spanish}{block:Russian}Деактивировано{/block:Russian}{block:Polish}deaktywowano{/block:Polish}{block:PortuguesePT}Desativado{/block:PortuguesePT}{block:PortugueseBR}Desativado{/block:PortugueseBR}{block:Dutch}Gedeactiveerd{/block:Dutch}{block:Korean}사용 안 함{/block:Korean}{block:ChineseSimplified}已关闭{/block:ChineseSimplified}{block:ChineseTraditional}已停用{/block:ChineseTraditional}{block:ChineseHK}已停用{/block:ChineseHK}{block:Indonesian}Dinonaktifkan{/block:Indonesian}{block:Hindi}निष्क्रिय{/block:Hindi};
- --Reblog-Border-Size:1px;
- --Reblog-Border-Color:{color:reblog dividers};
- /*---- POST FOOTER ----*/
- /* post footer / post buttons / post controls */
- --Post-Controls-Btn-Rounded-Corners:{select:post buttons rounded corners};
- --Post-Controls-Btn-Border-Size:var(--Post-Blobs-Border-Size);
- --Post-Controls-Btn-Border-Color:{color:post buttons border};
- --Post-Controls-Btn-Padding:{select:post buttons padding};
- --Post-Controls-Btn-BG:{color:post buttons BG};
- --Post-Controls-Btn-Icon-Size:{select:post buttons icons size};
- --Post-Controls-Btn-Icon-Color:{color:post buttons icons};
- --Post-Controls-Btn-Hover-Border-Color:{color:post buttons hover border};
- --Post-Controls-Btn-Hover-BG:{color:post buttons hover BG};
- --Post-Controls-Btn-Hover-Icon-Color:{color:post buttons hover icons};
- --Post-Controls-Btn-Hover-Speed:0.25s;
- --Post-Controls-Btn-Hover-Zoom-Percentage:15%;
- --Post-Controls-Btn-Spacing:{select:post buttons spacing};
- --Liked-Button-Color:{color:liked button};
- /*---- TAGS ----*/
- --Tags-Top-Gap:var(--Captions-Top-Gap);
- --Tags-Rounded-Corners:0.35rem;
- --Tags-Padding-X:0.525rem;
- --Tags-Padding-Y:var(--Tags-Padding-X);
- --Tags-BG:{color:tags BG};
- --Tags-Font-Size:calc(var(--SmallCaps-Font-Size) - .5px);
- --Tags-Text-Color:{color:tags};
- --Tags-HOVER-BG:{color:tags hover BG};
- --Tags-HOVER-Text-Color:{color:tags hover};
- --Tags-Spacing-X:0.6rem;
- --Tags-Spacing-Y:var(--Tags-Spacing-X);
- --Tags-Fade-Delay:0.35s;
- --Tags-Fade-Speed:0.5s;
- --Tags-Slide-Speed:0.5s;
- /*---- POST NOTES ----*/
- --Post-Notes-Row-Spacing:1rem;
- --Post-Notes-Type-Icon-Size:calc(var(--Body-Font-Size) + 3px);
- --Post-Notes-Type-Icon-Gap-Right:8px;
- /*---- PAGE NUMBERS ----*/
- --Page-Numbers-Arrow-Size:calc(var(--Body-Font-Size) * 1.2);
- --Page-Numbers-Arrow-Gap:4px;
- --Page-Numbers-Touch-Padding:6px;
- --Page-Numbers-Spacing:calc(var(--Page-Numbers-Touch-Padding) + 8px);
- --Page-Numbers-Color:{color:page numbers};
- --Load-More-Spinner-Size:calc(var(--Heading-Font-Size) * 1.55);
- --Load-More-Spinner-Speed:2.5s;
- /*----- TOOLTIPS OPTIONS -----*/
- --Tooltips-Margin:15; /* number only */
- --Tooltips-Fade-In-Delay:0s;
- --Tooltips-Fade-In-Speed:0.4s;
- --Tooltips-Fade-Out-Delay:0s;
- --Tooltips-Fade-Out-Speed:0.4s;
- --Tooltips-Border-Size:var(--Post-Blobs-Border-Size);
- --Tooltips-Border-Color:{color:hover text border};
- --Tooltips-Padding-X:var(--Post-Blobs-Padding-X);
- --Tooltips-Padding-Y:var(--Post-Blobs-Padding-Y);
- --Tooltips-Rounded-Corners:var(--Post-Blobs-Rounded-Corners);
- --Tooltips-BG:{color:hover text BG};
- --Tooltips-Font-Size:var(--Post-Blobs-Font-Size);
- --Tooltips-Text-Color:{color:hover text};
- /*---- SCROLLBAR OPTIONS ----*/
- --Scrollbar-Thumb-Size:1px;
- --Scrollbar-Thumb-Color:{color:scrollbar};
- --Scrollbar-Thumb-Rounded-Corners:0px;
- --Scrollbar-Track-Size:1px;
- --Scrollbar-Track-Color:{color:scrollbar track};
- --Scrollbar-Track-Rounded-Corners:0px;
- --Scrollbar-Padding:8px;
- --Scrollbar-BG:{color:scrollbar BG};
- --Scrollbar-Gutter:15px;
- --Scrollbar-Alt-Style:"yes"; /* "yes" or "no" only */
- --Scrollbar-Line-Margin:"yes"; /* "yes" or "no" only; if "yes", --Scrollbar-BG must NOT be transparent */
- }/* end root */
- /*------ TUMBLR CONTROLS: DESKTOP ------*/
- body > .iframe-controls--desktop {
- top:5px!important;
- right:5px!important;
- position:fixed!important;
- transform:scale(var(--Desktop-TumblrControls-Zoom-Factor,1),var(--Desktop-TumblrControls-Zoom-Factor,1));
- transform-origin:100% 0;
- opacity:calc(100% - var(--Desktop-TumblrControls-Transparency,0%));
- z-index:11!important;
- }
- html.is-not-touch-device body[data-scrollbar-y="active"] > .iframe-controls--desktop {
- right:calc(var(--Scrollbar-Total-Size) + 5px)!important;
- }
- html.tc-black body > .iframe-controls--desktop {
- filter:invert(100%) hue-rotate(180deg)!important;
- -webkit-filter:invert(100%) hue-rotate(180deg)!important;
- }
- /*------ TUMBLR CONTROLS: MOBILE ------*/
- .new-tc-cont {
- display:none;
- position:fixed;
- top:0;left:0;
- width:100%;
- height:54px;
- background:var(--Mobile-TumblrControls-BG);
- z-index:12;
- }
- .new-tc-cont iframe {
- position:absolute;
- top:0;left:0;
- width:100%!important;
- height:54px!important;
- }
- html.is-narrow .new-tc-cont,
- html.is-touch-device .new-tc-cont { display:block }
- html.is-narrow .tmblr-iframe-pushdown,
- html.is-touch-device .tmblr-iframe-pushdown { padding-top:0!important }
- html.is-narrow body > .iframe-controls--desktop,
- html.is-touch-device body > .iframe-controls--desktop {
- visibility:hidden!important;
- height:0!important;
- clip-path:inset(100%);
- }
- html.is-narrow.is-not-touch-device .new-tc-cont {
- width:calc(100% - var(--Scrollbar-Total-Size));
- }
- /* tumblr iframes, misc */
- .tmblr-iframe--follow-teaser, .follow-teaser, .iframe-controls--phone-mobile, .tmblr-iframe--app-cta-button {
- display:none!important;
- }
- iframe[class*="tumblr_"], iframe[id*="tumblr_"],
- iframe[class*="tumblr-"], iframe[id*="tumblr-"],
- iframe[class*="tmblr-"], iframe[id*="tmblr-"]{
- user-select:none;
- }
- /*------- BASICS -------*/
- html, body {
- scroll-behavior:smooth;
- }
- html {
- font-size:var(--Base-Font-Size);
- -webkit-text-size-adjust:100%;
- }
- 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);
- word-break:break-word;
- color:var(--Body-Text-Color);
- background:url("{image:background image}") fixed {color:background};
- -webkit-font-smoothing:antialiased;
- -moz-osx-font-smoothing:grayscale;
- }
- html.bg-small body {
- background:url("{image:background image}") repeat fixed {color:background};
- }
- html.bg-large body {
- background:url("{image:background image}") no-repeat fixed center/cover {color:background};
- }
- img, canvas, iframe, video {
- max-width:100%;
- vertical-align:middle;
- }
- img, canvas, video { height:auto }
- a {
- color:var(--Links-Color);
- text-decoration:none;
- }
- a:not(.header-icon-hug), a.sbm .sbm-name {
- 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);
- }
- html.old-captions{
- --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 {
- 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){
- 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));
- }
- nav ul, nav ul li {
- margin:0;
- padding:0;
- list-style:none;
- }
- /* npf cursive */
- body p.npf_quirky, body .npf_quirky {
- font-size:calc(var(--Heading-Font-Size) * 1.25)!important;
- line-height:calc(var(--Heading-Line-Height) * 0.9)!important;
- }
- /* default colored text */
- /* tmblr.co/ZbO6tPho8Gd4Oq01 */
- /* red */ .npf_color_joey, [style="color: #ff4930"]{color:#fe6b6d!important}
- /* orange */ .npf_color_monica {color:#f98c64!important}
- /* yellow */ .npf_color_phoebe, [style="color: #e8d738"]{color:#f4ba27!important}
- /* green */ .npf_color_ross {color:#70bd76!important}
- /* blue */ .npf_color_rachel {color:#5faeec!important}
- /* purple */ .npf_color_chandler {color:#a995f0!important}
- /* pink */ .npf_color_niles {color:#fd8fb3!important}
- /* keep reading / read mores */
- .read-more-row {
- text-align:center;
- }
- :is(p,blockquote,pre,ul,ol,h1,h2,h3,h4,h5,h6):empty { display:none }
- :is(p,blockquote,pre,ul,ol,h1,h2,h3,h4,h5,h6):first-child,
- :is(p,blockquote,pre,ul,ol,h1,h2,h3,h4,h5,h6):first-child:empty + :is(p,blockquote,pre,ul,ol,h1,h2,h3,h4,h5,h6){
- margin-top:0;
- }
- :is(p,blockquote,pre,ul,ol,h1,h2,h3,h4,h5,h6):last-child,
- :is(p,blockquote,pre,ul,ol,h1,h2,h3,h4,h5,h6):has(+ :is(p,blockquote,pre,ul,ol,h1,h2,h3,h4,h5,h6):last-child:empty){
- margin-bottom:0;
- }
- hr {
- /* example post: tmblr.co/Z2hZ-ViiBJikOe00 */
- display:block;
- width:69%;
- margin:1em auto;
- border:none;
- height:1px;
- background:var(--Blockquote-Bordeer-Color);
- }
- /* text highlight / text selection / text selected */
- body::selection {
- background:{color:text highlighted BG};
- color:{color:text highlighted};
- }
- body::-moz-selection {
- background:{color:text highlighted BG};
- color:{color:text highlighted};
- }
- .ask-not-enabled, .submit-not-enabled { display:none }
- a[aria-label]:not([aria-label=""]) > i[class]:not([class=""]){
- pointer-events:none; /* prevents tooltip flickering */
- }
- /*------ FONT ADJUSTMENTS ------*/
- /* body font adjustments */
- [data-font="Geist"]{
- --Body-Letter-Spacing:0.01em;
- --Body-Font-Weight:450;
- }
- [data-font="Funnel Sans"]{
- --Body-Font-Weight:450;
- --Body-Font-Size:calc({select:font size} * 1.05);
- --Header-Status-Font-Size:calc({select:status bubble font size} * 1.05);
- --Header-Desc-Font-Size:calc({select:header font size} * 1.05);
- --Sidebar-Boxes-Font-Size:calc({select:sidebar font size} * 1.05);
- }
- [data-font="Geist"], [data-font="Source Serif 4"]{
- --Body-Font-Size:calc({select:font size} + .5px);
- --Header-Status-Font-Size:calc({select:status bubble font size} + .5px);
- --Header-Desc-Font-Size:calc({select:header font size} + .5px);
- --Sidebar-Boxes-Font-Size:calc({select:sidebar font size} + .5px);
- }
- [data-font="Libre Baskerville"]{
- --Body-Font-Size:calc({select:font size} * 0.95);
- --Header-Status-Font-Size:calc({select:status bubble font size} * 0.95);
- --Header-Desc-Font-Size:calc({select:header font size} * 0.95);
- --Sidebar-Boxes-Font-Size:calc({select:sidebar font size} * 0.95);
- }
- /* heading font adjustments */
- [data-heading-font="Livvic"]{
- --Heading-Letter-Spacing:0.0475em;
- }
- [data-heading-font="Fraunces"]{
- --Heading-Font-Weight:600;
- --Heading-Font-Size:calc({select:heading font size} * 0.95);
- --Heading-Word-Spacing:0.05em;
- }
- [data-heading-font="Caslon FS"]{
- --Heading-Font-Weight:bold;
- --Heading-Font-Size:calc(({select:heading font size} * 0.9) + .5px);
- --Heading-Letter-Spacing:0.0420em;
- --Heading-Word-Spacing:0.0420em;
- }
- /* caps font adjustments */
- [data-caps-font="Figtree"]{
- --SmallCaps-Font-Weight:700;
- --SmallCaps-Letter-Spacing:0.04em;
- }
- [data-caps-font="Sen"]{
- --SmallCaps-Font-Size:calc({select:small caps font size} + .5px);
- --Header-Username-Font-Size:calc({select:header username font size} + .5px);
- --Header-Mini-Title-Font-Size:calc({select:mini title font size} + .5px);
- --Sidebar-Title-Font-Size:calc({select:sidebar title font size} + .5px);
- --Custom-Links-Font-Size:calc({select:custom links font size} + .5px);
- --Searchbar-Field-Font-Size:calc({select:searchbar font size} + .5px);
- --Updates-Label-Font-Size:calc({select:updates label font size} + .5px);
- --Members-Username-Font-Size:calc({select:members username font size} + .5px);
- --SmallCaps-Letter-Spacing:0.015em;
- --SmallCaps-Word-Spacing:0.015em;
- }
- [data-caps-font="Arbutus Slab"]{
- --SmallCaps-Font-Weight:normal;
- --SmallCaps-Font-Size:calc({select:small caps font size} * 0.95);
- --Header-Username-Font-Size:calc({select:header username font size} * 0.95);
- --Header-Mini-Title-Font-Size:calc({select:mini title font size} * 0.95);
- --Sidebar-Title-Font-Size:calc({select:sidebar title font size} * 0.95);
- --Custom-Links-Font-Size:calc({select:custom links font size} * 0.95);
- --Searchbar-Field-Font-Size:calc({select:searchbar font size} * 0.95);
- --Updates-Label-Font-Size:calc({select:updates label font size} * 0.95);
- --Members-Username-Font-Size:calc({select:members username font size} * 0.95);
- --SmallCaps-Letter-Spacing:0.069em;
- --SmallCaps-Word-Spacing:-0.069em;
- }
- /*------ SMALL CAPS FONT ------*/
- /* small uppercase text */
- .caps, .header-top-hug .htb-h > span, .header-bot-hug .mini-title, dialog .popup-inner .box-heading, .sb-title, .sbp-label-wrap > span:only-child, .custom-links a, .sb-searchbar form input, .updt-label-inner, .sbm-name, .post-header, .post-footer, .username, .comment-body p > a.tumblr_blog, .site-name, p.tmblr-attribution, .ask-head, .ans-head, a.read-more-link, a.poll-row, .npf-alt-text-btn, .chat-label, .actual-ct, .actual-dur, .content-src a, .npf-post-source a, .quote-set figcaption a, .tagscont, ol.notes li span.action > a, ol.notes .more_notes_link, ol.notes .notes_loading, .page-numbers, .tippy-content, #custardy {
- font:var(--SmallCaps-Font-Weight,normal) var(--SmallCaps-Font-Size,inherit) var(--SmallCaps-Font-Family), sans-serif;
- text-transform:uppercase;
- letter-spacing:var(--SmallCaps-Letter-Spacing);
- word-spacing:var(--SmallCaps-Word-Spacing);
- }
- /*------ HEADING FONT ------*/
- h1, h2, h3, h4, h5, h6, h1.post-title {
- font:var(--Heading-Font-Weight,normal) var(--Heading-Font-Size,1.1rem)/var(--Heading-Line-Height,1.7) var(--Heading-Font-Family), sans-serif;
- text-transform:uppercase;
- letter-spacing:var(--Heading-Letter-Spacing);
- word-spacing:var(--Heading-Word-Spacing);
- }
- h1, h2, h3 { text-align:center }
- h2 { font-size:calc(var(--Heading-Font-Size) * 0.9) }
- h3 { font-size:calc(var(--Heading-Font-Size) * 0.985) }
- h4, h5, h6 {
- font-size:max(calc(var(--Heading-Font-Size) * 0.8), var(--Body-Font-Size));
- }
- /*------ POST TITLES ------*/
- .text-post > .post-title {
- border-radius:var(--Post-Title-Rounded-Corners);
- padding:var(--Post-Title-Padding-Y) var(--Post-Title-Padding-X);
- background:var(--Post-Title-BG);
- }
- .text-post:has(> .post-title) + .npf_inst {
- margin-top:var(--Post-Title-Bottom-Gap);
- }
- /*------ LINKS UNDERLINES ------*/
- /* link underlines */
- .popup-inner .box-contents a, .header-status blockquote a, .header-desc a, .sb-text-box a:not(.custom-links a, .sb-members a.sbm), .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, ol.notes a.more_notes_link, .npf-post-source a, .quote-set figcaption a {
- text-decoration:underline var(--Links-Underline-Color) var(--Links-Underline-Size);
- text-underline-offset:var(--Links-Underline-Gap);
- text-decoration-skip-ink:none;
- }
- /*-------- CONTAINER --------*/
- .tout {
- }
- .le-monde {
- margin:var(--Screen-Gaps) auto;
- min-height:100vh;
- display:flex;
- flex-flow:row nowrap;
- justify-content:flex-start;
- }
- .le-monde:before, .le-monde:after {
- content:"";
- display:block;
- width:var(--Side-Gaps);
- flex-shrink:0;
- }
- html.is-not-touch-device body[data-scrollbar-x="active"] .le-monde:after {
- width:calc(var(--Side-Gaps) + var(--Scrollbar-Total-Size));
- }
- html.is-narrow .le-monde {
- margin-top:calc(var(--Mobile-TumblrControls-Total-Height) + var(--Screen-Gaps));
- }
- .huddle {
- margin:0 auto;
- display:flex;
- flex-flow:column nowrap;
- gap:var(--Header-Bottom-Gap);
- }
- .shads-yes .huddle, .shads-yes #custardy {
- filter:drop-shadow(var(--Boxes-Shadow-X-Offset) var(--Boxes-Shadow-Y-Offset) var(--Boxes-Shadow-Size) rgb(from var(--Boxes-Shadow-Color,#000) r g b / var(--Boxes-Shadow-Strength,100%)));
- }
- /*------ HEADER ------*/
- .top-header {
- position:relative;
- width:100%;
- max-width:var(--Container-Width-Total);
- border-radius:var(--Header-Rounded-Corners) var(--Header-Rounded-Corners) 0 0;
- background:var(--Header-BG);
- z-index:11;
- }
- .header-top-hug.hide-header-img img { display:none }
- .header-top-hug .htb-h {
- position:absolute;
- top:0;right:0;
- margin-top:var(--Header-Banner-Image-Hover-Text-Corner-Offset);
- margin-right:var(--Header-Banner-Image-Hover-Text-Corner-Offset);
- opacity:0;
- visibility:hidden;
- }
- .header-status b, .header-status strong {
- color:var(--Header-Status-Bold);
- }
- .header-status i:not([class]), .header-status em {
- color:var(--Header-Status-Italic);
- }
- .header-status a {
- color:var(--Header-Status-Links-Color);
- text-decoration-thickness:var(--Header-Status-Links-Underline-Size)!important;
- text-underline-offset:var(--Header-Status-Links-Underline-Gap)!important;
- text-decoration-color:var(--Header-Status-Links-Underline-Color)!important;
- }
- label.header-desc-tog { display:none }
- .mob-sb-tog-li,
- .mstw-hide { display:none }
- /* hide slash & desc if desc is empty */
- .header-lower-texts.no-custom-desc:not(.has-existing-desc) .header-fs,
- .header-lower-texts.no-custom-desc:not(.has-existing-desc) label.header-desc-tog,
- .header-lower-texts.no-custom-desc:not(.has-existing-desc) .header-desc-c1 {
- display:none;
- }
- .header-desc, dialog .box-contents {
- font-size:var(--Header-Desc-Font-Size);
- color:var(--Header-Desc-Text-Color);
- text-align:left;
- }
- .header-desc b, .header-desc strong,
- dialog .box-contents b, dialog .box-contents strong {
- color:var(--Header-Desc-Bold);
- }
- .header-desc i:not([class]), .header-desc em
- dialog .box-contents i:not([class]), dialog .box-contents em {
- color:var(--Header-Desc-Italic);
- }
- .header-desc a, dialog .box-contents a {
- color:var(--Header-Desc-Links-Color);
- text-decoration-thickness:var(--Header-Desc-Links-Underline-Size)!important;
- text-underline-offset:var(--Header-Desc-Links-Underline-Gap)!important;
- text-decoration-color:var(--Header-Desc-Links-Underline-Color)!important;
- }
- .huddle > .top-header + .header-bot-hug {
- margin-top:calc(0px - var(--Header-Bottom-Gap));
- }
- .header-bot-hug { z-index:10 }
- .mini-avi img.base-img,
- .mini-avi[data-icon-url*="//assets.tumblr.com/images/x.gif"] img.custom-img {
- display:none;
- }
- .mini-avi[data-icon-url*="//assets.tumblr.com/images/x.gif"] img.base-img { display:block }
- .mini-ova {
- backdrop-filter:blur(var(--Header-Mini-Avatar-Overlay-Blur-Amount,0px));
- }
- .mini-ova i[class]:not([class=""]){
- font-size:var(--Header-Mini-Avatar-Hover-Icon-Size);
- color:var(--Header-Mini-Avatar-Hover-Icon-Color);
- }
- .header-links label[role="menuitem"]{
- cursor:pointer;
- }
- html:not(.is-narrow) li.btt { display:none }
- li.btt.show:not(.btt-hide) { display:block!important }
- li.btt label[role="menuitem"]{ cursor:help }
- .ask-link-hide,
- .ask-link-popup .ask-as-link,
- .ask-link-link .ask-as-popup {
- display:none;
- }
- .submit-link-hide,
- .submit-link-popup .submit-as-link,
- .submit-link-link .submit-as-popup {
- display:none;
- }
- html[data-current-path="/ask"] .ask-link-popup,
- html[data-current-path="/ask"] .ask-link-link,
- html[data-current-path="/submit"] .submit-link-popup,
- html[data-current-path="/submit"] .submit-link-link {
- display:none;
- }
- dialog, label[for="close-popups"i]{
- opacity:0;
- visibility:hidden;
- }
- .popup-inner .box-contents iframe.dim-the-box {
- filter:brightness(85%) contrast(125%);
- }
- /*------- MAIN -------*/
- .lw {
- display:flex;
- align-items:flex-start;
- max-width:var(--Container-Width-Total);
- gap:var(--Center-Gap);
- }
- .lw.sb-right-layout { flex-flow:row-reverse }
- /*------- SIDEBAR -------*/
- aside.sb {
- position:sticky;
- top:0;height:0;
- width:var(--Sidebar-Width);
- flex-shrink:0;
- }
- .gs-inner {
- position:sticky;
- top:0;
- width:100%;
- display:flex;
- flex-direction:column;
- gap:var(--Sidebar-Sections-Spacing);
- }
- .sb-pic-wrap[data-img-url*="//assets.tumblr.com/images/x.gif"],
- .pic-box.hide-sb-img .sb-pic-wrap { display:none }
- /* sidebar image gradient */
- .pic-box.has-desc.yes-gradient .sb-pic-wrap:after {
- height:var(--Sidebar-Image-Gradient-Size,45%);
- background:linear-gradient(to bottom, transparent, var(--Sidebar-Boxes-BG));
- }
- .sbp-label-wrap {
- opacity:0;
- visibility:hidden;
- }
- .hide-sb-desc, .sb-searchbar-hide,
- .sb-group.hide-updts > .sb-updates-sect,
- .sb-group.hide-members > .sb-members-sect,
- .sb-group.hide-updts.hide-members { display:none }
- .sb-text-box:not([class*="hide-sb-"]) + .sb-text-box { padding-top:0 }
- .sb-text-box b, .sb-text-box strong {
- color:var(--Sidebar-Bold);
- }
- .sb-text-box i:not([class]), .sb-text-box em {
- color:var(--Sidebar-Italic);
- }
- .sb-text-box a:not(.custom-links a){
- color:var(--Sidebar-Links-Color);
- text-decoration-thickness:var(--Sidebar-Links-Underline-Size)!important;
- text-underline-offset:var(--Sidebar-Links-Underline-Gap)!important;
- text-decoration-color:var(--Sidebar-Links-Underline-Color)!important;
- }
- .sb-searchbar form button {
- min-width:var(--Searchbar-Button-Total-Size);
- min-height:var(--Searchbar-Button-Total-Size);
- aspect-ratio:1/1;
- }
- /*------- POSTS -------*/
- main {
- min-width:var(--Post-Width-Total);
- min-height:var(--h__,0px);
- overflow:hidden;
- }
- main, .all-posts {
- display:flex;
- flex-flow:column nowrap;
- gap:var(--Post-Spacing);
- max-width:var(--Post-Width-Total);
- width:100%;
- }
- .posts {
- width:100%;
- }
- .post-inner {
- border:var(--Post-Border-Size) solid var(--Post-Border-Color);
- padding:var(--Post-Padding);
- background:var(--Post-BG);
- border-radius:var(--Post-Rounded-Corners);
- }
- .post-inner:has(> .post-header:first-child){
- margin-top:calc(var(--Post-Header-Single-Row-Height) / 2);
- }
- .post-inner:has(> .post-footer:last-child){
- margin-bottom:calc(var(--Post-Footer-Single-Row-Height) / 2);
- }
- .post-body { opacity:0 }
- .post-body.f { opacity:1 }
- .post-body, .post-body.f { transition:opacity 0.15s ease-in-out }
- /*------- POST HEADER -------*/
- header.post-header {
- display:flex;
- flex-flow:column nowrap;
- margin-top:calc(0px - var(--Post-Padding) - (var(--Post-Header-Single-Row-Height) / 2));
- }
- .ph-inner {
- display:flex;
- flex-flow:row nowrap;
- align-items:flex-start;
- justify-content:space-between;
- gap:var(--Post-Padding);
- max-width:100%;
- }
- .post-header i[class*="type-"]{ display:none!important }
- .post-header i.type-pinned { display:flex!important }
- .posts[post-type="text"] i.type-text,
- .posts[post-type="photo"] i.type-photo,
- .posts[post-type="quote"] i.type-quote,
- .posts[post-type="link"] i.type-link,
- .posts[post-type="chat"] i.type-chat,
- .posts[post-type="audio"] i.type-audio,
- .posts[post-type="video"] i.type-video,
- .posts[post-type="ask"] i.type-ask,
- .posts[post-type="poll"] i.type-poll,
- .posts[post-type="multimedia"] i.type-multi { display:flex!important }
- .post-header i.type-pinned ~ i[class*="type-"],
- .post-header .pnl ~ .not-pnl { display:none!important }
- .not-pnl.show-b .npnl-a,
- .npnl-b { display:none }
- .not-pnl.show-b .npnl-b { display:block }
- .ph-right { max-width:60% }
- /*------- NPF ADJUSTMENTS -------*/
- /* row: single col: img width is greater than 299 but less than post width */
- /* example post: devsmaycry.tumblr.com/post/809022013246259200 */
- .npf_row-full-width-image .tmblr-full,
- .npf_row-full-width-image .tmblr-full img {
- width:100%!important;
- }
- /* npf stuff before v4 does its thing */
- .comment-body figure:not([class]) + figure:not([class]){
- margin-top:var(--NPF-Images-Spacing);
- }
- /* npf rounded corners */
- .npf_photo_single img,
- .npf_row-small-image img {
- border-radius:var(--Post-Rounded-Corners);
- }
- .npf_inst.npf_photo_set,
- .npf_inst.npf_multimedia,
- .npf_inst.npf_video_single {
- border-radius:var(--Post-Rounded-Corners);
- overflow:hidden;
- }
- /*------- PHOTO POSTS -------*/
- .legacy-photo img {
- display:block;
- width:100%;
- border-radius:var(--Post-Rounded-Corners);
- }
- .legacy-photoset {
- border-radius:var(--Post-Rounded-Corners);
- overflow:hidden;
- }
- .legacy-photoset > img { display:none } /* ignore this */
- /* lightboxes */
- .tmblr-lightbox, #tumblr_lightbox {
- background:rgb(from var(--Lightbox-BG) r g b / var(--Lightbox-BG-Strength))!important;
- backdrop-filter:blur(var(--Lightbox-BG-Blur-Amount));
- }
- .tmblr-lightbox .vignette, #tumblr_lightbox #vignette {
- opacity:0;
- }
- .tmblr-lightbox img, #tumblr_lightbox img {
- max-width:none!important;
- box-shadow:none!important;
- border-radius:var(--Lightbox-Image-Rounded-Corners)!important;
- }
- /*------- QUOTE POSTS -------*/
- .quote-set, .quote-set blockquote, .quote-set figcaption {
- margin:0;
- text-align:center;
- }
- .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);
- text-wrap:balance;
- }
- [post-type="quote"]:not(.previously-npf) .quote-post + .quote-post-reblogs {
- display:none!important;
- }
- /* inline quotes */
- body .npf_quote, body p.npf_quote {
- font:var(--Quote-Font-Weight, normal) var(--Quote-Font-Size, 1.1rem) / var(--Quote-Line-Height, 1.7) var(--Quote-Font-Family), sans-serif;
- text-transform:uppercase;
- letter-spacing:var(--Quote-Letter-Spacing);
- word-spacing:var(--Quote-Word-Spacing);
- }
- /*------- LINK POSTS -------*/
- .legacy-link-info, .npf-link-block { display:none!important }
- .comment-body article.link-article:not(:last-child){
- margin-bottom:1em;
- }
- a.the-link {
- display:flex;
- flex-flow:column nowrap;
- gap:var(--Link-Post-Row-Spacing);
- --Post-Blobs-Single-Line-Height:calc((var(--Post-Blobs-Border-Size) * 2) + (var(--Post-Blobs-Padding-Y) * 2) + var(--Post-Blobs-Font-Size));
- }
- 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);
- padding:var(--Link-Post-Padding-Y) var(--Link-Post-Padding-X);
- background:var(--Link-Post-BG);
- border-radius:var(--Link-Post-Rounded-Corners);
- }
- .link-title-wrap h2 {
- flex:1;
- font-size:var(--Link-Post-Title-Font-Size);
- line-height:var(--Link-Post-Title-Line-Height);
- text-align:left;
- }
- .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;
- }
- .link-arr-wrap i {
- font-size:var(--Link-Post-Title-Arrow-Size);
- }
- .link-site-wrap, .link-site-blob {
- display:flex;
- align-items:center;
- justify-content:flex-start;
- }
- .link-site-blob {
- gap:var(--Link-Post-Site-Name-Right-Gap);
- }
- .shads-yes .link-site-blob {
- filter:drop-shadow(var(--Link-Post-Site-Name-Shadow-X-Offset) var(--Link-Post-Site-Name-Shadow-Y-Offset) var(--Link-Post-Site-Name-Shadow-Size) rgb(from var(--Link-Post-Site-Name-Shadow-Color, #000) r g b / var(--Link-Post-Site-Name-Shadow-Strength, 100%)));
- }
- .link-site-blob i[class]:not([class=""]){
- font-size:var(--Post-Blobs-Icon-Size);
- }
- .link-site-blob .site-name {
- font-size:var(--Post-Blobs-Font-Size)!important;
- }
- .link-title-wrap + .link-site-wrap {
- margin-top:calc(0px - var(--Link-Post-Row-Spacing) - (var(--Post-Blobs-Single-Line-Height) / 2));
- margin-left:var(--Link-Post-Padding-X);
- transform:translateY(.5px);
- }
- .link-title-wrap:has(+ .link-site-wrap){
- padding-bottom:calc(var(--Link-Post-Padding-Y) + (var(--Post-Blobs-Single-Line-Height) / 2) - 1px);
- }
- /*------- CHAT POSTS -------*/
- ul.chat-wrap {
- margin:0;
- padding:0;
- display:block;
- list-style:none;
- }
- .comment-body ul.chat-wrap:not(:first-child){ margin-top:1em }
- .comment-body ul.chat-wrap:not(:last-child){ margin-bottom:1em }
- li.chat-line {
- padding:var(--Chat-Post-Row-Padding-Y) var(--Chat-Post-Row-Padding-X);
- }
- li.chat-line.odd {
- border-radius:var(--Chat-Post-Row-Alternating-Rounded-Corners);
- background:var(--Chat-Post-Row-Alternating-BG);
- color:var(--Chat-Post-Row-Alternating-Text-Color);
- }
- li.chat-line.even:last-child {
- padding-bottom:0;
- }
- .chat-content {
- font:var(--Chat-Post-Font-Weight,normal) var(--Chat-Post-Font-Size,0.9rem)/var(--Chat-Post-Line-Height,1.5) var(--Chat-Post-Font-Family), sans-serif;
- letter-spacing:var(--Chat-Post-Letter-Spacing);
- word-spacing:var(--Chat-Post-Word-Spacing);
- }
- [post-type="chat"]:not(.previously-npf) .chat-post + .chat-post-reblogs {
- display:none!important;
- }
- /*------- VIDEO POSTS -------*/
- .video-post {
- border-radius:var(--Post-Rounded-Corners);
- overflow:hidden;
- }
- .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;
- }
- .actual-dur { visibility:visible }
- /*------- 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-radius:var(--Post-Rounded-Corners);
- overflow:hidden;
- }
- .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-deets .audio-dl i {
- font-size:var(--Audio-Post-Download-Btn-Icon-Size);
- color:var(--Audio-Post-Download-Btn-Icon-Color);
- }
- .audio-wrap audio {
- display:none;
- }
- /* static.tumblr.com/gtjt4bo/Is2sl84e9/innbv.jpg */
- .npf_audio_row figure.sc-short {
- position:relative;
- z-index:0;
- }
- .npf_audio_row 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_row:has(figure.sc-short){
- overflow:revert!important;
- }
- figure.sc-20 > .gframe-wrapper,
- figure.sc-116 > .gframe-wrapper,
- figure.sc-500 > .gframe-wrapper {
- aspect-ratio:initial!important;
- width:100%;
- }
- figure.sc-20 > .gframe-wrapper, figure.sc-20 iframe { height:20px!important }
- figure.sc-116 > .gframe-wrapper, figure.sc-116 iframe { height:116px!important }
- figure.sc-500 > .gframe-wrapper, 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);
- }
- /* questions */
- .que-sect {
- border-radius:var(--Ask-Post-Question-Rounded-Corners);
- 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;
- }
- /* answers */
- .ans-sect {
- margin:0;
- border-radius:var(--Ask-Post-Answer-Rounded-Corners);
- padding:var(--Ask-Post-Answer-Padding);
- background:var(--Ask-Post-Answer-BG);
- color:var(--Ask-Post-Answer-Text-Color);
- }
- .ans-flex { justify-content:flex-end }
- .ans-flex > img {
- width:var(--Ask-Post-Answer-Avatar-Size);
- height:var(--Ask-Post-Answer-Avatar-Size);
- border-radius:var(--Ask-Post-Answer-Avatar-Rounded-Corners);
- }
- .ans-left {
- align-items:flex-end;
- text-align:right;
- }
- .ans blockquote {
- margin-left:0;
- padding-left:0;
- margin-right:var(--Blockquote-Left-Gap-1);
- border-left:none;
- border-right:var(--Blockquote-Border-Size) solid var(--Blockquote-Border-Color);
- padding-right:var(--Blockquote-Left-Gap-2);
- }
- .ans > .npf_inst:first-child {
- margin-top:1em;
- }
- /*------- POLLS -------*/
- .poll-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;
- border-radius:var(--Poll-Options-Rounded-Corners);
- padding:var(--Poll-Options-Padding-Y) var(--Poll-Options-Padding-X);
- background:var(--Poll-Options-BG);
- text-align:center;
- cursor:pointer;
- transition:all var(--Links-Hover-Speed) ease-in-out;
- /* inherit smallcaps stuff */
- font:var(--SmallCaps-Font-Weight,normal) var(--Poll-Options-Font-Size,inherit) var(--SmallCaps-Font-Family), sans-serif;
- text-transform:uppercase;
- letter-spacing:var(--SmallCaps-Letter-Spacing);
- word-spacing:var(--SmallCaps-Word-Spacing);
- line-height:var(--Body-Line-Height);
- }
- .poll-post a.poll-row:hover {
- color:var(--Poll-Options-Hover-Text-Color);
- }
- /* poll 'see results' */
- .poll-post .poll-see-results {
- width:auto;
- margin:auto!important;
- }
- /*------ CAPTIONS / REBLOGS ------*/
- .comments {
- margin:calc(0px - var(--Post-Padding));
- }
- .comments:not(:first-child){
- margin-top:calc(0px - var(--Post-Padding) + var(--Captions-Top-Gap));
- }
- html.old-captions .comments { padding:var(--Post-Padding) }
- html.new-captions .comment {
- padding:var(--Post-Padding);
- display:flex;
- flex-flow:column nowrap;
- gap:var(--Reblog-Header-Bottom-Gap);
- }
- html.new-captions .npf-post-source:only-child {
- padding:var(--Post-Padding);
- padding-top:0;
- margin-top:1em;
- }
- html.new-captions .comment + .npf-post-source {
- padding:var(--Post-Padding);
- padding-top:0;
- margin-top:calc(0px - var(--Post-Padding) + 1em);
- }
- html.rb-dividers-yes .comment + .comment {
- border-top:var(--Reblog-Border-Size) solid var(--Reblog-Border-Color);
- }
- html.rb-dividers-no .comment + .comment {
- padding-top:calc(var(--Post-Padding) / 2);
- }
- .comment-header {
- display:flex;
- justify-content:flex-start;
- }
- .user-flex {
- display:flex;
- justify-content:flex-start;
- gap:var(--Reblog-Header-Center-Gap);
- }
- .userpic {
- flex-shrink:0;
- }
- .userpic img {
- width:var(--Post-Avatar-Size);
- height:var(--Post-Avatar-Size);
- border-radius:var(--Post-Avatar-Rounded-Corners);
- }
- .username {
- display:flex;
- flex-direction:column;
- justify-content:center;
- color:var(--Post-Usernames-Color);
- }
- .is-deac {
- color:rgb(from currentColor r g b / 80%);
- }
- .comment-body {
- text-wrap:pretty;
- }
- /*------- TAGS -------*/
- .tagscont {
- display:grid;
- overflow:hidden;
- font-size:var(--Tags-Font-Size)!important;
- line-height:var(--Body-Line-Height)!important;
- }
- html.index-page[class*="tags-vis-toggle"] .tagscont {
- grid-template-rows:0fr;
- }
- .tc-inner-2 {
- display:flex;
- flex-flow:row wrap;
- gap:var(--Tags-Spacing-Y) var(--Tags-Spacing-X);
- margin-top:var(--Tags-Top-Gap);
- width:100%;
- }
- .tags-align-left .tc-inner-2 {
- justify-content:flex-start;
- text-align:left;
- }
- .tags-align-right .tc-inner-2 {
- justify-content:flex-end;
- text-align:right;
- }
- .tagscont a {
- border-radius:var(--Tags-Rounded-Corners);
- padding:calc(var(--Tags-Padding-Y) - var(--SmallCaps-LH-V-Gap)) var(--Tags-Padding-X);
- background:var(--Tags-BG);
- color:var(--Tags-Text-Color);
- }
- .tagscont a:hover {
- background:var(--Tags-HOVER-BG);
- color:var(--Tags-HOVER-Text-Color);
- }
- .tagscont a:before {
- content:"#";
- margin-right:0.5px;
- }
- /*------- POST FOOTER -------*/
- footer.post-footer {
- display:flex;
- flex-flow:column nowrap;
- }
- .pf-inner {
- display:flex;
- flex-flow:row nowrap;
- align-items:flex-end;
- justify-content:space-between;
- gap:var(--Post-Padding);
- max-width:100%;
- }
- .pfl-text.s-narrow { display:none!important }
- .post-btns label[for^="tags-"] input[id^="tags-"]:checked ~ .tg-a,
- .post-btns label[for^="tags-"] .tg-b { display:none }
- .post-btns label[for^="tags-"] input[id^="tags-"]:checked ~ .tg-b { display:block }
- html.perma-page .post-btns .tags-btn { display:none }
- .post-btns input[id^="tags-"]{
- cursor:help;
- }
- /*------- POST NOTES -------*/
- .post-notes {
- width:100%;
- }
- .post-notes .pn-title-hug:not(:last-child){
- margin-bottom:var(--Post-Padding);
- }
- .post-notes .post-title { margin:0 }
- 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 {
- width:100%;
- text-align:center;
- }
- .pagi-wrap {
- display:flex;
- flex-flow:row wrap;
- align-items:center;
- justify-content:center;
- gap:var(--Page-Numbers-Spacing);
- }
- html.iscroll-yes .page-numbers:not(.show-spinny,.iscroll-end),
- html.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 }
- .pagi-wrap i[class]{
- font-size:var(--Page-Numbers-Arrow-Size);
- }
- .pagi-wrap .is-number {
- font-size:calc(var(--SmallCaps-Font-Size) + .5px);
- }
- html.iscroll-no .spinny,
- html.iscroll-yes .page-numbers:not(.show-spinny) .spinny { display:none }
- .show-spinny .spinny {
- justify-self:center;
- display:flex;
- align-items:center;
- justify-content:center;
- }
- .spinny > i {
- transform-origin:center;
- font-size:var(--Load-More-Spinner-Size);
- color:var(--Page-Numbers-Color);
- animation:spinner var(--Load-More-Spinner-Speed) linear 0s infinite normal forwards;
- }
- @keyframes spinner {
- from { transform:rotate(0deg) }
- to { transform:rotate(360deg) }
- }
- .page-numbers:not(.iscroll-end) .no-more-posts { display:none }
- /*------- TOOLTIPS -------*/
- [data-tippy-root]{
- z-index:calc(var(--Popup-Z-Index,100) + 1)!important;
- }
- .tippy-box {
- border:var(--Tooltips-Border-Size) solid var(--Tooltips-Border-Color);
- background:var(--Tooltips-BG);
- border-radius:var(--Tooltips-Rounded-Corners);
- }
- .shads-yes .tippy-box {
- filter:drop-shadow(var(--Tooltips-Shadow-X-Offset) var(--Tooltips-Shadow-Y-Offset) var(--Tooltips-Shadow-Size) rgb(from var(--Tooltips-Shadow-Color, #000) r g b / var(--Tooltips-Shadow-Strength, 100%)));
- }
- .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);
- }
- /*----- RESPONSIVENESS -----*/
- /* hide tooltip when ask/submit popups are active */
- html.is-narrow body:has(dialog > input[type="radio"]:checked) > [data-tippy-root]{
- opacity:0!important;
- }
- /*----- CUSTOMIZE PAGE ADJUSTMENTS -----*/
- html.customize-page :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 these */
- #cont_w{position:absolute;top:0;left:0;width:calc(var(--Container-Width-Total) + (var(--Side-Gaps) * 2));height:0}
- #full_w{position:absolute;top:0;left:0;width:100vw;height:0}
- #full_h{position:absolute;top:0;left:0;width:0;height:calc(100vh - var(--SB-Top) - var(--Screen-Gaps))}
- </style>
- <style class="custom-css">{CustomCSS}</style>
- </head>
- <!--+++++++++++++++++++++++++++++++++++++++++++++++++-->
- <body>
- <!-- tumblr controls (mobile) -->
- <div class="new-tc-cont"><iframe id="new-tumblr-controls" src="" frameborder="0" scrolling="no" name="unified-controls" class="tmblr-iframe tmblr-iframe--unified-controls tmblr-iframe--loaded iframe-controls--desktop"></iframe></div>
- <div class="tout">
- <div class="le-monde">
- <div class="huddle">
- <!----- HEADER ----->
- <header class="top-header">
- <div class="header-inner">
- <div class="header-main-ue">
- <div class="header-top-hug {select:show header banner image}-header-img">
- <!-- header banner image / header image -->
- <img src="{image:header banner image}" aria-describedby="yZTP3KM"{block:ifnotheaderbannerhovertext}alt="{Name}’s header image"{/block:ifnotheaderbannerhovertext}>
- <div id="yZTP3KM" class="htb-h">
- <span>{text:header banner hover text}</span>
- </div>
- </div><!--end header-top-hug-->
- <div class="header-mid-hug">
- <!-- header icon / header profile pic -->
- <a class="header-icon-hug" href="{BlogURL}"{block:ifheadericonhovertext} aria-label="{text:header icon hover text}"{/block:ifheadericonhovertext}>
- <img src="{image:header icon image}"{block:ifnotheadericonhovertext}alt="{Name}’s profile picture"{/block:ifnotheadericonhovertext}>
- </a><!--end header-icon-hug-->
- <div class="header-center-hug">
- <!-- header status bubble -->
- <div class="header-status">
- <blockquote>
- {block:ifstatusbubbletext}
- {text:status bubble text}
- {/block:ifstatusbubbletext}
- {block:ifnotstatusbubbletext}
- {Title}
- {/block:ifnotstatusbubbletext}
- </blockquote>
- </div><!--end header-status-->
- <div class="header-lower-texts{block:ifheaderdesc} has-custom-desc{/block:ifheaderdesc}{block:ifnotheaderdesc} no-custom-desc{/block:ifnotheaderdesc}{block:Description} has-existing-desc{/block:Description}">
- <!-- header username (@Name) -->
- <a class="header-username at-sign-{select:header username symbol}" href="{BlogURL}">
- <span class="caps">{Name}</span>
- </a><!--end header-username-->
- <span class="header-fs">/</span>
- <!-- header description -->
- <label for="hdt" class="header-desc-tog">
- <input id="hdt" type="checkbox"/>
- <span class="caps">{lang:About}</span>
- <i class="mgc_down_line"></i>
- </label>
- <div class="header-desc-c1">
- <div class="header-desc-c2">
- <article class="header-desc">{block:ifheaderdesc}{text:header desc}{/block:ifheaderdesc}{block:ifnotheaderdesc}{block:Description}{Description}{/block:Description}{/block:ifnotheaderdesc}</article>
- </div>
- </div>
- </div><!--end header-lower-texts-->
- </div><!--end header-center-hug-->
- </div><!--end header-mid-hug-->
- </div><!--end header-main-ue-->
- </div><!--end header-inner-->
- </header><!--end header-->
- <nav class="header-bot-hug">
- <!-- mini icon + title -->
- <a class="header-mini-avi" href="{BlogURL}">
- <span class="mini-avi" data-icon-url="{image:header mini icon image}">
- <img class="custom-img" src="{image:header mini icon image}" alt="{Name}’s small decorative profile picture linking back to the homepage">
- <img class="base-img" src="{PortraitURL-128}" alt="{Name}’s small decorative profile picture linking back to the homepage">
- <span class="mini-ova">
- <i class="mgc_back_2_line"></i>
- </span>
- </span>
- {block:ifheaderminititle}
- <span class="mini-title">
- <span>{text:header mini title}</span>
- </span>
- {/block:ifheaderminititle}
- </a><!--end header-mini-avi-->
- <!-- header links / navlinks -->
- <div class="hl-wrap">
- <ul class="header-links" role="menu">
- <!-- "home" link -->
- <li role="presentation">
- <a href="{BlogURL}" aria-label="{lang:Home}" role="menuitem">
- <i class="mgc_home_3_line"></i>
- </a>
- </li><!--end a link-->
- <!-- "ask" link -->
- <li class="ask-link-{select:show ask link}" role="presentation">
- <label class="ask-as-popup" for="ask-popup"{block:ifasklinkhovertext} aria-label="{text:ask link hover text}"{/block:ifasklinkhovertext} role="menuitem">
- <i class="mgc_mail_line"></i>
- </label>
- <a class="ask-as-link" href="/ask"{block:ifasklinkhovertext} aria-label="{text:ask link hover text}"{/block:ifasklinkhovertext} role="menuitem">
- <i class="mgc_mail_line"></i>
- </a>
- </li><!--end a link-->
- <!-- "submit" link -->
- <li class="submit-link-{select:show submit link}" role="presentation">
- <label class="submit-as-popup" for="submit-popup"{block:ifsubmitlinkhovertext} aria-label="{text:submit link hover text}"{/block:ifsubmitlinkhovertext} role="menuitem">
- <i class="mgc_unarchive_line"></i>
- </label>
- <a class="submit-as-link" href="/submit"{block:ifsubmitlinkhovertext} aria-label="{text:submit link hover text}"{/block:ifsubmitlinkhovertext} role="menuitem">
- <i class="mgc_unarchive_line"></i>
- </a>
- </li><!--end a link-->
- <!-- "archive" link -->
- <li role="presentation">
- <a href="/archive" aria-label="{lang:Archive}" role="menuitem">
- <i class="mgc_grid_line"></i>
- </a>
- </li><!--end a link-->
- <!---- THEME CREDIT :: PLEASE DO NOT REMOVE <3 ---->
- <!-- if you have questions please ask me! (https://discord.gg/RcMKnwz) -->
- <li role="presentation">
- <a href="https://glenthemes.tumblr.com" aria-label="⟦ Interloper ⟧ theme by glenthemes" role="menuitem">
- <i class="gt-misc-icons" icon-name="gt-3"></i>
- </a>
- </li><!--end thm credit link-->
- <!-- "back to top" link -->
- <li class="btt btt-{select:show back to top button}" role="presentation">
- <label aria-label="{lang:Back to top}" role="menuitem">
- <i class="mgc_arrow_up_line"></i>
- </label>
- </li><!--end a link-->
- <!-- mobile: toggle sidebar view -->
- <li class="mob-sb-tog-li" role="presentation">
- <label class="mob-sb-tog-wrap" for="mstw" role="menuitem">
- <input id="mstw" type="checkbox"/>
- <span class="mstw-flex">
- <i class="mstw-show mgc_eye_line"></i>
- <i class="mstw-hide mgc_eye_close_line"></i>
- <!-- (text MUST be short) -->
- <span class="mstw-show caps">
- <span class="mstw-lt">{lang:More}</span>
- </span>
- <span class="mstw-hide caps">
- <span class="mstw-lt">{lang:Close}</span>
- </span>
- </span>
- </label>
- </li>
- </ul><!--end all header links-->
- </div><!--end hl-wrap-->
- </nav><!--end header-bot-hug-->
- <!----- LEFT + RIGHT ----->
- <div class="lw {select:sidebar position}-layout">
- <!----- SIDEBAR ----->
- <aside class="sb sb-hyphens-yes">
- <div class="gs-inner">
- <!---- SIDEBAR SECTION #1 ---->
- <!-- (image + desc) -->
- <section class="sb-sect sb-about-sect">
- {block:ifsidebartitle}
- <h3 class="sb-title sbt-align-{select:sidebar title align}">
- <span>{text:sidebar title}</span>
- </h3>
- {/block:ifsidebartitle}
- <div class="pic-box {select:show sidebar image}-sb-img {block:ifsidebardesc}has{/block:ifsidebardesc}{block:ifnotsidebardesc}no{/block:ifnotsidebardesc}-desc {select:sidebar image gradient}-gradient">
- <!-- sidebar image -->
- <div class="sb-pic-wrap" data-img-url="{image:sidebar image}">
- <img src="{image:sidebar image}" aria-describedby="zx0GtxJ" alt="{Name}’s sidebar image"/>
- <div class="sbp-label-wrap" id="zx0GtxJ">
- <span>{text:sidebar image hover text}</span>
- </div>
- </div><!--end sb-pic-wrap-->
- <!-- sidebar desc -->
- {block:ifsidebardesc}
- <article class="sb-text-box sb-desc {select:show desc}-sb-desc">{text:sidebar desc}</article>
- {/block:ifsidebardesc}
- <!-- sidebar links / custom links -->
- {block:ifcustomlink1name}
- <article class="sb-text-box">
- <nav class="custom-links">
- <ul role="menu">
- <li role="presentation">
- <a href="{text:custom link 1 URL}">{text:custom link 1 name}</a>
- </li>
- {block:ifcustomlink2name}
- <li role="presentation">
- <a href="{text:custom link 2 URL}">{text:custom link 2 name}</a>
- </li>
- {/block:ifcustomlink2name}
- {block:ifcustomlink3name}
- <li role="presentation">
- <a href="{text:custom link 3 URL}">{text:custom link 3 name}</a>
- </li>
- {/block:ifcustomlink3name}
- {block:ifcustomlink4name}
- <li role="presentation">
- <a href="{text:custom link 4 URL}">{text:custom link 4 name}</a>
- </li>
- {/block:ifcustomlink4name}
- {block:ifcustomlink5name}
- <li role="presentation">
- <a href="{text:custom link 5 URL}">{text:custom link 5 name}</a>
- </li>
- {/block:ifcustomlink5name}
- {block:ifcustomlink6name}
- <li role="presentation">
- <a href="{text:custom link 6 URL}">{text:custom link 6 name}</a>
- </li>
- {/block:ifcustomlink6name}
- {block:ifcustomlink7name}
- <li role="presentation">
- <a href="{text:custom link 7 URL}">{text:custom link 7 name}</a>
- </li>
- {/block:ifcustomlink7name}
- {block:ifcustomlink8name}
- <li role="presentation">
- <a href="{text:custom link 8 URL}">{text:custom link 8 name}</a>
- </li>
- {/block:ifcustomlink8name}
- </ul>
- </nav>
- </article>
- {/block:ifcustomlink1name}
- <!-- searchbar -->
- <article class="sb-text-box sb-searchbar sb-searchbar-{select:show searchbar}">
- <form action="/search" method="get">
- <input type="text" name="q" value="{SearchQuery}"{block:ifsearchbarprompt} placeholder="{text:searchbar prompt}"{/block:ifsearchbarprompt}>
- <button type="submit" aria-label="{lang:Search}" class="no-tooltip">
- <i class="mgc_search_3_line"></i>
- </button>
- </form>
- </article>
- </div><!--end pic-box-->
- </section><!--end sidebar box 1 (about)-->
- <!-- sidebar group 2+3-->
- <div class="sb-group {select:show updates}-updts {select:show members}-members">
- <!---- SIDEBAR SECTION #2 ---->
- <!-- (updates) -->
- <section class="sb-sect sb-updates-sect">
- {block:ifupdatestitle}
- <h3 class="sb-title sbt-align-{select:sidebar title align}">
- <span>{text:updates title}</span>
- </h3>
- {/block:ifupdatestitle}
- {block:ifupdate1label}
- <article class="sb-text-box">
- <div class="sb-updates">
- <div class="updt-group">
- <!-- updt row 1 -->
- <dl class="updt-row">
- <dt class="updt-label">
- <span class="updt-label-inner">{text:update 1 label}</span>
- </dt>
- {block:ifupdate1detail}
- <dd class="updt-deets">{text:update 1 detail}</dd>
- {/block:ifupdate1detail}
- </dl>
- <!-- updt row 2 -->
- {block:ifupdate2label}
- <dl class="updt-row">
- <dt class="updt-label">
- <span class="updt-label-inner">{text:update 2 label}</span>
- </dt>
- {block:ifupdate2detail}
- <dd class="updt-deets">{text:update 2 detail}</dd>
- {/block:ifupdate2detail}
- </dl>
- {/block:ifupdate2label}
- <!-- updt row 3 -->
- {block:ifupdate3label}
- <dl class="updt-row">
- <dt class="updt-label">
- <span class="updt-label-inner">{text:update 3 label}</span>
- </dt>
- {block:ifupdate3detail}
- <dd class="updt-deets">{text:update 3 detail}</dd>
- {/block:ifupdate3detail}
- </dl>
- {/block:ifupdate3label}
- <!-- updt row 4 -->
- {block:ifupdate4label}
- <dl class="updt-row">
- <dt class="updt-label">
- <span class="updt-label-inner">{text:update 4 label}</span>
- </dt>
- {block:ifupdate4detail}
- <dd class="updt-deets">{text:update 4 detail}</dd>
- {/block:ifupdate4detail}
- </dl>
- {/block:ifupdate4label}
- <!-- updt row 5 -->
- {block:ifupdate5label}
- <dl class="updt-row">
- <dt class="updt-label">
- <span class="updt-label-inner">{text:update 5 label}</span>
- </dt>
- {block:ifupdate5detail}
- <dd class="updt-deets">{text:update 5 detail}</dd>
- {/block:ifupdate5detail}
- </dl>
- {/block:ifupdate5label}
- <!-- updt row 6 -->
- {block:ifupdate6label}
- <dl class="updt-row">
- <dt class="updt-label">
- <span class="updt-label-inner">{text:update 6 label}</span>
- </dt>
- {block:ifupdate6detail}
- <dd class="updt-deets">{text:update 6 detail}</dd>
- {/block:ifupdate6detail}
- </dl>
- {/block:ifupdate6label}
- <!-- updt row 7 -->
- {block:ifupdate7label}
- <dl class="updt-row">
- <dt class="updt-label">
- <span class="updt-label-inner">{text:update 7 label}</span>
- </dt>
- {block:ifupdate7detail}
- <dd class="updt-deets">{text:update 7 detail}</dd>
- {/block:ifupdate7detail}
- </dl>
- {/block:ifupdate7label}
- <!-- updt row 8 -->
- {block:ifupdate8label}
- <dl class="updt-row">
- <dt class="updt-label">
- <span class="updt-label-inner">{text:update 8 label}</span>
- </dt>
- {block:ifupdate8detail}
- <dd class="updt-deets">{text:update 8 detail}</dd>
- {/block:ifupdate8detail}
- </dl>
- {/block:ifupdate8label}
- </div><!--end updates list [1/2]-->
- </div><!--end updates list [2/2]-->
- </article>
- {/block:ifupdate1label}
- </section><!--end sidebar box 2 (updates)-->
- <!---- SIDEBAR SECTION #3 ---->
- <!-- (members) -->
- <section class="sb-sect sb-members-sect">
- {block:ifmemberstitle}
- <h3 class="sb-title sbt-align-{select:sidebar title align}">
- <span>{text:members title}</span>
- </h3>
- {/block:ifmemberstitle}
- {block:ifmember1username}
- <article class="sb-text-box">
- <div class="sb-members sbm-symbol-{select:members username symbol}">
- <!-- member 1 -->
- <a class="sbm" href="//{text:member 1 username}.tumblr.com">
- <img src="//api.tumblr.com/v2/blog/{text:member 1 username}.tumblr.com/avatar/128" alt="{text:member 1 username}’s avatar">
- <span class="sbm-tcol">
- <span class="sbm-tmid">
- <span class="sbm-name">{text:member 1 username}</span>
- {block:ifmember1comment}
- <span class="sbm-comment">{text:member 1 comment}</span>
- {/block:ifmember1comment}
- </span>
- </span>
- </a>
- <!-- member 2 -->
- {block:ifmember2username}
- <a class="sbm" href="//{text:member 2 username}.tumblr.com">
- <img src="//api.tumblr.com/v2/blog/{text:member 2 username}.tumblr.com/avatar/128" alt="{text:member 2 username}’s avatar">
- <span class="sbm-tcol">
- <span class="sbm-tmid">
- <span class="sbm-name">{text:member 2 username}</span>
- {block:ifmember2comment}
- <span class="sbm-comment">{text:member 2 comment}</span>
- {/block:ifmember2comment}
- </span>
- </span>
- </a>
- {/block:ifmember2username}
- <!-- member 3 -->
- {block:ifmember3username}
- <a class="sbm" href="//{text:member 3 username}.tumblr.com">
- <img src="//api.tumblr.com/v2/blog/{text:member 3 username}.tumblr.com/avatar/128" alt="{text:member 3 username}’s avatar">
- <span class="sbm-tcol">
- <span class="sbm-tmid">
- <span class="sbm-name">{text:member 3 username}</span>
- {block:ifmember3comment}
- <span class="sbm-comment">{text:member 3 comment}</span>
- {/block:ifmember3comment}
- </span>
- </span>
- </a>
- {/block:ifmember3username}
- <!-- member 4 -->
- {block:ifmember4username}
- <a class="sbm" href="//{text:member 4 username}.tumblr.com">
- <img src="//api.tumblr.com/v2/blog/{text:member 4 username}.tumblr.com/avatar/128" alt="{text:member 4 username}’s avatar">
- <span class="sbm-tcol">
- <span class="sbm-tmid">
- <span class="sbm-name">{text:member 4 username}</span>
- {block:ifmember4comment}
- <span class="sbm-comment">{text:member 4 comment}</span>
- {/block:ifmember4comment}
- </span>
- </span>
- </a>
- {/block:ifmember4username}
- <!-- member 5 -->
- {block:ifmember5username}
- <a class="sbm" href="//{text:member 5 username}.tumblr.com">
- <img src="//api.tumblr.com/v2/blog/{text:member 5 username}.tumblr.com/avatar/128" alt="{text:member 5 username}’s avatar">
- <span class="sbm-tcol">
- <span class="sbm-tmid">
- <span class="sbm-name">{text:member 5 username}</span>
- {block:ifmember5comment}
- <span class="sbm-comment">{text:member 5 comment}</span>
- {/block:ifmember5comment}
- </span>
- </span>
- </a>
- {/block:ifmember5username}
- <!-- member 6 -->
- {block:ifmember6username}
- <a class="sbm" href="//{text:member 6 username}.tumblr.com">
- <img src="//api.tumblr.com/v2/blog/{text:member 6 username}.tumblr.com/avatar/128" alt="{text:member 6 username}’s avatar">
- <span class="sbm-tcol">
- <span class="sbm-tmid">
- <span class="sbm-name">{text:member 6 username}</span>
- {block:ifmember6comment}
- <span class="sbm-comment">{text:member 6 comment}</span>
- {/block:ifmember6comment}
- </span>
- </span>
- </a>
- {/block:ifmember6username}
- </div><!--end members-->
- </article>
- {/block:ifmember1username}
- </section><!--end sidebar box 3 (members)-->
- </div><!--end sidebar group 2+3-->
- </div><!--end gs-inner-->
- </aside><!--end sidebar-->
- <!----- ALL POSTS ----->
- <main>
- <section class="all-posts">
- <!----- POSTS ----->
- {block:Posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
- <article
- class="posts{block:NotReblog} original-post{/block:NotReblog}{block:RebloggedFrom} reblogged-post{/block:RebloggedFrom}{block:HasTags} has-tags{/block:HasTags}"
- id="post-{PostID}"
- post-type="{PostType}"
- {block:RebloggedFrom}data-via-name="{ReblogParentName}"{/block:RebloggedFrom}
- data-src-name="{block:NotReblog}{Name}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootName}{/block:RebloggedFrom}"
- data-src-url="{block:NotReblog}{Permalink}{block:NotReblog}{block:RebloggedFrom}{ReblogRootURL}{/block:RebloggedFrom}"
- >
- <div class="post-inner">
- <!----- POST HEADER ----->
- {block:Date}
- <header class="post-header">
- <div class="ph-inner">
- <!-- post type icon + TimeAgo -->
- <div class="ph-left">
- <a href="{block:NotReblog}{Permalink}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootURL}{/block:RebloggedFrom}" aria-label="{block:RebloggedFrom}Originally p{/block:RebloggedFrom}{block:NotReblog}P{/block:NotReblog}osted by @ {block:NotReblog}{PostAuthorName}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootName}{/block:RebloggedFrom}"{block:RebloggedFrom} target="_blank"{/block:RebloggedFrom}>
- <!-- icon -->
- {block:PinnedPostLabel}
- <i class="type-pinned gt-misc-icons" icon-name="pushpin-2"></i>
- {/block:PinnedPostLabel}
- <!--text--><i class="type-text mgc_pen_2_line"></i>
- <!--photo--><i class="type-photo mgc_pic_line"></i>
- <!--quote--><i class="type-quote mgc_quote_left_line"></i>
- <!--link--><i class="type-link mgc_link_line"></i>
- <!--chat--><i class="type-chat mgc_comment_2_line"></i>
- <!--audio--><i class="type-audio mgc_music_line"></i>
- <!--video--><i class="type-video mgc_video_camera_line"></i>
- <!--ask--><i class="type-ask mgc_invite_line"></i>
- <!--poll--><i class="type-poll mgc_chart_bar_line"></i>
- <!--multi--><i class="type-multi mgc_profile_line"></i>
- <!-- text -->
- <span class="phl-text">
- {block:PinnedPostLabel}
- <span class="pnl">{PinnedPostLabel}</span>
- {/block:PinnedPostLabel}
- <span class="not-pnl">
- <span class="npnl-a">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}, {Year}</span>
- <span class="npnl-b">
- <span data-original-poster="{block:NotReblog}{Name}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootName}{/block:RebloggedFrom}" data-original-post-link="{block:NotReblog}{Permalink}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootURL}{/block:RebloggedFrom}"></span>
- </span>
- </span>
- </span>
- </a>
- </div><!--end ph-left-->
- <!-- username + icon -->
- <div class="ph-right">
- <a href="{block:NotReblog}{BlogURL}{/block:NotReblog}{block:RebloggedFrom}//{ReblogRootName}.tumblr.com{/block:RebloggedFrom}" aria-label="{block:NotReblog}{PostAuthorTitle}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootTitle}{/block:RebloggedFrom}">
- <span class="phr-name-wrap">
- <span class="phr-name">
- <span{block:RebloggedFrom} data-user="{ReblogRootName}"{/block:RebloggedFrom}>{block:NotReblog}{PostAuthorName}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootName}{/block:RebloggedFrom}</span>
- </span>
- </span>
- <span class="phr-icon-wrap">
- <img src="{block:NotReblog}{PortraitURL-128}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootPortraitURL-128}{/block:RebloggedFrom}" alt="{block:NotReblog}{PostAuthorName}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootName}{/block:RebloggedFrom}’s avatar">
- </span>
- </a>
- </div><!--end ph-right-->
- </div><!--end ph-inner-->
- </header><!--end post-header-->
- {/block:Date}
- <div class="post-body">
- <div class="post-body-inner">
- <!------ LEGACY TEXT POSTS: TITLE ------>
- {block:Text}
- {block:Title}
- <div class="text-post">
- <h1 class="post-title">{Title}</h1>
- </div>
- {/block:Title}
- {/block:Text}
- <!------ LEGACY 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}
- <!------ LEGACY PHOTO POSTS: PHOTOSETS ------>
- {block:Photoset}
- <div class="photoset-post">
- <div class="legacy-photoset" data-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}
- <!------ LEGACY QUOTE POSTS ------>
- {block:Quote}
- <div class="quote-post">
- <figure class="quote-set">
- <blockquote>“{Quote}”</blockquote>
- {block:Source}
- <figcaption>— {Source}</figcaption>
- {/block:Source}
- </figure>
- </div>
- {/block:Quote}
- <!------ LEGACY 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}
- <!------ LEGACY 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}
- <!------ LEGACY 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}
- <!------ LEGACY VIDEO POSTS ------>
- {block:Video}
- <div class="video-post">
- <div class="legacy-video">
- {Video-700}
- {block:VideoThumbnail}
- <span class="poster-thumb" data-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}
- </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}
- </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">
- <div class="pf-inner">
- <div class="pf-left">
- <a{block:IndexPage} href="{Permalink}" aria-label="@ {PostAuthorName} {block:NotReblog}posted{/block:NotReblog}{block:RebloggedFrom}reblogged{/block:RebloggedFrom} {TimeAgo} · View post"{/block:IndexPage}>
- <i class="mgc_sticker_line"></i>
- <span class="pfl-text s-wide">{block:IndexPage}{block:NoteCount}{NoteCountWithLabel} · {/block:NoteCount}{/block:IndexPage}{ShortMonth} {DayOfMonthWithZero} ‘{ShortYear}<span class="pfl-hr">, {12Hour}:{Minutes}{CapitalAMPM}</span></span>
- {block:NoteCount}
- <span class="pfl-text s-narrow">{NoteCountWithLabel}</span>
- {/block:NoteCount}
- </a>
- {block:PermalinkPage}
- {block:RebloggedFrom}
- <a class="via-blob" href="{ReblogParentURL}" aria-label="@ {PostAuthorName} reblogged this post from @ {ReblogParentName}">
- <i class="mgc_user_3_line"></i>
- <span class="via-wrap">{lang:Via}<span class="via-name"> @ {ReblogParentName}</span></span>
- </a>
- {/block:RebloggedFrom}
- {/block:PermalinkPage}
- </div><!--end pf-left-->
- <div class="pf-right">
- <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}"/>
- <i class="tg-a mgc_tag_2_line" aria-hidden="true"></i>
- <i class="tg-b mgc_close_line" aria-hidden="true"></i>
- </label>
- {/block:HasTags}
- <!-- content source link -->
- {block:ContentSource}
- <a class="content-src-btn" href="{SourceURL}" aria-label="{lang:Source}: {SourceTitle}" target="_blank">
- <i class="mgc_attachment_2_line" aria-hidden="true"></i>
- </a>
- {/block:ContentSource}
- <!-- 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">
- <i class="mgc_refresh_3_line" aria-hidden="true"></i>
- </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}
- <i class="gt-misc-icons" icon-name="heart-1" aria-hidden="true"></i>
- </button>
- </div><!--end post-btns-->
- </div><!--end pf-right-->
- </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">
- <div class="post-body-inner">
- <div class="pn-title-hug">
- <h2 class="post-title">
- <i class="mgc_paper_line"></i>
- <span>{NoteCountWithLabel}</span>
- </h2>
- <a class="pn-split" href="//tumblr.com/{Name}/{PostID}" target="_blank">
- {block:ReplyCount}
- <span aria-label="{ReplyCount} {lang:Replies}">
- <i class="mgc_message_4_line" aria-hidden="true"></i>
- <span>{ReplyCount}</span>
- </span>
- {/block:ReplyCount}
- {block:ReblogCount}
- <span aria-label="{ReblogCount} {lang:Reblogs}">
- <i class="mgc_refresh_3_line" aria-hidden="true"></i>
- <span>{ReblogCount}</span>
- </span>
- {/block:ReblogCount}
- {block:LikeCount}
- <span aria-label="{LikeCount} {lang:Likes}">
- <i class="gt-misc-icons" icon-name="heart-1" aria-hidden="true"></i>
- <span>{LikeCount}</span>
- </span>
- {/block:LikeCount}
- </a>
- </div>
- {PostNotes}
- </div>
- </div>
- </div><!--end post-inner-->
- </article>
- {/block:PostNotes}
- {/block:Posts}
- </section><!--end all-posts-->
- <!----- PAGE NUMBERS ----->
- {block:Pagination}
- <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}">
- <i class="mgc_arrows_left_line" aria-hidden="true"></i>
- <span aria-hidden="true">{lang:Prev}</span>
- </a>
- {/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}
- <span aria-label="You are here (Page {CurrentPage})">
- <i class="mgc_location_2_line" aria-hidden="true"></i>
- </span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a class="is-number" href="{URL}" aria-label="Go to page {PageNumber}">
- <span aria-hidden="true">{PageNumber}</span>
- </a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <a href="{NextPage}" class="next-page" aria-label="{lang:Next Page}">
- <span aria-hidden="true">{lang:Next}</span>
- <i class="mgc_arrows_right_line" aria-hidden="true"></i>
- </a>
- {/block:NextPage}
- </div><!--pagi-wrap-->
- <div class="spinny">
- <i class="mgc_loading_2_line"></i>
- </div>
- <div class="no-more-posts">
- <span>{lang:No more posts}</span>
- </div>
- </div><!--pbi-->
- </div><!--pb-->
- </div><!--end post-inner-->
- </section><!--end page-numbers-->
- {/block:Pagination}
- </main><!--end main-->
- </div><!--end lw-->
- </div><!--end huddle-->
- </div><!--end le-monde-->
- </div><!--end tout-->
- <!----- ASK POPUP ----->
- <dialog>
- <input id="ask-popup" type="radio" name="p">
- <div class="popup-inner">
- {block:ifaskpopuptitle}
- <h2 class="box-heading">
- <span>{text:ask popup title}</span>
- </h2>
- {/block:ifaskpopuptitle}
- <div class="box-contents">
- {block:AskEnabled}
- <iframe id="ask_form" src="https://www.tumblr.com/ask_form/{Name}.tumblr.com" frameborder="0" scrolling="no" style="background-color:transparent; overflow:hidden;" width="100%" class="dim-the-box"></iframe>
- {/block:AskEnabled}
- <p class="ask-not-enabled"><b>@ {Name}</b> does not have their ask enabled. <a href="//glenthemes.notion.site/enable-ask">Instructions here</a>.</p>
- </div><!--end popup box contents-->
- </div><!--end popup-inner-->
- </dialog><!--end ask popup-->
- <!----- SUBMIT POPUP ----->
- <dialog>
- <input id="submit-popup" type="radio" name="p">
- <div class="popup-inner">
- {block:ifsubmitpopuptitle}
- <h2 class="box-heading">
- <span>{text:submit popup title}</span>
- </h2>
- {/block:ifsubmitpopuptitle}
- <div class="box-contents">
- {block:SubmissionsEnabled}
- <iframe id="submit_form" src="https://www.tumblr.com/submit_form/{Name}.tumblr.com" frameborder="0" scrolling="no" style="background-color:transparent; overflow:hidden;" width="100%" class="dim-the-box"></iframe>
- {/block:SubmissionsEnabled}
- <p class="submit-not-enabled"><b>@ {Name}</b> does not have their submissions enabled. <a href="//glenthemes.notion.site/enable-submit">Instructions here</a>.</p>
- </div><!--end popup box contents-->
- </div><!--end popup-inner-->
- </dialog><!--end submit popup-->
- <!-- close popups :: don't touch/move -->
- <label for="close-popups">
- <input id="close-popups" type="radio" name="p">
- </label>
- <!-- ignore this -->
- <div id="cont_w" aria-hidden="true" tabindex="-1"></div>
- <div id="full_w" aria-hidden="true" tabindex="-1"></div>
- <div id="full_h" aria-hidden="true" tabindex="-1"></div>
- <script>
- document.addEventListener("DOMContentLoaded", () => {
- tc("--Mobile-TumblrControls-BG","--Mobile-TumblrControls-FG","{Name}",{block:Posts}{block:PermalinkPage}{block:Date}"{PostID}","{RelativePermalink}"{/block:Date}{/block:PermalinkPage}{/block:Posts})
- })
- </script>
- </body>
- </html>
- <!-----------------------------------------------
- Thank you for using Interloper!
- Please read the guide for instructions!
- dub.sh/interloper-guide
- ------------------------------------------------>
Add Comment
Please, Sign In to add comment