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