Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-------------------------------------------------------------------
- Theme [41]: Reducks
- Made by glenthemes
- Release date: 2026/04/01
- Last updated: 2026/08/26
- Updates/changelog: dub.sh/reducks-updates
- 「 THEME INFO. 」
- ❃ Post: glenthemes.tumblr.com/post/812708238298578944
- ❃ Preview: reducks-theme.tumblr.com
- ❃ Code: glen-themes.gitlab.io/thms/41/reducks
- 「 HOW TO USE. 」
- dub.sh/reducks-guide
- 「 TERMS OF USE. 」
- 1) Do not remove the credit.
- 2) Do not remove parts of the code without my permission.
- 3) Do not claim my codes as your own.
- 4) Do not use my works as base codes.
- 5) You may add widgets to my themes and pages.
- 「 CREDITS. 」
- (◍’θ’◍)~ glencredits.tumblr.com/reducks
- -------------------------------------------------------------------->
- <!DOCTYPE html>
- <html
- lang="{block:English}en{/block:English}{block:German}de{/block:German}{block:French}fr{/block:French}{block:Italian}it{/block:Italian}{block:Japanese}ja{/block:Japanese}{block:Turkish}tr{/block:Turkish}{block:Spanish}es{/block:Spanish}{block:Russian}ru{/block:Russian}{block:Polish}pl{/block:Polish}{block:PortuguesePT}pt-PT{/block:PortuguesePT}{block:PortugueseBR}pt-BR{/block:PortugueseBR}{block:Dutch}nl{/block:Dutch}{block:Korean}ko{/block:Korean}{block:ChineseSimplified}zh-CHS{/block:ChineseSimplified}{block:ChineseTraditional}zh-CHT{/block:ChineseTraditional}{block:ChineseHK}zh-HK{/block:ChineseHK}{block:Indonesian}id{/block:Indonesian}{block:Hindi}hi{/block:Hindi}"
- blog-name="{Name}"
- checkers-bg="{select:plaid checkers background},{select:plaid checkers square size}"
- bg-image="{image:background image}"
- bg-size="{select:background image size}"
- {block:IndexPage}index-page{/block:IndexPage}
- {block:PermalinkPage}perma-page{/block:PermalinkPage}
- {block:SearchPage}search-page{/block:SearchPage}
- {block:TagPage}tag-page{/block:TagPage}
- {block:Posts}{block:Post1}{block:Date}has-posts{/block:Date}{/block:Post1}{/block:Posts}
- font="{select:font}"
- caps-font="{select:small caps font}"
- heading-font="{select:heading font}"
- top-title-font="{select:top title font}"
- top-waves="{select:post header waves}"
- show-ducks="{select:post header images}"
- post-shadow="{select:post shadow}"
- shorten-timeago="{select:shorten timestamps}"
- shorten-notecount="{select:shorten notes}"
- captions-style="{select:captions style}"
- username-underlines="{select:username underlines}"
- rb-dividers="{select:reblog borders}"
- rounded-media="{select:rounded post media}"
- tags-vis="{select:tags}"
- solid-when-liked="{select:post liked solid icon}"
- sb-shadow="{select:sidebar shadow}"
- crd-pos="{select:theme credit location}"
- iscroll="{select:infinite scroll}"
- tt-shad="{select:hover text box shadow}"
- data-overlayscrollbars-initialize
- >
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta property="og:type" content="website">
- <meta name="theme-color" content="{AccentColor}">
- {block:PermalinkPage}{block:Posts}{block:NotReblog}
- <meta name="author" content="{Name}">
- {/block:NotReblog}{/block:Posts}{/block:PermalinkPage}
- {block:PermalinkPage}{block:Posts}{block:Date}
- <meta name="date" content="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}" scheme="YYYY-MM-DD">
- {/block:Date}{/block:Posts}{/block:PermalinkPage}
- <base href="{BlogURL}">
- <!-- title + meta title -->
- <title>
- {Title} {block:PostSummary} ⋮ {PostSummary}{/block:PostSummary} {block:TagPage} ⋮ #{Tag}{/block:TagPage} {block:SearchPage} ⋮ {lang:Search}: “{SearchQuery}” – {lang:SearchResultCount results}{block:NoSearchResults}{lang:No results found}{/block:NoSearchResults} {/block:SearchPage}
- </title>
- <meta property="og:title" content="{Title} {block:PostSummary} ⋮ {PostSummary}{/block:PostSummary} {block:TagPage} ⋮ #{Tag}{/block:TagPage} {block:SearchPage} ⋮ {lang:Search}: “{SearchQuery}” – {lang:SearchResultCount results}{block:NoSearchResults}{lang:No results found}{/block:NoSearchResults} {/block:SearchPage}">
- <!-- desc + meta desc -->
- <meta name="description" content="{block:Description}{block:IndexPage}{MetaDescription}{/block:IndexPage}{/block:Description}{block:PermalinkPage}{block:PostSummary}{PostSummary}{/block:PostSummary}{/block:PermalinkPage}"/>
- <meta property="og:description" content="{block:Description}{block:IndexPage}{MetaDescription}{/block:IndexPage}{/block:Description}{block:PermalinkPage}{block:PostSummary}{PostSummary}{/block:PostSummary}{/block:PermalinkPage}"/>
- <!-- favicon / tab icon -->
- <link rel="icon" href="{Favicon}">
- <!--+++++++++++++++++++++++++++++++++++++++++++++++++-->
- <!----- THEME OPTIONS ----->
- <!-- do not edit here; click the back button and scroll down -->
- {block:Options}
- <!-- divider: images -->
- <meta name="image:📸 ························ 𝐈𝐌𝐀𝐆𝐄𝐒" content="">
- <meta name="image:background image" content="">
- <!-- divider: images: sidebar -->
- <meta name="image:📸 ······················ 𝐒𝐈𝐃𝐄𝐁𝐀𝐑" content="">
- <meta name="image:sidebar image" content="//static.tumblr.com/gtjt4bo/6nZtca4xu/daieny_duck.png">
- <!-- divider: images: custom links icons -->
- <meta name="image:📸 ············· 𝐂𝐔𝐒𝐓𝐎𝐌 𝐋𝐈𝐍𝐊𝐒" content="">
- <meta name="image:sidebar image" content="//static.tumblr.com/gtjt4bo/6nZtca4xu/daieny_duck.png">
- <meta name="image:custom link 1 icon" content="//static.tumblr.com/gtjt4bo/vrQtca4ze/cl-duck-1.png">
- <meta name="image:custom link 2 icon" content="//static.tumblr.com/gtjt4bo/khXtca4zq/cl-duck-2.png">
- <meta name="image:custom link 3 icon" content="//static.tumblr.com/gtjt4bo/uZetca507/cl-duck-3.png">
- <meta name="image:custom link 4 icon" content="">
- <meta name="image:custom link 5 icon" content="">
- <meta name="image:custom link 6 icon" content="">
- <meta name="image:custom link 7 icon" content="">
- <meta name="image:custom link 8 icon" content="">
- <!-- divider: images: post header -->
- <meta name="image:📸 ············· 𝐏𝐎𝐒𝐓 𝐇𝐄𝐀𝐃𝐄𝐑" content="">
- <meta name="image:post header image 1" content="//static.tumblr.com/gtjt4bo/c0ktca528/duck_3530305.png">
- <meta name="image:post header image 2" content="//static.tumblr.com/gtjt4bo/Dhvtca52q/duck_9914523.png">
- <meta name="image:post header image 3" content="//static.tumblr.com/gtjt4bo/aOEtca535/duck_3958506.png">
- <meta name="image:post header image 4" content="//static.tumblr.com/gtjt4bo/HXitca53j/duck_11136327.png">
- <meta name="image:post header image 5" content="">
- <meta name="image:post header image 6" content="">
- <meta name="image:post header image 7" content="">
- <meta name="image:post header image 8" content="">
- <!-- divider: colors: general colors -->
- <meta name="color:🎨 ········· 𝐆𝐄𝐍𝐄𝐑𝐀𝐋 𝐂𝐎𝐋𝐎𝐑𝐒" content="">
- <meta name="color:background" content="#fbf4de">
- <meta name="color:plaid checkers square 1" content="#f6e5ad">
- <meta name="color:plaid checkers square 2" content="#fbf4e2">
- <meta name="color:plaid checkers square 3" content="#fbf4e2">
- <meta name="color:plaid checkers square 4" content="#fefffc">
- <!-- divider: colors: tumblr controls -->
- <meta name="color:🎨 ····· 𝐓𝐔𝐌𝐁𝐋𝐑 𝐂𝐎𝐍𝐓𝐑𝐎𝐋𝐒" content="">
- <meta name="color:tumblr controls BG" content="#fdecc1">
- <meta name="color:tumblr controls text" content="#ad7b33">
- <meta name="color:tumblr controls bottom border" content="#fbe1a8">
- <!-- divider: colors: sidebar -->
- <meta name="color:🎨 ······················ 𝐒𝐈𝐃𝐄𝐁𝐀𝐑" content="">
- <meta name="color:sidebar border" content="#fbe1a8">
- <meta name="color:sidebar BG" content="#fffaf0">
- <meta name="color:sidebar shadow" content="#ffe9b5">
- <!-- divider: dropdowns: sidebar image -->
- <meta name="color:🎨 ·········· 𝐒𝐈𝐃𝐄𝐁𝐀𝐑 𝐈𝐌𝐀𝐆𝐄" title="" content="">
- <meta name="color:sidebar image border" content="#ffe9b5">
- <meta name="color:sidebar image shadow" content="#f4bc3d">
- <!-- divider: colors: description -->
- <meta name="color:🎨 ·············· 𝐃𝐄𝐒𝐂𝐑𝐈𝐏𝐓𝐈𝐎𝐍" content="">
- <meta name="color:desc text" content="#4b5262">
- <meta name="color:desc links" content="#bf8816">
- <meta name="color:desc links underline" content="#f4db8f">
- <meta name="color:desc bold" content="#e39539">
- <meta name="color:desc italic" content="#a28462">
- <!-- divider: colors: navlinks -->
- <meta name="color:🎨 ··················· 𝐍𝐀𝐕𝐋𝐈𝐍𝐊𝐒" content="">
- <meta name="color:navlinks border" content="#fbe1a8">
- <meta name="color:navlinks icon BG" content="#ffeec6">
- <meta name="color:navlinks icon" content="#9f7637">
- <meta name="color:navlinks label BG" content="#fffaf0">
- <meta name="color:navlinks label" content="#917351">
- <meta name="color:navlinks hover border" content="#f8d4ba">
- <meta name="color:navlinks hover icon BG" content="#ffecd8">
- <meta name="color:navlinks hover icon" content="#b48156">
- <meta name="color:navlinks hover label BG" content="#fffaf0">
- <meta name="color:navlinks hover label" content="#ad794d">
- <!-- divider: colors: custom links -->
- <meta name="color:🎨 ········· 𝐂𝐔𝐒𝐓𝐎𝐌 𝐋𝐈𝐍𝐊𝐒" title="" content="">
- <meta name="color:custom links" content="#8f6e43">
- <meta name="color:custom links lines" content="#fbe1a8">
- <meta name="color:custom links hover" content="#c99354">
- <meta name="color:custom links hover lines" content="#fbe1a8">
- <!-- divider: colors: searchbar -->
- <meta name="color:🎨 ················· 𝐒𝐄𝐀𝐑𝐂𝐇𝐁𝐀𝐑" title="" content="">
- <meta name="color:searchbar border" content="#fbe1a8">
- <meta name="color:searchbar BG" content="#fcf4e1">
- <meta name="color:searchbar prompt text" content="#a28462">
- <meta name="color:searchbar text" content="#8f6e43">
- <meta name="color:searchbar button border" content="#fbe1a8">
- <meta name="color:searchbar button BG" content="#fff2cf">
- <meta name="color:searchbar button icon" content="#8f6e43">
- <meta name="color:searchbar button hover border" content="#d3d0a4">
- <meta name="color:searchbar button hover BG" content="#e7e5c2">
- <meta name="color:searchbar button hover icon" content="#69706a">
- <meta name="color:search suggestions border" content="#ffe9b5">
- <meta name="color:search suggestions BG" content="#fcf4e1">
- <meta name="color:search suggestions text" content="#8f6e43">
- <meta name="color:search suggestions hover BG" content="#fceac4">
- <meta name="color:search suggestions hover text" content="#4f514f">
- <!-- divider: colors: sidebar footer -->
- <meta name="color:🎨 ········ 𝐒𝐈𝐃𝐄𝐁𝐀𝐑 𝐅𝐎𝐎𝐓𝐄𝐑" content="">
- <meta name="color:sidebar footer text" content="#85725a">
- <meta name="color:sidebar footer link" content="#bf8816">
- <meta name="color:sidebar footer link underline" content="#f4db8f">
- <!-- divider: colors: top title -->
- <meta name="color:🎨 ··················· 𝐓𝐎𝐏 𝐓𝐈𝐓𝐋𝐄" content="">
- <meta name="color:top title text" content="#ffe9b5">
- <meta name="color:top title outline" content="#c38357">
- <meta name="color:top title shadow" content="#ffcf77">
- <!-- divider: colors: posts -->
- <meta name="color:🎨 ························· 𝐏𝐎𝐒𝐓𝐒" content="">
- <meta name="color:post BG" content="#fffaf0">
- <meta name="color:post borders" content="#fbe1a8">
- <meta name="color:post shadow" content="#ffe9b5">
- <meta name="color:text" content="#4b5262">
- <meta name="color:post title border" content="#fbe1a8">
- <meta name="color:post title BG" content="#fff2d0">
- <meta name="color:post title text" content="#645a55">
- <meta name="color:post alt borders" content="#fdf4e1">
- <meta name="color:post alt BG" content="#fdf4e1">
- <meta name="color:text alt" content="#655b55">
- <meta name="color:links" content="#bf8816">
- <meta name="color:links underline" content="#f4db8f">
- <meta name="color:bold" content="#e39539">
- <meta name="color:italic" content="#a28462">
- <meta name="color:blockquote border" content="#f4db8f">
- <meta name="color:post usernames" content="#2a2e37">
- <meta name="color:post usernames underline" content="#f4db8f">
- <!-- divider: colors: tags -->
- <meta name="color:🎨 ··························· 𝐓𝐀𝐆𝐒" content="">
- <meta name="color:tags border" content="#d3e0e5">
- <meta name="color:tags BG" content="#edf1f1">
- <meta name="color:tags text" content="#645a55">
- <meta name="color:tags hover border" content="#d3d0a4">
- <meta name="color:tags hover BG" content="#e7e5c2">
- <meta name="color:tags hover text" content="#4f514f">
- <!-- divider: colors: post info bar -->
- <meta name="color:🎨 ············ 𝐏𝐎𝐒𝐓 𝐈𝐍𝐅𝐎 𝐁𝐀𝐑" content="">
- <meta name="color:post info bar border" content="#fbe1a8">
- <meta name="color:post info bar BG" content="#fff2d0">
- <meta name="color:post info bar text" content="#645a55">
- <meta name="color:post info bar icons" content="#645a55">
- <meta name="color:like button liked" content="#f8c438">
- <!-- divider: colors: hover text -->
- <meta name="color:🎨 ··············· 𝐇𝐎𝐕𝐄𝐑 𝐓𝐄𝐗𝐓" content="">
- <meta name="color:hover text border" content="#fbe1a8">
- <meta name="color:hover text BG" content="#fcf4e1">
- <meta name="color:hover text box shadow" content="#ffe9b5">
- <meta name="color:hover text" content="#645a55">
- <!-- divider: colors: back-to-top -->
- <meta name="color:🎨 ·············· 𝐁𝐀𝐂𝐊-𝐓𝐎-𝐓𝐎𝐏" content="">
- <meta name="color:back to top button border" content="#fbe1a8">
- <meta name="color:back to top button BG" content="#ffeec6">
- <meta name="color:back to top button arrow" content="#9f7637">
- <meta name="color:back to top button shadow" content="#ffe9b5">
- <!-- divider: colors: other colors -->
- <meta name="color:🎨 ··········· 𝐎𝐓𝐇𝐄𝐑 𝐂𝐎𝐋𝐎𝐑𝐒" content="">
- <meta name="color:page numbers" content="#645a55">
- <meta name="color:scrollbar" content="#c9af85">
- <meta name="color:scrollbar BG" content="#fbf4de">
- <meta name="color:text highlighted BG" content="#fff2d0">
- <meta name="color:text highlighted" content="#645a55">
- <!-- divider: dropdowns: background opts -->
- <meta name="select:🔽 ···· 𝐁𝐀𝐂𝐊𝐆𝐑𝐎𝐔𝐍𝐃 𝐎𝐏𝐓𝐒" title="" content="">
- <meta name="select:plaid checkers background" title="yes" content="yes">
- <meta name="select:plaid checkers background" title="no" content="no">
- <meta name="select:plaid checkers square size" title="1px" content="1px">
- <meta name="select:plaid checkers square size" title="1.5px" content="1.5px">
- <meta name="select:plaid checkers square size" title="2px" content="2px">
- <meta name="select:plaid checkers square size" title="2.5px" content="2.5px">
- <meta name="select:plaid checkers square size" title="3px" content="3px">
- <meta name="select:plaid checkers square size" title="3.5px" content="3.5px">
- <meta name="select:plaid checkers square size" title="4px" content="4px">
- <meta name="select:background image size" title="small / repeating" content="small">
- <meta name="select:background image size" title="large / no repeat" content="large">
- <!-- divider: dropdowns: general options -->
- <meta name="select:🔽 ······ 𝐆𝐄𝐍𝐄𝐑𝐀𝐋 𝐒𝐄𝐓𝐓𝐈𝐍𝐆𝐒" title="" content="">
- <meta name="select:screen gap" title="65px" content="65px">
- <meta name="select:screen gap" title="30px" content="30px">
- <meta name="select:screen gap" title="35px" content="35px">
- <meta name="select:screen gap" title="40px" content="40px">
- <meta name="select:screen gap" title="45px" content="45px">
- <meta name="select:screen gap" title="50px" content="50px">
- <meta name="select:screen gap" title="55px" content="55px">
- <meta name="select:screen gap" title="60px" content="60px">
- <meta name="select:screen gap" title="70px" content="70px">
- <meta name="select:screen gap" title="75px" content="75px">
- <meta name="select:screen gap" title="80px" content="80px">
- <meta name="select:screen gap" title="85px" content="85px">
- <meta name="select:screen gap" title="90px" content="90px">
- <meta name="select:screen gap" title="95px" content="95px">
- <meta name="select:screen gap" title="100px" content="100px">
- <meta name="select:center gap" title="80px" content="80px">
- <meta name="select:center gap" title="30px" content="30px">
- <meta name="select:center gap" title="35px" content="35px">
- <meta name="select:center gap" title="40px" content="40px">
- <meta name="select:center gap" title="45px" content="45px">
- <meta name="select:center gap" title="50px" content="50px">
- <meta name="select:center gap" title="55px" content="55px">
- <meta name="select:center gap" title="60px" content="60px">
- <meta name="select:center gap" title="65px" content="65px">
- <meta name="select:center gap" title="70px" content="70px">
- <meta name="select:center gap" title="75px" content="75px">
- <meta name="select:center gap" title="85px" content="85px">
- <meta name="select:center gap" title="90px" content="90px">
- <meta name="select:center gap" title="95px" content="95px">
- <meta name="select:center gap" title="100px" content="100px">
- <meta name="select:center gap" title="105px" content="105px">
- <meta name="select:center gap" title="110px" content="110px">
- <meta name="select:back to top button" title="yes" content="yes">
- <meta name="select:back to top button" title="no" content="no">
- <!-- divider: dropdowns: main fonts -->
- <meta name="select:🔽 ················ 𝐌𝐀𝐈𝐍 𝐅𝐎𝐍𝐓𝐒" title="" content="">
- <meta name="select:font" title="Cause" content="Cause">
- <meta name="select:font" title="Funnel Sans" content="Funnel Sans">
- <meta name="select:font" title="Solway" content="Solway">
- <meta name="select:font size" title="14px" content="0.85rem">
- <meta name="select:font size" title="12px" content="0.75rem">
- <meta name="select:font size" title="13px" content="0.8rem">
- <meta name="select:font size" title="15px" content="0.9rem">
- <meta name="select:font size" title="16px" content="0.95rem">
- <meta name="select:font size" title="17px" content="1rem">
- <meta name="select:small caps font" title="Mali" content="Mali">
- <meta name="select:small caps font" title="Gabarito" content="Gabarito">
- <meta name="select:small caps font" title="Solway" content="Solway">
- <meta name="select:small caps font size" title="12px" content="0.75rem">
- <meta name="select:small caps font size" title="10px" content="0.65rem">
- <meta name="select:small caps font size" title="11px" content="0.7rem">
- <meta name="select:small caps font size" title="13px" content="0.8rem">
- <meta name="select:small caps font size" title="14px" content="0.85rem">
- <meta name="select:small caps font size" title="15px" content="0.9rem">
- <meta name="select:heading font" title="Mali" content="Mali">
- <meta name="select:heading font" title="Start Story" content="Start Story">
- <meta name="select:heading font" title="Winter Draw" content="Winter Draw">
- <meta name="select:heading font" title="Lexend" content="Lexend">
- <meta name="select:heading font size" title="16px" content="1rem">
- <meta name="select:heading font size" title="14px" content="0.9rem">
- <meta name="select:heading font size" title="15px" content="0.95rem">
- <meta name="select:heading font size" title="17px" content="1.05rem">
- <meta name="select:heading font size" title="18px" content="1.1rem">
- <meta name="select:heading font size" title="19px" content="1.15rem">
- <meta name="select:heading font size" title="20px" content="1.2rem">
- <!-- divider: dropdowns: sidebar -->
- <meta name="select:🔽 ······················ 𝐒𝐈𝐃𝐄𝐁𝐀𝐑" title="" content="">
- <meta name="select:sidebar position" title="right" content="right">
- <meta name="select:sidebar position" title="left" content="left">
- <meta name="select:sidebar width" title="270px" content="270px">
- <meta name="select:sidebar width" title="170px" content="170px">
- <meta name="select:sidebar width" title="180px" content="180px">
- <meta name="select:sidebar width" title="190px" content="190px">
- <meta name="select:sidebar width" title="200px" content="200px">
- <meta name="select:sidebar width" title="210px" content="210px">
- <meta name="select:sidebar width" title="220px" content="220px">
- <meta name="select:sidebar width" title="230px" content="230px">
- <meta name="select:sidebar width" title="240px" content="240px">
- <meta name="select:sidebar width" title="250px" content="250px">
- <meta name="select:sidebar width" title="260px" content="260px">
- <meta name="select:sidebar width" title="280px" content="280px">
- <meta name="select:sidebar width" title="290px" content="290px">
- <meta name="select:sidebar width" title="300px" content="300px">
- <meta name="select:sidebar width" title="310px" content="310px">
- <meta name="select:sidebar width" title="320px" content="320px">
- <meta name="select:sidebar width" title="330px" content="330px">
- <meta name="select:sidebar width" title="340px" content="340px">
- <meta name="select:sidebar width" title="350px" content="350px">
- <meta name="select:sidebar padding" title="18px" content="18px">
- <meta name="select:sidebar padding" title="none" content="0px">
- <meta name="select:sidebar padding" title="10px" content="10px">
- <meta name="select:sidebar padding" title="12px" content="12px">
- <meta name="select:sidebar padding" title="14px" content="14px">
- <meta name="select:sidebar padding" title="16px" content="16px">
- <meta name="select:sidebar padding" title="20px" content="20px">
- <meta name="select:sidebar padding" title="22px" content="22px">
- <meta name="select:sidebar padding" title="24px" content="24px">
- <meta name="select:sidebar padding" title="26px" content="26px">
- <meta name="select:sidebar padding" title="28px" content="28px">
- <meta name="select:sidebar rounded corners" title="8px" content="8px">
- <meta name="select:sidebar rounded corners" title="none" content="0px">
- <meta name="select:sidebar rounded corners" title="4px" content="4px">
- <meta name="select:sidebar shadow" title="yes" content="yes">
- <meta name="select:sidebar shadow" title="no" content="no">
- <meta name="select:sidebar shadow offset" title="10px" content="10px">
- <meta name="select:sidebar shadow offset" title="4px" content="4px">
- <meta name="select:sidebar shadow offset" title="6px" content="6px">
- <meta name="select:sidebar shadow offset" title="8px" content="8px">
- <meta name="select:sidebar shadow offset" title="12px" content="12px">
- <meta name="select:sidebar shadow offset" title="14px" content="14px">
- <meta name="select:sidebar shadow offset" title="16px" content="16px">
- <meta name="select:sidebar shadow offset" title="18px" content="18px">
- <meta name="select:sidebar shadow offset" title="20px" content="20px">
- <meta name="select:sidebar shadow offset" title="22px" content="22px">
- <meta name="select:sidebar shadow offset" title="24px" content="24px">
- <meta name="select:sidebar shadow offset" title="26px" content="26px">
- <meta name="select:sidebar shadow offset" title="28px" content="28px">
- <meta name="select:sidebar shadow offset" title="30px" content="30px">
- <meta name="select:sidebar shadow size" title="8px" content="8px">
- <meta name="select:sidebar shadow size" title="4px" content="4px">
- <meta name="select:sidebar shadow size" title="6px" content="6px">
- <meta name="select:sidebar shadow size" title="10px" content="10px">
- <meta name="select:sidebar shadow size" title="12px" content="12px">
- <meta name="select:sidebar shadow size" title="14px" content="14px">
- <meta name="select:sidebar shadow size" title="16px" content="16px">
- <meta name="select:sidebar shadow size" title="18px" content="18px">
- <meta name="select:sidebar shadow size" title="20px" content="20px">
- <meta name="select:sidebar shadow size" title="22px" content="22px">
- <meta name="select:sidebar shadow size" title="24px" content="24px">
- <meta name="select:sidebar shadow size" title="26px" content="26px">
- <meta name="select:sidebar shadow size" title="28px" content="28px">
- <meta name="select:sidebar shadow size" title="30px" content="30px">
- <meta name="select:sidebar shadow transparency" title="none" content="1">
- <meta name="select:sidebar shadow transparency" title="10%" content="0.9">
- <meta name="select:sidebar shadow transparency" title="15%" content="0.85">
- <meta name="select:sidebar shadow transparency" title="20%" content="0.8">
- <meta name="select:sidebar shadow transparency" title="25%" content="0.75">
- <meta name="select:sidebar shadow transparency" title="30%" content="0.7">
- <meta name="select:sidebar shadow transparency" title="35%" content="0.65">
- <meta name="select:sidebar shadow transparency" title="40%" content="0.6">
- <meta name="select:sidebar shadow transparency" title="45%" content="0.55">
- <meta name="select:sidebar shadow transparency" title="50%" content="0.5">
- <meta name="select:sidebar shadow transparency" title="55%" content="0.45">
- <meta name="select:sidebar shadow transparency" title="60%" content="0.4">
- <meta name="select:sidebar shadow transparency" title="65%" content="0.35">
- <meta name="select:sidebar shadow transparency" title="70%" content="0.3">
- <meta name="select:sidebar shadow transparency" title="75%" content="0.25">
- <meta name="select:sidebar shadow transparency" title="80%" content="0.2">
- <meta name="select:sidebar shadow transparency" title="85%" content="0.15">
- <meta name="select:sidebar shadow transparency" title="90%" content="0.1">
- <meta name="select:sidebar shadow transparency" title="95%" content="0.05">
- <meta name="select:sidebar box row spacing" title="16px" content="16px">
- <meta name="select:sidebar box row spacing" title="4px" content="4px">
- <meta name="select:sidebar box row spacing" title="8px" content="8px">
- <meta name="select:sidebar box row spacing" title="10px" content="10px">
- <meta name="select:sidebar box row spacing" title="12px" content="12px">
- <meta name="select:sidebar box row spacing" title="14px" content="14px">
- <meta name="select:sidebar box row spacing" title="18px" content="18px">
- <meta name="select:sidebar box row spacing" title="22px" content="22px">
- <meta name="select:sidebar box row spacing" title="24px" content="24px">
- <meta name="select:sidebar box row spacing" title="26px" content="26px">
- <meta name="select:sidebar box row spacing" title="28px" content="28px">
- <meta name="select:sidebar box row spacing" title="30px" content="30px">
- <meta name="select:sidebar boxes spacing" title="20px" content="20px">
- <meta name="select:sidebar boxes spacing" title="4px" content="4px">
- <meta name="select:sidebar boxes spacing" title="8px" content="8px">
- <meta name="select:sidebar boxes spacing" title="10px" content="10px">
- <meta name="select:sidebar boxes spacing" title="12px" content="12px">
- <meta name="select:sidebar boxes spacing" title="14px" content="14px">
- <meta name="select:sidebar boxes spacing" title="16px" content="16px">
- <meta name="select:sidebar boxes spacing" title="18px" content="18px">
- <meta name="select:sidebar boxes spacing" title="22px" content="22px">
- <meta name="select:sidebar boxes spacing" title="24px" content="24px">
- <meta name="select:sidebar boxes spacing" title="26px" content="26px">
- <meta name="select:sidebar boxes spacing" title="28px" content="28px">
- <meta name="select:sidebar boxes spacing" title="30px" content="30px">
- <!-- divider: dropdowns: sidebar image -->
- <meta name="select:🔽 ··········· 𝐒𝐈𝐃𝐄𝐁𝐀𝐑 𝐈𝐌𝐀𝐆𝐄" title="" content="">
- <meta name="select:show sidebar image" title="show" content="show">
- <meta name="select:show sidebar image" title="hide" content="hide">
- <meta name="select:sidebar image align" title="center" content="center">
- <meta name="select:sidebar image align" title="left" content="left">
- <meta name="select:sidebar image align" title="right" content="right">
- <meta name="select:sidebar image width" title="35%" content="0.35">
- <meta name="select:sidebar image width" title="100%" content="1">
- <meta name="select:sidebar image width" title="95%" content="0.95">
- <meta name="select:sidebar image width" title="90%" content="0.9">
- <meta name="select:sidebar image width" title="85%" content="0.85">
- <meta name="select:sidebar image width" title="80%" content="0.8">
- <meta name="select:sidebar image width" title="75%" content="0.75">
- <meta name="select:sidebar image width" title="70%" content="0.7">
- <meta name="select:sidebar image width" title="65%" content="0.65">
- <meta name="select:sidebar image width" title="60%" content="0.6">
- <meta name="select:sidebar image width" title="55%" content="0.55">
- <meta name="select:sidebar image width" title="50%" content="0.5">
- <meta name="select:sidebar image width" title="45%" content="0.45">
- <meta name="select:sidebar image width" title="40%" content="0.4">
- <meta name="select:sidebar image width" title="30%" content="0.3">
- <meta name="select:sidebar image width" title="25%" content="0.25">
- <meta name="select:sidebar image width" title="20%" content="0.2">
- <meta name="select:sidebar image width" title="15%" content="0.15">
- <meta name="select:sidebar image width" title="10%" content="0.1">
- <meta name="select:sidebar image border" title="yes" content="yes">
- <meta name="select:sidebar image border" title="no" content="no">
- <meta name="select:sidebar image border thickness" title="5px" content="5px">
- <meta name="select:sidebar image border thickness" title="1px" content="1px">
- <meta name="select:sidebar image border thickness" title="2px" content="2px">
- <meta name="select:sidebar image border thickness" title="3px" content="3px">
- <meta name="select:sidebar image border thickness" title="4px" content="4px">
- <meta name="select:sidebar image border thickness" title="6px" content="6px">
- <meta name="select:sidebar image border thickness" title="7px" content="7px">
- <meta name="select:sidebar image border thickness" title="8px" content="8px">
- <meta name="select:sidebar image border thickness" title="9px" content="9px">
- <meta name="select:sidebar image border thickness" title="10px" content="10px">
- <meta name="select:sidebar image shadow" title="yes" content="yes">
- <meta name="select:sidebar image shadow" title="no" content="no">
- <meta name="select:sidebar image shadow blur size" title="4px" content="4px">
- <meta name="select:sidebar image shadow blur size" title="1px" content="1px">
- <meta name="select:sidebar image shadow blur size" title="2px" content="2px">
- <meta name="select:sidebar image shadow blur size" title="3px" content="3px">
- <meta name="select:sidebar image shadow blur size" title="5px" content="5px">
- <meta name="select:sidebar image shadow blur size" title="6px" content="6px">
- <meta name="select:sidebar image shadow blur size" title="7px" content="7px">
- <meta name="select:sidebar image shadow blur size" title="8px" content="8px">
- <meta name="select:sidebar image shadow blur size" title="9px" content="9px">
- <meta name="select:sidebar image shadow blur size" title="10px" content="10px">
- <meta name="select:sidebar image shadow blur size" title="11px" content="11px">
- <meta name="select:sidebar image shadow blur size" title="12px" content="12px">
- <meta name="select:sidebar image shadow blur size" title="13px" content="13px">
- <meta name="select:sidebar image shadow blur size" title="14px" content="14px">
- <meta name="select:sidebar image shadow blur size" title="15px" content="15px">
- <meta name="select:sidebar image bottom gap" title="-25px" content="-25px">
- <meta name="select:sidebar image bottom gap" title="none" content="0px">
- <meta name="select:sidebar image bottom gap" title="50px" content="50px">
- <meta name="select:sidebar image bottom gap" title="45px" content="45px">
- <meta name="select:sidebar image bottom gap" title="40px" content="40px">
- <meta name="select:sidebar image bottom gap" title="35px" content="35px">
- <meta name="select:sidebar image bottom gap" title="30px" content="30px">
- <meta name="select:sidebar image bottom gap" title="25px" content="25px">
- <meta name="select:sidebar image bottom gap" title="20px" content="20px">
- <meta name="select:sidebar image bottom gap" title="15px" content="15px">
- <meta name="select:sidebar image bottom gap" title="10px" content="10px">
- <meta name="select:sidebar image bottom gap" title="5px" content="5px">
- <meta name="select:sidebar image bottom gap" title="-10px" content="-10px">
- <meta name="select:sidebar image bottom gap" title="-15px" content="-15px">
- <meta name="select:sidebar image bottom gap" title="-20px" content="-20px">
- <meta name="select:sidebar image bottom gap" title="-30px" content="-30px">
- <meta name="select:sidebar image bottom gap" title="-35px" content="-35px">
- <meta name="select:sidebar image bottom gap" title="-40px" content="-40px">
- <meta name="select:sidebar image bottom gap" title="-45px" content="-45px">
- <meta name="select:sidebar image bottom gap" title="-50px" content="-50px">
- <meta name="select:sidebar image bottom gap" title="-55px" content="-55px">
- <!-- divider: dropdowns: description -->
- <meta name="select:🔽 ··············· 𝐃𝐄𝐒𝐂𝐑𝐈𝐏𝐓𝐈𝐎𝐍" title="" content="">
- <meta name="select:show desc" title="show" content="show">
- <meta name="select:show desc" title="hide" content="hide">
- <meta name="select:desc font size" title="14px" content="0.85rem">
- <meta name="select:desc font size" title="12px" content="0.75rem">
- <meta name="select:desc font size" title="13px" content="0.8rem">
- <meta name="select:desc font size" title="15px" content="0.9rem">
- <meta name="select:desc font size" title="16px" content="0.95rem">
- <meta name="select:desc font size" title="17px" content="1rem">
- <meta name="select:desc text align" title="justify" content="justify">
- <meta name="select:desc text align" title="left" content="left">
- <meta name="select:desc text align" title="center" content="center">
- <meta name="select:desc text align" title="right" content="right">
- <meta name="select:desc capitalize links" title="yes" content="yes">
- <meta name="select:desc capitalize links" title="no" content="no">
- <!-- divider: dropdowns: navlinks -->
- <meta name="select:🔽 ····················· 𝐍𝐀𝐕𝐋𝐈𝐍𝐊𝐒" title="" content="">
- <meta name="select:navlinks columns" title="2" content="2">
- <meta name="select:navlinks columns" title="1" content="1">
- <meta name="select:navlinks columns" title="3" content="3">
- <meta name="select:navlinks columns" title="4" content="4">
- <meta name="select:navlinks spacing" title="8px" content="8px">
- <meta name="select:navlinks spacing" title="2px" content="2px">
- <meta name="select:navlinks spacing" title="4px" content="4px">
- <meta name="select:navlinks spacing" title="6px" content="6px">
- <meta name="select:navlinks spacing" title="10px" content="10px">
- <meta name="select:navlinks spacing" title="12px" content="12px">
- <meta name="select:navlinks spacing" title="14px" content="14px">
- <meta name="select:navlinks rounded corners" title="6px" content="6px">
- <meta name="select:navlinks rounded corners" title="none" content="0px">
- <meta name="select:navlinks rounded corners" title="2px" content="2px">
- <meta name="select:navlinks rounded corners" title="4px" content="4px">
- <meta name="select:navlinks rounded corners" title="8px" content="8px">
- <meta name="select:navlinks rounded corners" title="10px" content="10px">
- <meta name="select:navlinks icon size" title="18px" content="1.063rem">
- <meta name="select:navlinks icon size" title="14px" content="0.85rem">
- <meta name="select:navlinks icon size" title="15px" content="0.9rem">
- <meta name="select:navlinks icon size" title="16px" content="0.95rem">
- <meta name="select:navlinks icon size" title="17px" content="1rem">
- <meta name="select:navlinks icon size" title="19px" content="1.125rem">
- <meta name="select:navlinks icon size" title="20px" content="1.188rem">
- <meta name="select:navlinks icon size" title="21px" content="1.25rem">
- <meta name="select:navlinks icon size" title="22px" content="1.313rem">
- <meta name="select:navlinks icon size" title="23px" content="1.375rem">
- <meta name="select:navlinks icon size" title="24px" content="1.438rem">
- <meta name="select:navlinks icon padding" title="8px" content="8px">
- <meta name="select:navlinks icon padding" title="4px" content="4px">
- <meta name="select:navlinks icon padding" title="6px" content="6px">
- <meta name="select:navlinks icon padding" title="10px" content="10px">
- <meta name="select:navlinks icon padding" title="12px" content="12px">
- <meta name="select:navlinks icon padding" title="14px" content="14px">
- <meta name="select:truncate long navlinks" title="yes" content="yes">
- <meta name="select:truncate long navlinks" title="no" content="no">
- <meta name="select:navlinks font size" title="11px" content="0.7rem">
- <meta name="select:navlinks font size" title="10px" content="0.65rem">
- <meta name="select:navlinks font size" title="12px" content="0.75rem">
- <meta name="select:navlinks font size" title="13px" content="0.8rem">
- <meta name="select:navlinks font size" title="14px" content="0.85rem">
- <meta name="select:navlinks font size" title="15px" content="0.9rem">
- <meta name="select:theme credit location" title="sidebar" content="sb">
- <meta name="select:theme credit location" title="page corner" content="bot">
- <!-- divider: dropdowns: custom links -->
- <meta name="select:🔽 ············· 𝐂𝐔𝐒𝐓𝐎𝐌 𝐋𝐈𝐍𝐊𝐒" title="" content="">
- <meta name="select:show custom links" title="show" content="show">
- <meta name="select:show custom links" title="hide" content="hide">
- <meta name="select:custom links icon size" title="22px" content="1.375rem">
- <meta name="select:custom links icon size" title="13px" content="0.8125rem">
- <meta name="select:custom links icon size" title="14px" content="0.875rem">
- <meta name="select:custom links icon size" title="15px" content="0.9375rem">
- <meta name="select:custom links icon size" title="16px" content="1rem">
- <meta name="select:custom links icon size" title="18px" content="1.125rem">
- <meta name="select:custom links icon size" title="20px" content="1.25rem">
- <meta name="select:custom links icon size" title="24px" content="1.5rem">
- <meta name="select:custom links icon size" title="26px" content="1.625rem">
- <meta name="select:custom links icon size" title="28px" content="1.75rem">
- <meta name="select:custom links icon size" title="30px" content="1.875rem">
- <meta name="select:custom links icon size" title="32px" content="2rem">
- <meta name="select:custom links icon size" title="34px" content="2.125rem">
- <meta name="select:custom links icon size" title="36px" content="2.25rem">
- <meta name="select:custom links icon size" title="38px" content="2.375rem">
- <meta name="select:custom links icon size" title="40px" content="2.5rem">
- <meta name="select:custom links icon size" title="42px" content="2.625rem">
- <meta name="select:custom links icon size" title="44px" content="2.75rem">
- <meta name="select:custom links icon size" title="46px" content="2.875rem">
- <meta name="select:custom links font size" title="12px" content="0.75rem">
- <meta name="select:custom links font size" title="10px" content="0.65rem">
- <meta name="select:custom links font size" title="11px" content="0.7rem">
- <meta name="select:custom links font size" title="13px" content="0.8rem">
- <meta name="select:custom links font size" title="14px" content="0.85rem">
- <meta name="select:custom links font size" title="15px" content="0.9rem">
- <meta name="select:custom links line hover animation" title="yes" content="yes">
- <meta name="select:custom links line hover animation" title="no" content="no">
- <meta name="select:custom links column spacing" title="11px" content="11px">
- <meta name="select:custom links column spacing" title="3px" content="3px">
- <meta name="select:custom links column spacing" title="5px" content="5px">
- <meta name="select:custom links column spacing" title="7px" content="7px">
- <meta name="select:custom links column spacing" title="9px" content="9px">
- <meta name="select:custom links column spacing" title="13px" content="13px">
- <meta name="select:custom links column spacing" title="15px" content="15px">
- <meta name="select:custom links column spacing" title="17px" content="17px">
- <meta name="select:custom links column spacing" title="19px" content="19px">
- <meta name="select:custom links column spacing" title="21px" content="21px">
- <meta name="select:custom links row spacing" title="7px" content="7px">
- <meta name="select:custom links row spacing" title="11px" content="11px">
- <meta name="select:custom links row spacing" title="3px" content="3px">
- <meta name="select:custom links row spacing" title="5px" content="5px">
- <meta name="select:custom links row spacing" title="9px" content="9px">
- <meta name="select:custom links row spacing" title="13px" content="13px">
- <meta name="select:custom links row spacing" title="15px" content="15px">
- <meta name="select:custom links row spacing" title="17px" content="17px">
- <meta name="select:custom links row spacing" title="19px" content="19px">
- <meta name="select:custom links row spacing" title="21px" content="21px">
- <!-- divider: dropdowns: searchbar -->
- <meta name="select:🔽 ················· 𝐒𝐄𝐀𝐑𝐂𝐇𝐁𝐀𝐑" title="" content="">
- <meta name="select:show searchbar" title="show" content="show">
- <meta name="select:show searchbar" title="hide" content="hide">
- <meta name="select:searchbar rounded corners" title="4px" content="4px">
- <meta name="select:searchbar rounded corners" title="none" content="0px">
- <meta name="select:searchbar rounded corners" title="2px" content="2px">
- <meta name="select:searchbar rounded corners" title="6px" content="6px">
- <meta name="select:searchbar rounded corners" title="8px" content="8px">
- <meta name="select:searchbar rounded corners" title="10px" content="10px">
- <meta name="select:searchbar padding" title="10px" content="10px">
- <meta name="select:searchbar padding" title="4px" content="4px">
- <meta name="select:searchbar padding" title="6px" content="6px">
- <meta name="select:searchbar padding" title="8px" content="8px">
- <meta name="select:searchbar padding" title="12px" content="12px">
- <meta name="select:searchbar padding" title="14px" content="14px">
- <meta name="select:searchbar padding" title="16px" content="16px">
- <meta name="select:searchbar font size" title="12px" content="0.75rem">
- <meta name="select:searchbar font size" title="10px" content="0.65rem">
- <meta name="select:searchbar font size" title="11px" content="0.7rem">
- <meta name="select:searchbar font size" title="13px" content="0.8rem">
- <meta name="select:searchbar font size" title="14px" content="0.85rem">
- <meta name="select:searchbar font size" title="15px" content="0.9rem">
- <meta name="select:searchbar column spacing" title="6px" content="6px">
- <meta name="select:searchbar column spacing" title="2px" content="2px">
- <meta name="select:searchbar column spacing" title="4px" content="4px">
- <meta name="select:searchbar column spacing" title="8px" content="8px">
- <meta name="select:searchbar column spacing" title="10px" content="10px">
- <meta name="select:searchbar column spacing" title="12px" content="12px">
- <meta name="select:searchbar column spacing" title="14px" content="14px">
- <meta name="select:searchbar row spacing" title="6px" content="6px">
- <meta name="select:searchbar row spacing" title="2px" content="2px">
- <meta name="select:searchbar row spacing" title="4px" content="4px">
- <meta name="select:searchbar row spacing" title="8px" content="8px">
- <meta name="select:searchbar row spacing" title="10px" content="10px">
- <meta name="select:searchbar row spacing" title="12px" content="12px">
- <meta name="select:searchbar row spacing" title="14px" content="14px">
- <!-- divider: dropdowns: sidebar footer -->
- <meta name="select:🔽 ········ 𝐒𝐈𝐃𝐄𝐁𝐀𝐑 𝐅𝐎𝐎𝐓𝐄𝐑" title="" content="">
- <meta name="select:show sidebar footer" title="show" content="show">
- <meta name="select:show sidebar footer" title="hide" content="hide">
- <!-- divider: dropdowns: top title -->
- <meta name="select:🔽 ··················· 𝐓𝐎𝐏 𝐓𝐈𝐓𝐋𝐄" content="">
- <meta name="select:top title font" title="Mali" content="Mali">
- <meta name="select:top title font" title="Start Story" content="Start Story">
- <meta name="select:top title font" title="Winter Draw" content="Winter Draw">
- <meta name="select:top title font" title="Lexend" content="Lexend">
- <meta name="select:top title font size" title="40px" content="2.5rem">
- <meta name="select:top title font size" title="16px" content="1">
- <meta name="select:top title font size" title="18px" content="1.125rem">
- <meta name="select:top title font size" title="20px" content="1.25rem">
- <meta name="select:top title font size" title="22px" content="1.375rem">
- <meta name="select:top title font size" title="24px" content="1.5rem">
- <meta name="select:top title font size" title="26px" content="1.625rem">
- <meta name="select:top title font size" title="28px" content="1.75rem">
- <meta name="select:top title font size" title="30px" content="1.875rem">
- <meta name="select:top title font size" title="32px" content="2rem">
- <meta name="select:top title font size" title="34px" content="2.125rem">
- <meta name="select:top title font size" title="36px" content="2.25rem">
- <meta name="select:top title font size" title="38px" content="2.375rem">
- <meta name="select:top title font size" title="42px" content="2.625rem">
- <meta name="select:top title font size" title="44px" content="2.75rem">
- <meta name="select:top title font size" title="46px" content="2.875rem">
- <meta name="select:top title outline" title="yes" content="yes">
- <meta name="select:top title outline" title="no" content="no">
- <meta name="select:top title outline thickness" title="1.5px" content="1.5px">
- <meta name="select:top title outline thickness" title="0.5px" content="0.5px">
- <meta name="select:top title outline thickness" title="0.75px" content="0.75px">
- <meta name="select:top title outline thickness" title="1px" content="1px">
- <meta name="select:top title outline thickness" title="1.25px" content="1.25px">
- <meta name="select:top title outline thickness" title="1.75px" content="1.75px">
- <meta name="select:top title outline thickness" title="2px" content="2px">
- <meta name="select:top title outline thickness" title="2.25px" content="2.25px">
- <meta name="select:top title outline thickness" title="2.5px" content="2.5px">
- <meta name="select:top title outline thickness" title="2.75px" content="2.75px">
- <meta name="select:top title outline thickness" title="3px" content="3px">
- <meta name="select:top title shadow" title="yes" content="yes">
- <meta name="select:top title shadow" title="no" content="no">
- <meta name="select:top title shadow offset" title="3px" content="3px">
- <meta name="select:top title shadow offset" title="0.5px" content="0.5px">
- <meta name="select:top title shadow offset" title="1px" content="1px">
- <meta name="select:top title shadow offset" title="1.5px" content="1.5px">
- <meta name="select:top title shadow offset" title="2px" content="2px">
- <meta name="select:top title shadow offset" title="2.5px" content="2.5px">
- <meta name="select:top title shadow offset" title="3.5px" content="3.5px">
- <meta name="select:top title shadow offset" title="4px" content="4px">
- <meta name="select:top title shadow offset" title="4.5px" content="4.5px">
- <meta name="select:top title shadow offset" title="5px" content="5px">
- <meta name="select:top title shadow transparency" title="none" content="1">
- <meta name="select:top title shadow transparency" title="10%" content="0.9">
- <meta name="select:top title shadow transparency" title="15%" content="0.85">
- <meta name="select:top title shadow transparency" title="20%" content="0.8">
- <meta name="select:top title shadow transparency" title="25%" content="0.75">
- <meta name="select:top title shadow transparency" title="30%" content="0.7">
- <meta name="select:top title shadow transparency" title="35%" content="0.65">
- <meta name="select:top title shadow transparency" title="40%" content="0.6">
- <meta name="select:top title shadow transparency" title="45%" content="0.55">
- <meta name="select:top title shadow transparency" title="50%" content="0.5">
- <meta name="select:top title shadow transparency" title="55%" content="0.45">
- <meta name="select:top title shadow transparency" title="60%" content="0.4">
- <meta name="select:top title shadow transparency" title="65%" content="0.35">
- <meta name="select:top title shadow transparency" title="70%" content="0.3">
- <meta name="select:top title shadow transparency" title="75%" content="0.25">
- <meta name="select:top title shadow transparency" title="80%" content="0.2">
- <meta name="select:top title shadow transparency" title="85%" content="0.15">
- <meta name="select:top title shadow transparency" title="90%" content="0.1">
- <meta name="select:top title shadow transparency" title="95%" content="0.05">
- <meta name="select:top title align" title="center" content="center">
- <meta name="select:top title align" title="left" content="left">
- <meta name="select:top title align" title="right" content="right">
- <!-- divider: dropdowns: posts -->
- <meta name="select:🔽 ························· 𝐏𝐎𝐒𝐓𝐒" title="" content="">
- <meta name="select:post width" title="450px" content="450px">
- <meta name="select:post width" title="300px" content="300px">
- <meta name="select:post width" title="325px" content="325px">
- <meta name="select:post width" title="350px" content="350px">
- <meta name="select:post width" title="375px" content="375px">
- <meta name="select:post width" title="400px" content="400px">
- <meta name="select:post width" title="425px" content="425px">
- <meta name="select:post width" title="475px" content="475px">
- <meta name="select:post width" title="500px" content="500px">
- <meta name="select:post width" title="540px" content="540px">
- <meta name="select:post width" title="600px" content="600px">
- <meta name="select:post width" title="650px" content="650px">
- <meta name="select:post padding" title="14px" content="14px">
- <meta name="select:post padding" title="10px" content="10px">
- <meta name="select:post padding" title="12px" content="12px">
- <meta name="select:post padding" title="16px" content="16px">
- <meta name="select:post padding" title="18px" content="18px">
- <meta name="select:post padding" title="20px" content="20px">
- <meta name="select:post padding" title="22px" content="22px">
- <meta name="select:post padding" title="24px" content="24px">
- <meta name="select:post padding" title="26px" content="26px">
- <meta name="select:post padding" title="28px" content="28px">
- <meta name="select:post rounded corners" title="8px" content="8px">
- <meta name="select:post rounded corners" title="none" content="0px">
- <meta name="select:post rounded corners" title="4px" content="4px">
- <meta name="select:rounded post media" title="yes" content="yes">
- <meta name="select:rounded post media" 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:captions style" title="old" content="old">
- <meta name="select:captions style" title="new" content="new">
- <meta name="select:username underlines" title="yes" content="yes">
- <meta name="select:username underlines" title="no" content="no">
- <meta name="select:reblog borders" title="yes" content="yes">
- <meta name="select:reblog borders" title="no" content="no">
- <meta name="select:post avatars rounded corners" title="soft" content="4px">
- <meta name="select:post avatars rounded corners" title="circle" content="100%">
- <meta name="select:post avatars rounded corners" title="square" content="0px">
- <meta name="select:post spacing" title="45px" content="45px">
- <meta name="select:post spacing" title="30px" content="30px">
- <meta name="select:post spacing" title="35px" content="35px">
- <meta name="select:post spacing" title="40px" content="40px">
- <meta name="select:post spacing" title="50px" content="50px">
- <meta name="select:post spacing" title="55px" content="55px">
- <meta name="select:post spacing" title="60px" content="60px">
- <meta name="select:post spacing" title="65px" content="65px">
- <meta name="select:post spacing" title="70px" content="70px">
- <meta name="select:post spacing" title="75px" content="75px">
- <meta name="select:post spacing" title="80px" content="80px">
- <meta name="select:post spacing" title="85px" content="85px">
- <meta name="select:post spacing" title="90px" content="90px">
- <meta name="select:post spacing" title="95px" content="95px">
- <meta name="select:post spacing" title="100px" content="100px">
- <meta name="select:post spacing" title="105px" content="105px">
- <meta name="select:post spacing" title="110px" content="110px">
- <meta name="select:post spacing" title="115px" content="115px">
- <meta name="select:post spacing" title="120px" content="120px">
- <meta name="select:post spacing" title="125px" content="125px">
- <meta name="select:infinite scroll" title="no" content="no">
- <meta name="select:infinite scroll" title="yes" content="yes">
- <!-- divider: dropdowns: post shadows -->
- <meta name="select:🔽 ··········· 𝐏𝐎𝐒𝐓 𝐒𝐇𝐀𝐃𝐎𝐖𝐒" title="" content="">
- <meta name="select:post shadow" title="yes" content="yes">
- <meta name="select:post shadow" title="no" content="no">
- <meta name="select:post shadow offset" title="14px" content="14px">
- <meta name="select:post shadow offset" title="4px" content="4px">
- <meta name="select:post shadow offset" title="6px" content="6px">
- <meta name="select:post shadow offset" title="8px" content="8px">
- <meta name="select:post shadow offset" title="10px" content="10px">
- <meta name="select:post shadow offset" title="12px" content="12px">
- <meta name="select:post shadow offset" title="16px" content="16px">
- <meta name="select:post shadow offset" title="18px" content="18px">
- <meta name="select:post shadow offset" title="20px" content="20px">
- <meta name="select:post shadow offset" title="22px" content="22px">
- <meta name="select:post shadow offset" title="24px" content="24px">
- <meta name="select:post shadow offset" title="26px" content="26px">
- <meta name="select:post shadow offset" title="28px" content="28px">
- <meta name="select:post shadow offset" title="30px" content="30px">
- <meta name="select:post shadow size" title="8px" content="8px">
- <meta name="select:post shadow size" title="4px" content="4px">
- <meta name="select:post shadow size" title="6px" content="6px">
- <meta name="select:post shadow size" title="10px" content="10px">
- <meta name="select:post shadow size" title="12px" content="12px">
- <meta name="select:post shadow size" title="14px" content="14px">
- <meta name="select:post shadow size" title="16px" content="16px">
- <meta name="select:post shadow size" title="18px" content="18px">
- <meta name="select:post shadow size" title="20px" content="20px">
- <meta name="select:post shadow size" title="22px" content="22px">
- <meta name="select:post shadow size" title="24px" content="24px">
- <meta name="select:post shadow size" title="26px" content="26px">
- <meta name="select:post shadow size" title="28px" content="28px">
- <meta name="select:post shadow size" title="30px" content="30px">
- <meta name="select:post shadow transparency" title="none" content="1">
- <meta name="select:post shadow transparency" title="10%" content="0.9">
- <meta name="select:post shadow transparency" title="15%" content="0.85">
- <meta name="select:post shadow transparency" title="20%" content="0.8">
- <meta name="select:post shadow transparency" title="25%" content="0.75">
- <meta name="select:post shadow transparency" title="30%" content="0.7">
- <meta name="select:post shadow transparency" title="35%" content="0.65">
- <meta name="select:post shadow transparency" title="40%" content="0.6">
- <meta name="select:post shadow transparency" title="45%" content="0.55">
- <meta name="select:post shadow transparency" title="50%" content="0.5">
- <meta name="select:post shadow transparency" title="55%" content="0.45">
- <meta name="select:post shadow transparency" title="60%" content="0.4">
- <meta name="select:post shadow transparency" title="65%" content="0.35">
- <meta name="select:post shadow transparency" title="70%" content="0.3">
- <meta name="select:post shadow transparency" title="75%" content="0.25">
- <meta name="select:post shadow transparency" title="80%" content="0.2">
- <meta name="select:post shadow transparency" title="85%" content="0.15">
- <meta name="select:post shadow transparency" title="90%" content="0.1">
- <meta name="select:post shadow transparency" title="95%" content="0.05">
- <!-- divider: dropdowns: post header -->
- <meta name="select:🔽 ·············· 𝐏𝐎𝐒𝐓 𝐇𝐄𝐀𝐃𝐄𝐑" title="" content="">
- <meta name="select:post header images" title="yes" content="yes">
- <meta name="select:post header images" title="no" content="no">
- <meta name="select:post header images align" title="right" content="right">
- <meta name="select:post header images align" title="left" content="left">
- <meta name="select:post header images align" title="center" content="center">
- <meta name="select:post header image 1 width" title="70%" content="0.7">
- <meta name="select:post header image 1 width" title="100%" content="1">
- <meta name="select:post header image 1 width" title="95%" content="0.95">
- <meta name="select:post header image 1 width" title="90%" content="0.9">
- <meta name="select:post header image 1 width" title="85%" content="0.85">
- <meta name="select:post header image 1 width" title="80%" content="0.8">
- <meta name="select:post header image 1 width" title="75%" content="0.75">
- <meta name="select:post header image 1 width" title="65%" content="0.65">
- <meta name="select:post header image 1 width" title="60%" content="0.6">
- <meta name="select:post header image 1 width" title="55%" content="0.55">
- <meta name="select:post header image 1 width" title="50%" content="0.5">
- <meta name="select:post header image 2 width" title="65%" content="0.65">
- <meta name="select:post header image 2 width" title="100%" content="1">
- <meta name="select:post header image 2 width" title="95%" content="0.95">
- <meta name="select:post header image 2 width" title="90%" content="0.9">
- <meta name="select:post header image 2 width" title="85%" content="0.85">
- <meta name="select:post header image 2 width" title="80%" content="0.8">
- <meta name="select:post header image 2 width" title="75%" content="0.75">
- <meta name="select:post header image 2 width" title="70%" content="0.7">
- <meta name="select:post header image 2 width" title="60%" content="0.6">
- <meta name="select:post header image 2 width" title="55%" content="0.55">
- <meta name="select:post header image 2 width" title="50%" content="0.5">
- <meta name="select:post header image 3 width" title="70%" content="0.7">
- <meta name="select:post header image 3 width" title="100%" content="1">
- <meta name="select:post header image 3 width" title="95%" content="0.95">
- <meta name="select:post header image 3 width" title="90%" content="0.9">
- <meta name="select:post header image 3 width" title="85%" content="0.85">
- <meta name="select:post header image 3 width" title="80%" content="0.8">
- <meta name="select:post header image 3 width" title="75%" content="0.75">
- <meta name="select:post header image 3 width" title="65%" content="0.65">
- <meta name="select:post header image 3 width" title="60%" content="0.6">
- <meta name="select:post header image 3 width" title="55%" content="0.55">
- <meta name="select:post header image 3 width" title="50%" content="0.5">
- <meta name="select:post header image 4 width" title="70%" content="0.7">
- <meta name="select:post header image 4 width" title="100%" content="1">
- <meta name="select:post header image 4 width" title="95%" content="0.95">
- <meta name="select:post header image 4 width" title="90%" content="0.9">
- <meta name="select:post header image 4 width" title="85%" content="0.85">
- <meta name="select:post header image 4 width" title="80%" content="0.8">
- <meta name="select:post header image 4 width" title="75%" content="0.75">
- <meta name="select:post header image 4 width" title="65%" content="0.65">
- <meta name="select:post header image 4 width" title="60%" content="0.6">
- <meta name="select:post header image 4 width" title="55%" content="0.55">
- <meta name="select:post header image 4 width" title="50%" content="0.5">
- <meta name="select:post header image 5 width" title="100%" content="1">
- <meta name="select:post header image 5 width" title="95%" content="0.95">
- <meta name="select:post header image 5 width" title="90%" content="0.9">
- <meta name="select:post header image 5 width" title="85%" content="0.85">
- <meta name="select:post header image 5 width" title="80%" content="0.8">
- <meta name="select:post header image 5 width" title="75%" content="0.75">
- <meta name="select:post header image 5 width" title="70%" content="0.7">
- <meta name="select:post header image 5 width" title="65%" content="0.65">
- <meta name="select:post header image 5 width" title="60%" content="0.6">
- <meta name="select:post header image 5 width" title="55%" content="0.55">
- <meta name="select:post header image 5 width" title="50%" content="0.5">
- <meta name="select:post header image 6 width" title="100%" content="1">
- <meta name="select:post header image 6 width" title="95%" content="0.95">
- <meta name="select:post header image 6 width" title="90%" content="0.9">
- <meta name="select:post header image 6 width" title="85%" content="0.85">
- <meta name="select:post header image 6 width" title="80%" content="0.8">
- <meta name="select:post header image 6 width" title="75%" content="0.75">
- <meta name="select:post header image 6 width" title="70%" content="0.7">
- <meta name="select:post header image 6 width" title="65%" content="0.65">
- <meta name="select:post header image 6 width" title="60%" content="0.6">
- <meta name="select:post header image 6 width" title="55%" content="0.55">
- <meta name="select:post header image 6 width" title="50%" content="0.5">
- <meta name="select:post header image 7 width" title="100%" content="1">
- <meta name="select:post header image 7 width" title="95%" content="0.95">
- <meta name="select:post header image 7 width" title="90%" content="0.9">
- <meta name="select:post header image 7 width" title="85%" content="0.85">
- <meta name="select:post header image 7 width" title="80%" content="0.8">
- <meta name="select:post header image 7 width" title="75%" content="0.75">
- <meta name="select:post header image 7 width" title="70%" content="0.7">
- <meta name="select:post header image 7 width" title="65%" content="0.65">
- <meta name="select:post header image 7 width" title="60%" content="0.6">
- <meta name="select:post header image 7 width" title="55%" content="0.55">
- <meta name="select:post header image 7 width" title="50%" content="0.5">
- <meta name="select:post header image 8 width" title="100%" content="1">
- <meta name="select:post header image 8 width" title="95%" content="0.95">
- <meta name="select:post header image 8 width" title="90%" content="0.9">
- <meta name="select:post header image 8 width" title="85%" content="0.85">
- <meta name="select:post header image 8 width" title="80%" content="0.8">
- <meta name="select:post header image 8 width" title="75%" content="0.75">
- <meta name="select:post header image 8 width" title="70%" content="0.7">
- <meta name="select:post header image 8 width" title="65%" content="0.65">
- <meta name="select:post header image 8 width" title="60%" content="0.6">
- <meta name="select:post header image 8 width" title="55%" content="0.55">
- <meta name="select:post header image 8 width" title="50%" content="0.5">
- <meta name="select:post header images animation" title="yes" content="yes">
- <meta name="select:post header images animation" title="no" content="no">
- <meta name="select:post header waves" title="yes" content="yes">
- <meta name="select:post header waves" title="no" content="no">
- <!-- divider: dropdowns: tags -->
- <meta name="select:🔽 ··························· 𝐓𝐀𝐆𝐒" title="" content="">
- <meta name="select:tags" title="toggle" content="toggle">
- <meta name="select:tags" title="toggle + fade" content="toggle-fade">
- <meta name="select:tags" title="always show" content="show">
- <meta name="select:tags position" title="right" content="right">
- <meta name="select:tags position" title="left" content="left">
- <!-- divider: dropdowns: post info bar -->
- <meta name="select:🔽 ············ 𝐏𝐎𝐒𝐓 𝐈𝐍𝐅𝐎 𝐁𝐀𝐑" title="" content="">
- <meta name="select:post info bar padding" title="10px" content="10px">
- <meta name="select:post info bar padding" title="2px" content="2px">
- <meta name="select:post info bar padding" title="4px" content="4px">
- <meta name="select:post info bar padding" title="6px" content="6px">
- <meta name="select:post info bar padding" title="8px" content="8px">
- <meta name="select:post info bar padding" title="12px" content="12px">
- <meta name="select:post info bar padding" title="14px" content="14px">
- <meta name="select:post info bar padding" title="16px" content="16px">
- <meta name="select:post info bar padding" title="18px" content="18px">
- <meta name="select:post info bar padding" title="20px" content="20px">
- <meta name="select:shorten timestamps" title="yes" content="yes">
- <meta name="select:shorten timestamps" title="no" content="no">
- <meta name="select:shorten notes" title="yes" content="yes">
- <meta name="select:shorten notes" title="no" content="no">
- <meta name="select:post liked solid icon" title="yes" content="yes">
- <meta name="select:post liked solid icon" title="no" content="no">
- <!-- divider: dropdowns: hover text -->
- <meta name="select:🔽 ················ 𝐇𝐎𝐕𝐄𝐑 𝐓𝐄𝐗𝐓" title="" content="">
- <meta name="select:hover text box shadow" title="yes" content="yes">
- <meta name="select:hover text box shadow" title="no" content="no">
- <meta name="select:hover text box shadow offset" title="6px" content="6px">
- <meta name="select:hover text box shadow offset" title="2px" content="2px">
- <meta name="select:hover text box shadow offset" title="4px" content="4px">
- <meta name="select:hover text box shadow offset" title="8px" content="8px">
- <meta name="select:hover text box shadow offset" title="10px" content="10px">
- <meta name="select:hover text box shadow offset" title="12px" content="12px">
- <meta name="select:hover text box shadow offset" title="14px" content="14px">
- <meta name="select:hover text box shadow offset" title="16px" content="16px">
- <meta name="select:hover text box shadow offset" title="18px" content="18px">
- <meta name="select:hover text box shadow offset" title="20px" content="20px">
- <meta name="select:hover text box shadow size" title="6px" content="6px">
- <meta name="select:hover text box shadow size" title="4px" content="4px">
- <meta name="select:hover text box shadow size" title="8px" content="8px">
- <meta name="select:hover text box shadow size" title="10px" content="10px">
- <meta name="select:hover text box shadow size" title="12px" content="12px">
- <meta name="select:hover text box shadow size" title="14px" content="14px">
- <meta name="select:hover text box shadow size" title="16px" content="16px">
- <meta name="select:hover text box shadow size" title="18px" content="18px">
- <meta name="select:hover text box shadow size" title="20px" content="20px">
- <meta name="select:hover text box shadow size" title="22px" content="22px">
- <meta name="select:hover text box shadow size" title="24px" content="24px">
- <meta name="select:hover text box shadow size" title="26px" content="26px">
- <meta name="select:hover text box shadow size" title="28px" content="28px">
- <meta name="select:hover text box shadow size" title="30px" content="30px">
- <meta name="select:hover text box shadow transparency" title="none" content="1">
- <meta name="select:hover text box shadow transparency" title="10%" content="0.9">
- <meta name="select:hover text box shadow transparency" title="15%" content="0.85">
- <meta name="select:hover text box shadow transparency" title="20%" content="0.8">
- <meta name="select:hover text box shadow transparency" title="25%" content="0.75">
- <meta name="select:hover text box shadow transparency" title="30%" content="0.7">
- <meta name="select:hover text box shadow transparency" title="35%" content="0.65">
- <meta name="select:hover text box shadow transparency" title="40%" content="0.6">
- <meta name="select:hover text box shadow transparency" title="45%" content="0.55">
- <meta name="select:hover text box shadow transparency" title="50%" content="0.5">
- <meta name="select:hover text box shadow transparency" title="55%" content="0.45">
- <meta name="select:hover text box shadow transparency" title="60%" content="0.4">
- <meta name="select:hover text box shadow transparency" title="65%" content="0.35">
- <meta name="select:hover text box shadow transparency" title="70%" content="0.3">
- <meta name="select:hover text box shadow transparency" title="75%" content="0.25">
- <meta name="select:hover text box shadow transparency" title="80%" content="0.2">
- <meta name="select:hover text box shadow transparency" title="85%" content="0.15">
- <meta name="select:hover text box shadow transparency" title="90%" content="0.1">
- <meta name="select:hover text box shadow transparency" title="95%" content="0.05">
- <!-- divider: text: top title -->
- <meta name="text:󠀠​" content="🖊️ ························ 𝐓𝐎𝐏 𝐓𝐈𝐓𝐋𝐄
">
- <meta name="text:top title" content="Reducks">
- <meta name="text:top title hover text" content="Chips and quackamole">
- <!-- divider: text: sidebar -->
- <meta name="text:󠀠​​" content="🖊️ ··························· 𝐒𝐈𝐃𝐄𝐁𝐀𝐑
">
- <meta name="text:sidebar image hover text" content="">
- <meta name="text:sidebar desc" content="Let’s meet again someday and <b>reminisce</b> about the beautiful moments we once shared.
- [...] Don’t you think we owe <i>each other</i> a <b>chance</b> once more? — <a href="https://thebutterflyarchives.tumblr.com/post/649688942852079616">@thebutterflyarchives</a>">
- <!-- divider: text: navlinks -->
- <meta name="text:󠀠​​​" content="🖊 ······················· 𝐍𝐀𝐕𝐋𝐈𝐍𝐊𝐒
">
- <meta name="text:🔗 navlink icons list 👇" content="https://mingcute.com">
- <meta name="text:navlink 1 name" content="Home">
- <meta name="text:navlink 1 icon" content="home_4_line">
- <meta name="text:navlink 1 URL" content="/">
- <meta name="text:navlink 2 name" content="Askbox">
- <meta name="text:navlink 2 icon" content="mail_line">
- <meta name="text:navlink 2 URL" content="/ask">
- <meta name="text:navlink 3 name" content="Archive">
- <meta name="text:navlink 3 icon" content="grid_line">
- <meta name="text:navlink 3 URL" content="/archive">
- <meta name="text:navlink 4 name" content="">
- <meta name="text:navlink 4 icon" content="">
- <meta name="text:navlink 4 URL" content="">
- <meta name="text:navlink 5 name" content="">
- <meta name="text:navlink 5 icon" content="">
- <meta name="text:navlink 5 URL" content="">
- <meta name="text:navlink 6 name" content="">
- <meta name="text:navlink 6 icon" content="">
- <meta name="text:navlink 6 URL" content="">
- <!-- divider: text: custom links -->
- <meta name="text:󠀠​​​​" content="🖊 ··············· 𝐂𝐔𝐒𝐓𝐎𝐌 𝐋𝐈𝐍𝐊𝐒
">
- <meta name="text:custom link 1 name" content="example link">
- <meta name="text:custom link 1 URL" content="https://youtu.be/8AxV3y6W-Uk">
- <meta name="text:custom link 2 name" content="example link">
- <meta name="text:custom link 2 URL" content="https://youtu.be/8AxV3y6W-Uk">
- <meta name="text:custom link 3 name" content="example link">
- <meta name="text:custom link 3 URL" content="https://youtu.be/8AxV3y6W-Uk">
- <meta name="text:custom link 4 name" content="">
- <meta name="text:custom link 4 URL" content="">
- <meta name="text:custom link 5 name" content="">
- <meta name="text:custom link 5 URL" content="">
- <meta name="text:custom link 6 name" content="">
- <meta name="text:custom link 6 URL" content="">
- <meta name="text:custom link 7 name" content="">
- <meta name="text:custom link 7 URL" content="">
- <meta name="text:custom link 8 name" content="">
- <meta name="text:custom link 8 URL" content="">
- <!-- divider: text: searchbar -->
- <meta name="text:󠀠​​​​​" content="🖊 ···················· 𝐒𝐄𝐀𝐑𝐂𝐇𝐁𝐀𝐑
">
- <meta name="text:searchbar prompt text" content="Search...">
- <meta name="text:search suggestion 1 name" content="#gpoy">
- <meta name="text:search suggestion 1 URL" content="/tagged/gpoy">
- <meta name="text:search suggestion 2 name" content="">
- <meta name="text:search suggestion 2 URL" content="">
- <meta name="text:search suggestion 3 name" content="">
- <meta name="text:search suggestion 3 URL" content="">
- <meta name="text:search suggestion 4 name" content="">
- <meta name="text:search suggestion 4 URL" content="">
- <meta name="text:search suggestion 5 name" content="">
- <meta name="text:search suggestion 5 URL" content="">
- {/block:Options}
- <!--+++++++++++++++++++++++++++++++++++++++++++++++++-->
- <!----- THEME SCRIPTS & SHEETS ----->
- <!-- NPF v4 -->
- <link href="//glenthemes.github.io/npf-images-v4/core.min.css" rel="stylesheet">
- <script src="//glenthemes.github.io/npf-images-v4/main.min.js"></script>
- <!-- essentials -->
- <script src="//glen-themes.gitlab.io/thms/41/reducks.js"></script>
- <link href="//glen-themes.gitlab.io/thms/41/reducks.css" rel="stylesheet">
- <!-- google fonts -->
- <link href="//fonts.googleapis.com" rel="preconnect">
- <link href="//fonts.gstatic.com" rel="preconnect" crossorigin>
- <script>
- addGoogleFonts("{select:font}, {select:small caps font}, {select:heading font}, {select:top title font}, Google Sans Code");
- </script>
- <!-- icon fonts/libs -->
- <link href="//mage-icons.gitlab.io/i/icons.min.css" rel="stylesheet" crossorigin>
- <link href="//cdn.jsdelivr.net/gh/Richard9394/MingCute@main/fonts/MingCute.css" rel="stylesheet" crossorigin>
- <!--+++++++++++++++++++++++++++++++++++++++++++++++++-->
- <style>
- /* custom fonts */
- @font-face { font-family: "Start Story"; src: url("//gfonts.gitlab.io/t/Start_Story.otf"); }
- @font-face { font-family: "Winter Draw"; src: url("//gfonts.gitlab.io/t/Winter_Draw.otf"); }
- /*------ OPTION VARIABLES ------*/
- :root {
- /*---- GENERAL ----*/
- --Screen-Gaps-OG:{select:screen gap};
- --Screen-Gaps:{select:screen gap};
- --Page-LoadIn-FadeIn-Speed:420ms;
- /*---- BACKGROUND ----*/
- --Plaid-Checkers-Square-Size:{select:plaid checkers square size};
- --Plaid-Checkers-Row-1-Square-A-Color:{color:plaid checkers square 1};
- --Plaid-Checkers-Row-1-Square-B-Color:{color:plaid checkers square 2};
- --Plaid-Checkers-Row-2-Square-A-Color:{color:plaid checkers square 3};
- --Plaid-Checkers-Row-2-Square-B-Color:{color:plaid checkers square 4};
- /*---- CONTAINER ----*/
- --Container-Width-Total:clamp(20vw, calc(var(--Sidebar-Width) + var(--Center-Gap) + var(--Post-Width-Total)), 75vw);
- --Container-Width-Total-With-Side-Gaps:calc(var(--Container-Width-Total) + (var(--Screen-Gaps) * 2));
- --Center-Gap:{select:center gap};
- /*---- SIDEBAR ----*/
- --Sidebar-Width-OG:{select:sidebar width};
- --Sidebar-Width:{select:sidebar width};
- --Sidebar-Image-Scale-Factor:{select:sidebar image width};
- --Sidebar-Image-Width:calc(var(--Sidebar-Width) * var(--Sidebar-Image-Scale-Factor));
- --Sidebar-Image-Outline-Thickness:{select:sidebar image border thickness};
- --Sidebar-Image-Outline-Color:{color:sidebar image border};
- --Sidebar-Image-Shadow-Size:{select:sidebar image shadow blur size};
- --Sidebar-Image-Shadow-Color:{color:sidebar image shadow};
- --Sidebar-Image-Y-Offset:{select:sidebar image bottom gap};
- --Sidebar-BG:{color:sidebar BG};
- --Sidebar-Border-Size:1px;
- --Sidebar-Border-Color:{color:sidebar border};
- --Sidebar-Rounded-Corners:{select:sidebar rounded corners};
- --Sidebar-Shadow-Offset:{select:sidebar shadow offset};
- --Sidebar-Shadow-Size:{select:sidebar shadow size};
- --Sidebar-Shadow-Color:{color:sidebar shadow};
- --Sidebar-Shadow-Transparency:{select:sidebar shadow transparency};
- --Sidebar-Padding:{select:sidebar padding};
- --Sidebar-Box-Row-Spacing:{select:sidebar box row spacing};
- --Sidebar-Boxes-Spacing:{select:sidebar boxes spacing};
- --Desc-Font-Size:{select:desc font size};
- --Desc-Text-Color:{color:desc text};
- --Desc-Line-Height:var(--Body-Line-Height); /* number only */
- --Desc-LH-V-Gap:calc(((var(--Desc-Font-Size) * var(--Desc-Line-Height)) - var(--Desc-Font-Size)) / 2);
- --Desc-Links-Color:{color:desc links};
- --Desc-Links-Underline-Gap:0.23em;
- --Desc-Links-Underline-Color:{color:desc links underline};
- --Desc-Bold:{color:desc bold};
- --Desc-Italic:{color:desc italic};
- /*---- NAVLINKS ----*/
- --Navlinks-Columns:{select:navlinks columns};
- --Navlinks-Spacing:{select:navlinks spacing};
- --Navlinks-Border-Size:1px;
- --Navlinks-Border-Color:{color:navlinks border};
- --Navlinks-Rounded-Corners:{select:navlinks rounded corners};
- --Navlinks-Icon-Size:{select:navlinks icon size};
- --Navlinks-Icon-Padding:{select:navlinks icon padding};
- --Navlinks-Icon-Total-Size:calc(var(--Navlinks-Icon-Size) + (var(--Navlinks-Icon-Padding) * 2));
- --Navlinks-Icon-BG:{color:navlinks icon BG};
- --Navlinks-Icon-Color:{color:navlinks icon};
- --Navlinks-Label-Font-Size:{select:navlinks font size};
- --Navlinks-Label-Padding-X:max(0.420rem,var(--Navlinks-Icon-Padding));
- --Navlinks-Label-Padding-Y:calc(var(--Navlinks-Label-Padding-X) - var(--Navlinks-Label-LH-V-Gap));
- --Navlinks-Label-BG:{color:navlinks label BG};
- --Navlinks-Label-Line-Height:1.6;
- --Navlinks-Label-LH-V-Gap:calc(((var(--Navlinks-Label-Font-Size) * var(--Navlinks-Label-Line-Height)) - var(--Navlinks-Label-Font-Size)) / 2);
- --Navlinks-Label-Total-Height:calc((var(--Navlinks-Label-Font-Size) * var(--Navlinks-Label-Line-Height)) + (var(--Navlinks-Label-Padding-Y) * 2));
- --Navlinks-Label-Text-Color:{color:navlinks label};
- --Navlinks-Hover-Speed:var(--Links-Hover-Speed);
- --Navlinks-HOVER-Border-Color:{color:navlinks hover border};
- --Navlinks-HOVER-Icon-BG:{color:navlinks hover icon BG};
- --Navlinks-HOVER-Icon-Color:{color:navlinks hover icon};
- --Navlinks-HOVER-Label-BG:{color:navlinks hover label BG};
- --Navlinks-HOVER-Label-Text-Color:{color:navlinks hover label};
- /*---- CUSTOM LINKS ----*/
- --Custom-Links-Icon-Size:{select:custom links icon size};
- --Custom-Links-Font-Size:{select:custom links font size};
- --Custom-Links-Text-Color:{color:custom links};
- --Custom-Links-Line-Decor-Thickness:1px;
- --Custom-Links-Line-Decor-Color:{color:custom links lines};
- --Custom-Links-Line-Decor-Side-Gaps:{select:custom links column spacing};
- --Custom-Links-Hover-Speed:var(--Links-Hover-Speed);
- --Custom-Links-Hover-Text-Color:{color:custom links hover};
- --Custom-Links-Hover-Line-Decor-Color:{color:custom links hover lines};
- --Custom-Links-Row-Spacing:{select:custom links row spacing};
- /*---- SEARCHBAR ----*/
- --Searchbar-Field-Border:{color:searchbar border};
- --Searchbar-Field-Corner-Rounding:{select:searchbar rounded corners};
- --Searchbar-Field-Background:{color:searchbar BG};
- --Searchbar-Field-Padding:{select:searchbar padding};
- --Searchbar-Field-Font:var(--SmallCaps-Font-Family);
- --Searchbar-Field-Font-Size:{select:searchbar font size};
- --Searchbar-Field-Placeholder-Color:{color:searchbar prompt text};
- --Searchbar-Field-Typing-Color:{color:searchbar text};
- --Searchbar-Spacing:{select:searchbar column spacing};
- --Searchbar-Button-Border:{color:searchbar button border};
- --Searchbar-Button-Corner-Rounding:var(--Searchbar-Field-Corner-Rounding);
- --Searchbar-Button-Background:{color:searchbar button BG};
- --Searchbar-Button-Padding:var(--Searchbar-Field-Padding);
- --Searchbar-Button-Icon-Size:calc(var(--Searchbar-Button-Font-Size) * 1.25);
- --Searchbar-Button-Text-Color:{color:searchbar button icon};
- --Searchbar-Button-HOVER-Border-Color:{color:searchbar button hover border};
- --Searchbar-Button-HOVER-BG:{color:searchbar button hover BG};
- --Searchbar-Button-HOVER-Text-Color:{color:searchbar button hover icon};
- --Search-Suggestion-Box-Top-Gap:{select:searchbar row spacing};
- --Search-Suggestion-Box-Inner-Margin:var(--Searchbar-Field-Padding);
- --Search-Suggestion-Box-Border:{color:search suggestions border};
- --Search-Suggestion-Box-Corner-Rounding:var(--Searchbar-Field-Corner-Rounding);
- --Search-Suggestion-Box-Background:{color:search suggestions BG};
- --Search-Suggestion-Items-Corner-Rounding:calc(var(--Search-Suggestion-Box-Corner-Rounding) - 1px);
- --Search-Suggestion-Items-Padding:var(--Searchbar-Field-Padding);
- --Search-Suggestion-Items-Border-Size:1px;
- --Search-Suggestion-Items-Border-Color:{color:search suggestions border};
- --Search-Suggestions-Font:var(--SmallCaps-Font-Family);
- --Search-Suggestions-Font-Size:{select:searchbar font size};
- --Search-Suggestions-Text-Color:{color:search suggestions text};
- --Search-Suggestions-Expand-Speed:669ms; /* ms only */
- --Search-Suggestions-HOVER-Background:{color:search suggestions hover BG};
- --Search-Suggestions-HOVER-Text-Color:{color:search suggestions hover text};
- --Search-Suggestions-HOVER-Speed:var(--Links-Hover-Speed);
- /*---- SIDEBAR FOOTER ----*/
- --Sidebar-Footer-Text-Color:{color:sidebar footer text};
- --Sidebar-Footer-Link-Color:{color:sidebar footer link};
- --Sidebar-Footer-Link-Underline-Color:{color:sidebar footer link underline};
- /*---- TOP TITLE ----*/
- --Top-Title-Font-Family:"{select:top title font}";
- --Top-Title-Font-Weight:700;
- --Top-Title-Font-Size:{select:top title font size};
- --Top-Title-Text-Case:uppercase;
- --Top-Title-Letter-Spacing:0.025em;
- --Top-Title-Word-Spacing:0px;
- --Top-Title-Line-Height:var(--Body-Line-Height); /* number only */
- --Top-Title-LH-V-Gap:calc(((var(--Top-Title-Font-Size) * var(--Top-Title-Line-Height)) - var(--Top-Title-Font-Size)) / 2);
- --Top-Title-Outline-Thickness:{select:top title outline thickness};
- --Top-Title-Outline-Color:{color:top title outline};
- --Top-Title-Text-Color:{color:top title text};
- --Top-Title-Shadow-Offset-X-OG:{select:top title shadow offset};
- --Top-Title-Shadow-Offset-Y-OG:{select:top title shadow offset};
- --Top-Title-Shadow-Color:{color:top title shadow};
- --Top-Title-Shadow-Transparency:{select:top title shadow transparency};
- --Top-Title-Text-Align:{select:top title align};
- --Top-Title-Touch-Padding-X:0.69rem;
- --Top-Title-Touch-Padding-Y:max(calc(var(--Top-Title-Touch-Padding-X) - var(--Top-Title-LH-V-Gap)),5px);
- /*---- POSTS ----*/
- --Post-Content-Width:{select:post width};
- --Post-Padding:{select:post padding};
- --Post-Width-Total:calc(var(--Post-Content-Width) + (var(--Post-Padding) * 2) + (var(--Post-Border-Size) * 2));
- --Post-Border-Size:1px; /* do not change bc it messes up on firefox */
- --Post-Border-Color:{color:post borders};
- --Post-BG:{color:post BG};
- --Post-Rounded-Corners:max(0px,{select:post rounded corners});
- --Post-Spacing-OG:{select:post spacing};
- --Post-Spacing:{select:post spacing};
- --Post-Shadow-Offset:{select:post shadow offset};
- --Post-Shadow-Size:{select:post shadow size};
- --Post-Shadow-Color:{color:post shadow};
- --Post-Shadow-Transparency:{select:post shadow transparency};
- --Post-Secondary-BG:{color:post alt BG};
- --Post-Secondary-Border-Size:1px;
- --Post-Secondary-Border-Color:{color:post alt borders};
- --Post-Secondary-Text-Color:{color:text alt};
- /*---- DUCKS SETTINGS ----*/
- --Top-Ducks-Edge-Offset:0px;
- --Top-Ducks-Row-Width:100%;
- --Top-Ducks-Cell-Width:calc(100% / 8); /* do not touch */
- --Top-Ducks-Bottom-Offset:calc(0px - (var(--Waves-Height) * 0.19298246));
- --Top-Ducks-Animation-Speed:2s;
- --Top-Ducks-Animation-Dip-Amount:4px;
- --Top-Ducks-Animation-Delay:0.35s;
- /* 0-1 number/decimals only */
- --Top-Ducks-Image-1-Width:{select:post header image 1 width};
- --Top-Ducks-Image-2-Width:{select:post header image 2 width};
- --Top-Ducks-Image-3-Width:{select:post header image 3 width};
- --Top-Ducks-Image-4-Width:{select:post header image 4 width};
- --Top-Ducks-Image-5-Width:{select:post header image 5 width};
- --Top-Ducks-Image-6-Width:{select:post header image 6 width};
- --Top-Ducks-Image-7-Width:{select:post header image 7 width};
- --Top-Ducks-Image-8-Width:{select:post header image 8 width};
- /*---- POST HEADER ----*/
- --Post-Header-Padding-X:{select:post info bar padding};
- --Post-Header-Padding-Y:calc((var(--Post-Header-Padding-X) - (((var(--Post-Header-Font-Size) * var(--Body-Line-Height)) - var(--Post-Header-Font-Size)) / 2)) + 2px);
- --Post-Header-BG:{color:post info bar BG};
- --Post-Header-Rounded-Corners:calc(var(--Post-Rounded-Corners) - var(--Post-Border-Size));
- --Post-Header-Font-Size:calc(var(--SmallCaps-Font-Size) * 0.95);
- --Post-Header-Text-Color:{color:post info bar text};
- --Post-Header-Icon-Size:calc(var(--Body-Font-Size) * 1.25);
- --Post-Header-Items-Spacing:7px;
- --Post-Header-Border-Size:1px;
- --Post-Header-Border-Color:{color:post info bar border};
- /*---- MAIN FONT ----*/
- --Base-Font-Size:16px;
- --Body-Font-Family:"{select:font}";
- --Body-Font-Weight:normal;
- --Body-Font-Size:{select:font size};
- --Body-Letter-Spacing:0px;
- --Body-Word-Spacing:0px;
- --Body-Text-Color:{color:text};
- --Body-Text-Color-Lighter:rgba({RGBcolor:text},0.8);
- --Body-Line-Height:1.65; /* number only */
- --Body-LH-V-Gap:calc(((var(--Body-Font-Size) * var(--Body-Line-Height)) - var(--Body-Font-Size)) / 2);
- /*---- SMALL CAPS FONT ----*/
- --SmallCaps-Font-Family:"{select:small caps font}";
- --SmallCaps-Font-Weight:500;
- --SmallCaps-Font-Size:{select:small caps font size};
- --SmallCaps-Letter-Spacing:0.025em;
- --SmallCaps-Word-Spacing:0px;
- --SmallCaps-LH-V-Gap:calc(((var(--SmallCaps-Font-Size) * var(--Body-Line-Height)) - var(--SmallCaps-Font-Size)) / 2);
- /*---- HEADING FONT ----*/
- --Heading-Font-Family:"{select:heading font}";
- --Heading-Font-Weight:700;
- --Heading-Font-Size:{select:heading font size};
- --Heading-Text-Case:uppercase;
- --Heading-Letter-Spacing:0.025em;
- --Heading-Word-Spacing:0px;
- --Heading-Line-Height:var(--Body-Line-Height); /* number only */
- --Heading-LH-V-Gap:calc(((var(--Heading-Font-Size) * var(--Heading-Line-Height)) - var(--Heading-Font-Size)) / 2);
- /*---- POST TITLE ----*/
- --Post-Title-Border-Size:1px;
- --Post-Title-Border-Color:{color:post title border};
- --Post-Title-Padding-X:calc(var(--Post-Padding) - 1px);
- --Post-Title-Padding-Y:calc((var(--Post-Title-Padding-X) - (((var(--Heading-Font-Size) * var(--Heading-Line-Height)) - var(--Heading-Font-Size)) / 2)) + 2px);
- --Post-Title-BG:{color:post title BG};
- --Post-Title-Rounded-Corners:calc(var(--Post-Rounded-Corners) - var(--Post-Border-Size));
- --Post-Title-Text-Color:{color:post title text};
- /*---- TEXT FORMATTING ----*/
- --Bold-Font-Weight:600;
- --Bold:{color:bold};
- --Italic:{color:italic};
- --Links-Color:{color:links};
- --Links-Underline-Gap:0.23em;
- --Links-Underline-Size:1px;
- --Links-Underline-Color:{color:links underline};
- --Links-Hover-Speed:0.4s;
- --Code-Block-Padding-X:max(calc(var(--Post-Padding) - 1px),1.420em);
- --Code-Block-Padding-Y:calc(var(--Code-Block-Padding-X) - var(--Body-LH-V-Gap));
- --Code-Block-Border-Size:var(--Post-Secondary-Border-Size);
- --Code-Block-Border-Color:var(--Post-Secondary-Border-Color);
- --Code-Block-Rounded-Corners:calc(var(--Post-Rounded-Corners) - var(--Post-Border-Size) - 1px);
- --Code-Block-BG:var(--Post-Secondary-BG);
- --Code-Block-Text-Color:var(--Post-Secondary-Text-Color);
- --Code-Font-Family:"Google Sans Code";
- --Code-Font-Weight:normal;
- --Code-Font-Size:calc(var(--Body-Font-Size) * 0.875);
- --Code-Letter-Spacing:0px;
- --Code-Word-Spacing:0px;
- --Code-Line-Height:var(--Body-Line-Height);
- --Blockquote-Left-Gap-1:calc((var(--Post-Avatar-Size) / 2) - (var(--Blockquote-Border-Size) / 2));
- --Blockquote-Border-Size:1px;
- --Blockquote-Border-Color:{color:blockquote border};
- --Blockquote-Left-Gap-2:calc(0px - var(--Blockquote-Border-Size) - var(--Blockquote-Left-Gap-1) + var(--Post-Avatar-Size) + var(--Reblog-Header-Center-Gap));
- /*---- POST MEDIA SETTINGS ----*/
- --Post-Media-Rounded-Corners:calc(var(--Post-Rounded-Corners) - var(--Post-Border-Size) - 1px);
- /*---- NPF SETTINGS: PHOTO(SET)S ----*/
- --NPF-Text-Container:".text-post-caption, .text-post-reblogs";
- --NPF-Reblogs-Selector:".comment";
- --NPF-Move-To-Top:"yes";
- --NPF-Captionless-Add-Source:"no";
- --NPF-Change-Post-Type:"yes";
- --NPF-Caption-Spacing:0px;
- --NPF-Images-Spacing:var(--Photoset-Spacing);
- /*---- NPF SETTINGS: ALT TEXT ----*/
- --NPF-Alt-Text-Button-Visibility:40%;
- --NPF-Alt-Text-Button-Rounded-Corners:3px;
- --NPF-Alt-Text-Button-Fade-Speed:0.4s;
- --NPF-Alt-Text-Button-Font-Size:calc(var(--SmallCaps-Font-Size) - 0.5px);
- --NPF-Alt-Text-Close-Button-Background-Color:var(--Body-Text-Color);
- --NPF-Alt-Text-Close-Button-Icon-Size:var(--Body-Font-Size);
- --NPF-Alt-Text-Close-Button-Icon-Color:var(--Post-BG);
- /*---- PHOTOS / PHOTOSETS ----*/
- --Photoset-Spacing:{select:photos spacing};
- --Lightbox-BG:{color:background};
- --Lightbox-BG-Strength:69%;
- --Lightbox-BG-Blur-Amount:4px;
- --Lightbox-Image-Rounded-Corners:var(--Post-Media-Rounded-Corners);
- /*---- QUOTE POSTS ----*/
- --Quote-Font-Family:var(--Heading-Font-Family);
- --Quote-Font-Weight:var(--Heading-Font-Weight);
- --Quote-Font-Size:var(--Heading-Font-Size);
- --Quote-Text-Case:var(--Heading-Text-Case);
- --Quote-Letter-Spacing:var(--Heading-Letter-Spacing);
- --Quote-Word-Spacing:var(--Heading-Word-Spacing);
- --Quote-Line-Height:var(--Heading-Line-Height);
- --Quote-Side-Padding-Bonus:0.8em;
- --Quote-Post-Row-Spacing:1em;
- /*---- LINK POSTS ----*/
- --Link-Post-Title-Font-Size:var(--Heading-Font-Size);
- --Link-Post-Title-Line-Height:var(--Heading-Line-Height);
- --Link-Post-Title-Arrow-Left-Gap:13px;
- --Link-Post-Title-Arrow-Icon:'<i class="mageicons" icon-name="external-link" stroke="1.75"></i>';
- --Link-Post-Title-Arrow-Size:calc(var(--Link-Post-Title-Font-Size) * 1.1);
- --Link-Post-Row-Spacing:10px;
- --Link-Post-Site-Name-Right-Gap:8px;
- --Link-Post-Site-Name-Link-Icon:'<i class="mageicons" icon-name="link" stroke="1.75"></i>';
- /*---- CHAT POSTS ----*/
- --Chat-Post-Row-Padding-X:calc(var(--Post-Padding) - 1px);
- --Chat-Post-Row-Padding-Y:calc(var(--Chat-Post-Row-Padding-X) - var(--Body-LH-V-Gap));
- --Chat-Post-Row-Alternating-Rounded-Corners:calc(var(--Post-Rounded-Corners) - var(--Post-Border-Size) - 1px);
- --Chat-Post-Row-Alternating-BG:var(--Post-Secondary-BG);
- --Chat-Post-Row-Alternating-Text-Color:var(--Post-Secondary-Text-Color);
- --Chat-Post-Font-Family:var(--Code-Font-Family);
- --Chat-Post-Font-Weight:var(--Code-Font-Weight);
- --Chat-Post-Font-Size:var(--Code-Font-Size);
- --Chat-Post-Letter-Spacing:0px;
- --Chat-Post-Word-Spacing:0px;
- --Chat-Post-Line-Height:var(--Body-Line-Height);
- /*---- AUDIO POSTS ----*/
- --Audio-Post-Volume:75%;
- --Audio-Post-Album-Image-Size:80px;
- --Audio-Post-Play-Btn-Icon:'<i class="mgc_play_fill"></i>';
- --Audio-Post-Play-Btn-Hover-Text:"Play";
- --Audio-Post-Pause-Btn-Icon:'<i class="mageicons" icon-name="pause" solid></i>';
- --Audio-Post-Pause-Btn-Hover-Text:"Pause";
- --Audio-Post-Buttons-Icons-Size:calc(var(--Body-Font-Size) * 1.25);
- --Audio-Post-Buttons-Icons-Color:var(--Post-Secondary-Text-Color);
- --Audio-Post-Buttons-Padding:10px;
- --Audio-Post-Buttons-BG:var(--Post-Secondary-BG);
- --Audio-Post-Buttons-Total-Size:calc(var(--Audio-Post-Buttons-Icons-Size) + (var(--Audio-Post-Buttons-Padding) * 2));
- --Audio-Post-Buttons-Rounded-Corners:100%;
- --Audio-Post-Details-BG:var(--Post-Secondary-BG);
- --Audio-Post-Details-Padding-X:14px;
- --Audio-Post-Details-Padding-Y:calc(var(--Audio-Post-Details-Padding-X) - var(--Body-LH-V-Gap));
- --Audio-Post-Details-Text-Color:var(--Post-Secondary-Text-Color);
- --Audio-Post-Download-Btn-Touch-Padding:7px;
- --Audio-Post-Download-Btn-Icon:'<i class="mageicons" icon-name="download" stroke="1.75"></i>';
- --Audio-Post-Download-Btn-Icon-Size:calc(var(--Body-Font-Size) * 1.3);
- --Audio-Post-Download-Btn-Hover-Text:'{lang:Download this track}';
- --Audio-Post-Download-Btn-Icon-Color:var(--Audio-Post-Details-Text-Color);
- /*---- OTHER AUDIO ----*/
- --SoundCloud-Player-Height:20px; /* 20px, 116px, or 500px */
- --SoundCloud-Show-Album-Image:"yes";
- /*---- VIDEO POSTS ----*/
- --Video-Post-Volume:75%;
- --Video-Player-Font-Size:calc(var(--SmallCaps-Font-Size) + 1px);
- --Video-Player-Font-Weight:normal;
- /*---- ASK POSTS ----*/
- --Ask-Post-Column-Gap:15px;
- --Ask-Post-Header-Bottom-Gap:calc(0px - var(--SmallCaps-LH-V-Gap) + 0.55em);
- --Ask-Post-QnA-Row-Spacing:var(--Photoset-Spacing);
- --Ask-Post-Rounded-Corners:calc(var(--Post-Rounded-Corners) - var(--Post-Border-Size) - 1px);
- --Ask-Post-Question-Padding:calc(var(--Post-Padding) - 1px);
- --Ask-Post-Question-BG:var(--Post-Secondary-BG);
- --Ask-Post-Question-Avatar-Size:52px;
- --Ask-Post-Question-Avatar-Rounded-Corners:3px;
- --Ask-Post-Question-Text-Color:var(--Post-Secondary-Text-Color);
- --Ask-Post-Anon-Transparent:"yes";
- --Ask-Post-Answer-Padding:calc(var(--Post-Padding) - 1px);
- --Ask-Post-Answer-BG:var(--Post-Secondary-BG);
- --Ask-Post-Answer-Avatar-Size:52px;
- --Ask-Post-Answer-Avatar-Rounded-Corners:3px;
- --Ask-Post-Answer-Text-Color:var(--Post-Secondary-Text-Color);
- /*---- POLLS ----*/
- --Poll-Question-Font-Size:var(--Body-Font-Size);
- --Poll-Question-Font-Weight:var(--Body-Font-Weight);
- --Poll-Question-Bottom-Gap:1em;
- --Poll-Options-Border-Size:var(--Post-Secondary-Border-Size);
- --Poll-Options-Border-Color:var(--Post-Secondary-Border-Color);
- --Poll-Options-Padding-X:max(calc(var(--Post-Padding) - 1px),1.420em);
- --Poll-Options-Padding-Y:calc(var(--Poll-Options-Padding-X) - var(--SmallCaps-LH-V-Gap));
- --Poll-Options-BG:var(--Post-Secondary-BG);
- --Poll-Options-Font-Size:calc(var(--SmallCaps-Font-Size));
- --Poll-Options-Text-Color:var(--Post-Secondary-Text-Color);
- --Poll-Options-Spacing:0.69em;
- /*---- CAPTIONS / REBLOGS ----*/
- --Captions-Top-Gap:var(--Post-Padding);
- --Reblog-Header-Center-Gap:13px;
- --Reblog-Header-Bottom-Gap:1em;
- --Post-Avatar-Size:34px;
- --Post-Avatar-Rounded-Corners:{select:post avatars rounded corners};
- --Post-Usernames-Color:{color:post usernames};
- --Post-Usernames-Underlines-Color:{color:post usernames underline};
- --Deactivated-Label-Text:{block:English}Deactivated{/block:English}{block:German}Deaktiviert{/block:German}{block:French}Désactivé{/block:French}{block:Italian}Disattivato{/block:Italian}{block:Japanese}無効化{/block:Japanese}{block:Turkish}Kapatıldı{/block:Turkish}{block:Spanish}Desactivado{/block:Spanish}{block:Russian}Деактивировано{/block:Russian}{block:Polish}deaktywowano{/block:Polish}{block:PortuguesePT}Desativado{/block:PortuguesePT}{block:PortugueseBR}Desativado{/block:PortugueseBR}{block:Dutch}Gedeactiveerd{/block:Dutch}{block:Korean}사용 안 함{/block:Korean}{block:ChineseSimplified}已关闭{/block:ChineseSimplified}{block:ChineseTraditional}已停用{/block:ChineseTraditional}{block:ChineseHK}已停用{/block:ChineseHK}{block:Indonesian}Dinonaktifkan{/block:Indonesian}{block:Hindi}निष्क्रिय{/block:Hindi};
- --Reblog-Border-Size:1px;
- --Reblog-Border-Color:var(--Post-Border-Color);
- /*---- POST FOOTER ----*/
- --Post-Footer-Border-Size:1px;
- --Post-Footer-Border-Color:{color:post info bar border};
- --Post-Footer-Padding-X:{select:post info bar padding};
- --Post-Footer-Padding-Y:calc((var(--Post-Footer-Padding-X) - (((var(--Post-Footer-Font-Size) * var(--Body-Line-Height)) - var(--Post-Footer-Font-Size)) / 2)) + 2px);
- --Post-Footer-BG:{color:post info bar BG};
- --Post-Footer-Rounded-Corners:var(--Post-Rounded-Corners);
- --Post-Footer-Column-Spacing:calc(var(--Post-Padding) - 1px);
- --Post-Footer-Font-Size:calc(var(--SmallCaps-Font-Size) * 0.95);
- --Post-Footer-Text-Color:{color:post info bar text};
- --Post-Footer-LH-Full:calc(var(--Post-Footer-Font-Size) * var(--Body-Line-Height));
- --Post-Footer-Icons-Size:calc(var(--Post-Controls-Icon-Size) - 1px);
- --Post-Footer-Items-Spacing:6px;
- --NoteCount-Label-Single:"note";
- --NoteCount-Label-Plural:"notes";
- /*---- TAGS ----*/
- --Tags-Top-Gap:var(--Captions-Top-Gap);
- --Tags-Slide-Speed:0.5s;
- --Tags-Fade-Delay:0.35s;
- --Tags-Fade-Speed:0.5s;
- --Tags-Font-Size:calc(var(--SmallCaps-Font-Size) * 0.95);
- --Tags-Line-Height:var(--Body-Line-Height);
- --Tags-LH-V-Gap:calc(((var(--Tags-Font-Size) * var(--Tags-Line-Height)) - var(--Tags-Font-Size)) / 2);
- --Tags-Padding-X:8px;
- --Tags-Padding-Y:calc((var(--Tags-Padding-X) * 1.0) - var(--Tags-LH-V-Gap));
- --Tags-Rounded-Corners:calc(var(--Post-Rounded-Corners) - 2px);
- --Tags-Border-Size:1px;
- --Tags-Spacing-X:8px;
- --Tags-Spacing-Y:var(--Tags-Spacing-X);
- --Tags-Border-Color:{color:tags border};
- --Tags-BG:{color:tags BG};
- --Tags-Text-Color:{color:tags text};
- --Tags-Hover-Border-Color:{color:tags hover border};
- --Tags-Hover-BG:{color:tags hover BG};
- --Tags-Hover-Text-Color:{color:tags hover text};
- /*---- POST CONTROLS ----*/
- --Post-Controls-Spacing:5px;
- --Post-Controls-Touch-Padding:6px;
- --Post-Controls-Icon-Size:calc(var(--Body-Font-Size) * 1.1);
- --Post-Controls-Button-Total-Size:calc(var(--Post-Controls-Icon-Size) + (var(--Post-Controls-Touch-Padding) * 2));
- --Post-Controls-Icon-Color:{color:post info bar icons};
- --Liked-Button-Color:{color:like button liked};
- /*---- POST NOTES ----*/
- --Post-Notes-Row-Spacing:0.75em;
- --Post-Notes-Type-Icon-Size:calc(var(--Body-Font-Size) + 3px);
- --Post-Notes-Type-Icon-Gap-Right:8px;
- /*---- PAGE NUMBERS ----*/
- --Page-Numbers-Arrow-Size:calc(var(--Body-Font-Size) * 1.1);
- --Page-Numbers-Arrow-Gap:4px;
- --Page-Numbers-Touch-Padding:6px;
- --Page-Numbers-Spacing:calc(var(--Page-Numbers-Touch-Padding) + 8px);
- --Page-Numbers-Color:{color:page numbers};
- --Load-More-Spinner-Size:calc(var(--Heading-Font-Size) * 1.5);
- --Load-More-Spinner-Speed:2.5s;
- /*----- SCREEN CORNER -----*/
- --Screen-Corner-Offset:18px;
- --Screen-Corner-Items-Spacing:4px;
- --BackToTop-Button-Total-Size:calc(var(--BackToTop-Button-Icon-Size) + (var(--BackToTop-Button-Border-Size) * 2) + (var(--BackToTop-Button-Padding) * 2));
- --BackToTop-Button-Border-Size:var(--Navlinks-Border-Size);
- --BackToTop-Button-Border-Color:{color:back to top button border};
- --BackToTop-Button-Padding:var(--Navlinks-Icon-Padding);
- --BackToTop-Button-BG:{color:back to top button BG};
- --BackToTop-Button-Rounded-Corners:var(--Navlinks-Rounded-Corners);
- --BackToTop-Button-Icon-Size:var(--Navlinks-Icon-Size);
- --BackToTop-Button-Icon-Color:{color:back to top button arrow};
- --BackToTop-Button-HOVER-Border-Color:{color:back to top button hover border};
- --BackToTop-Button-HOVER-BG:{color:back to top button hover BG};
- --BackToTop-Button-HOVER-Icon-Color:{color:back to top button hover icon};
- --BackToTop-Fade-Speed:0.3s;
- /*----- TOOLTIPS OPTIONS -----*/
- --Tooltips-Margin:20; /* number only */
- --Tooltips-Fade-In-Delay:0s;
- --Tooltips-Fade-In-Speed:0.4s;
- --Tooltips-Fade-Out-Delay:0s;
- --Tooltips-Fade-Out-Speed:0.4s;
- --Tooltips-Border-Size:1px;
- --Tooltips-Border-Color:{color:hover text border};
- --Tooltips-Padding-X:0.85em;
- --Tooltips-Padding-Y:0.85em;
- --Tooltips-Rounded-Corners:var(--Post-Footer-Rounded-Corners);
- --Tooltips-Shadow-Offset:{select:hover text box shadow offset};
- --Tooltips-Shadow-Size:{select:hover text box shadow size};
- --Tooltips-Shadow-Color:{color:hover text box shadow};
- --Tooltips-Shadow-Transparency:{select:hover text box shadow transparency};
- --Tooltips-Shadow-Rounded-Corners:var(--Tooltips-Rounded-Corners);
- --Tooltips-BG:{color:hover text BG};
- --Tooltips-Font-Size:calc(var(--SmallCaps-Font-Size) - 1px);
- --Tooltips-Text-Color:{color:hover text};
- /*---- SCROLLBAR OPTIONS ----*/
- --Scrollbar-Gutter:12px;
- --Scrollbar-Padding:7px;
- --Scrollbar-Thumb-Size:1px;
- --Scrollbar-Total-Size:calc((var(--Scrollbar-Padding) * 2) + var(--Scrollbar-Thumb-Size));
- --Scrollbar-Thumb:{color:scrollbar};
- --Scrollbar-BG:{color:scrollbar BG};
- /*---- RESPONSIVE VARS ----*/
- --Largest-Shadow-Val:max({select:post shadow size},{select:sidebar shadow size});
- }/* end root */
- /*-------- TUMBLR CONTROLS --------*/
- .tmblr-iframe-compact .tmblr-iframe--unified-controls {
- width:100%!important;
- }
- .iframe-controls--phone-mobile,
- .tmblr-iframe--app-cta-button,
- body > .tmblr-iframe:not(.tmblr-iframe--gdpr-banner){
- visibility:hidden!important;
- height:0!important;
- clip-path:inset(100%);
- }
- .new-tc-cont, iframe#new-tumblr-controls {
- position:fixed;
- top:0;left:0;
- height:54px;
- width:100%!important;
- background:{color:tumblr controls BG};
- z-index:10;
- }
- .new-tc-cont:after {
- content:"";
- position:absolute;
- top:100%;left:0;
- width:100%;
- height:var(--Post-Border-Size);
- background:{color:tumblr controls bottom border};
- }
- body:has(> .os-scrollbar-vertical.os-scrollbar-visible) .new-tc-cont,
- body:has(> .os-scrollbar-vertical.os-scrollbar-visible) iframe#new-tumblr-controls {
- width:calc(100% - var(--Scrollbar-Total-Size))!important;
- }
- iframe[class*="tumblr_"], iframe[id*="tumblr_"],
- iframe[class*="tumblr-"], iframe[id*="tumblr-"],
- iframe[class*="tmblr-"], iframe[id*="tmblr-"]{
- user-select:none;
- }
- /*------- BASICS -------*/
- html, body {
- scroll-behavior:smooth;
- }
- html {
- font-size:var(--Base-Font-Size);
- -webkit-text-size-adjust:100%;
- }
- body {
- margin:0;
- font:var(--Body-Font-Weight,normal) var(--Body-Font-Size,0.9rem)/var(--Body-Line-Height,1.5) var(--Body-Font-Family), sans-serif;
- letter-spacing:var(--Body-Letter-Spacing);
- word-spacing:var(--Body-Word-Spacing);
- word-break:break-word;
- color:var(--Body-Text-Color);
- background-color:{color:background};
- background-image:none;
- }
- [checkers-bg*="no"] .bg-pattern { display:none }
- [checkers-bg*="yes"] .bg-pattern {
- position:fixed;
- top:0;left:0;
- width:100vw;
- height:100vh;
- background:
- conic-gradient(
- var(--Plaid-Checkers-Row-1-Square-B-Color) 0% 25%,
- var(--Plaid-Checkers-Row-2-Square-B-Color) 25% 50%,
- var(--Plaid-Checkers-Row-2-Square-A-Color) 50% 75%,
- var(--Plaid-Checkers-Row-1-Square-A-Color) 75% 100%
- );
- background-size:calc(var(--Plaid-Checkers-Square-Size) * 2) calc(var(--Plaid-Checkers-Square-Size) * 2);
- z-index:-1;
- }
- html:not(.page-narrow) [checkers-bg*=",1px"] .bg-pattern {
- --Plaid-Checkers-Square-Size:min(0.1985vw,0.1985vh);
- }
- html:not(.page-narrow) [checkers-bg*=",1.5px"] .bg-pattern {
- --Plaid-Checkers-Square-Size:min(0.2976vw,0.2976vh);
- }
- html:not(.page-narrow) [checkers-bg*=",2px"] .bg-pattern {
- --Plaid-Checkers-Square-Size:min(0.3969vw,0.3969vh);
- }
- html:not(.page-narrow) [checkers-bg*=",2.5px"] .bg-pattern {
- --Plaid-Checkers-Square-Size:min(0.4961vw,0.4961vh);
- }
- html:not(.page-narrow) [checkers-bg*=",3px"] .bg-pattern {
- --Plaid-Checkers-Square-Size:min(0.5955vw,0.5955vh);
- }
- html:not(.page-narrow) [checkers-bg*=",3.5px"] .bg-pattern {
- --Plaid-Checkers-Square-Size:min(0.6969vw,0.6969vh);
- }
- html:not(.page-narrow) [checkers-bg*=",4px"] .bg-pattern {
- --Plaid-Checkers-Square-Size:min(0.7938vw,0.7938vh);
- }
- .bg-img {
- position:fixed;
- top:0;left:0;
- width:100vw;
- height:100vh;
- background:url("{image:background image}") fixed {color:background};
- z-index:-1;
- pointer-events:none;
- }
- [bg-size="small"] .bg-img {
- background:url("{image:background image}") repeat fixed {color:background};
- }
- [bg-size="large"] .bg-img {
- background:url("{image:background image}") no-repeat fixed center/cover {color:background};
- }
- [bg-image*="assets.tumblr.com/images/x.gif"] .bg-img { display:none }
- img, canvas, iframe, video {
- max-width:100%;
- vertical-align:middle;
- }
- img, canvas, video { height:auto }
- a {
- color:var(--Links-Color);
- text-decoration:none;
- transition:all var(--Links-Hover-Speed) ease-in-out;
- }
- b, strong {
- font-weight:var(--Bold-Font-Weight);
- color:var(--Bold);
- }
- i:not([class]), em {
- font-style:italic;
- color:var(--Italic);
- }
- [class*="mgc_"]:before {
- color:inherit;
- }
- figure { margin:0 }
- blockquote {
- margin-right:0;
- margin-left:var(--Blockquote-Left-Gap-1);
- border-left:var(--Blockquote-Border-Size) solid var(--Blockquote-Border-Color);
- padding-left:var(--Blockquote-Left-Gap-2);
- }
- [captions-style="old"]{
- --Blockquote-Left-Gap-1:1em;
- --Blockquote-Left-Gap-2:1em;
- }
- /* code text */
- pre, code {
- font:var(--Code-Font-Weight,normal) var(--Code-Font-Size,1.1rem)/var(--Code-Line-Height,1.65) var(--Code-Font-Family), monospace;
- font-variant-ligatures:none;
- font-variant-numeric:tabular-nums;
- letter-spacing:var(--Code-Letter-Spacing);
- word-spacing:var(--Code-Word-Spacing);
- word-wrap:break-word;
- }
- pre {
- border:var(--Code-Block-Border-Size) solid var(--Code-Block-Border-Color);
- padding:var(--Code-Block-Padding-Y) var(--Code-Block-Padding-X);
- border-radius:var(--Code-Block-Rounded-Corners);
- background:var(--Code-Block-BG);
- white-space:pre-wrap;
- color:var(--Code-Block-Text-Color);
- }
- code:not(pre code){
- border:var(--Code-Block-Border-Size) solid var(--Code-Block-Border-Color);
- padding:calc(0.5em - (((var(--Code-Font-Size) * var(--Code-Line-Height)) - var(--Code-Font-Size)) / 2)) 0.5em;
- background:var(--Code-Block-BG);
- color:var(--Code-Block-Text-Color);
- }
- /* bullet lists, numbered lists */
- ul, ol {
- --ul-ol-gap-1:1em;
- --ul-ol-gap-2:0.5em;
- padding-left:0;
- margin-left:calc(1em + var(--ul-ol-gap-1));
- text-align:initial;
- }
- li {
- padding-left:var(--ul-ol-gap-2);
- }
- /* nested bullet lists */
- ul ul, ol ul, ol ol, ul ol {
- margin-left:calc(((1em + var(--ul-ol-gap-1)) * 2) - var(--ul-ol-gap-2));
- }
- /* npf cursive */
- body p.npf_quirky, body .npf_quirky {
- font-size:calc(var(--Heading-Font-Size) * 1.25)!important;
- line-height:calc(var(--Heading-Line-Height) * 0.9)!important;
- }
- /* default colored text */
- /* tmblr.co/ZbO6tPho8Gd4Oq01 */
- /* red */ .npf_color_joey, [style="color: #ff4930"]{color:#fe6b6d!important}
- /* orange */ .npf_color_monica {color:#f98c64!important}
- /* yellow */ .npf_color_phoebe, [style="color: #e8d738"]{color:#f4ba27!important}
- /* green */ .npf_color_ross {color:#70bd76!important}
- /* blue */ .npf_color_rachel {color:#5faeec!important}
- /* purple */ .npf_color_chandler {color:#a995f0!important}
- /* pink */ .npf_color_niles {color:#fd8fb3!important}
- /* keep reading / read mores */
- .read-more-row {
- text-align:center;
- }
- a.read-more-link {
- font-size:calc(var(--Heading-Font-Size) * 0.8);
- }
- :is(p,blockquote,pre,ul,ol,h1,h2,h3,h4,h5,h6):empty { display:none }
- :is(p,blockquote,pre,ul,ol,h1,h2,h3,h4,h5,h6):first-child,
- :is(p,blockquote,pre,ul,ol,h1,h2,h3,h4,h5,h6):first-child:empty + :is(p,blockquote,pre,ul,ol,h1,h2,h3,h4,h5,h6){
- margin-top:0;
- }
- :is(p,blockquote,pre,ul,ol,h1,h2,h3,h4,h5,h6):last-child,
- :is(p,blockquote,pre,ul,ol,h1,h2,h3,h4,h5,h6):has(+ :is(p,blockquote,pre,ul,ol,h1,h2,h3,h4,h5,h6):last-child:empty){
- margin-bottom:0;
- }
- hr {
- /* example post: tmblr.co/Z2hZ-ViiBJikOe00 */
- display:block;
- width:69%;
- margin:1em auto;
- border:none;
- height:1px;
- background:rgb(from var(--Body-Text-Color) r g b / 25%);
- }
- /* text highlight / text selection / text selected */
- ::selection {
- background:{color:text highlighted BG};
- color:{color:text highlighted};
- }
- ::-moz-selection {
- background:{color:text highlighted BG};
- color:{color:text highlighted};
- }
- .full_h {
- position:absolute;
- top:0;left:0;
- width:0;
- height:calc(100vh - (var(--Screen-Gaps) * 2));
- }
- /*----- BODY FONT ADJUSTMENTS -----*/
- [font="Funnel Sans"]{
- --Body-Font-Weight:350;
- --Body-Font-Size:calc({select:font size} * 1.035);
- --Body-Letter-Spacing:0.0069em;
- --Body-Word-Spacing:0.0069em;
- --Desc-Font-Size:calc({select:font size} * 1.035);
- }
- [font="Cause"]{
- --Body-Font-Size:calc({select:font size} * 1.05);
- --Body-Letter-Spacing:0.0069em;
- --Body-Word-Spacing:0.015em;
- --Desc-Font-Size:calc({select:desc font size} * 1.05);
- }
- [font="Solway"]{
- --Body-Font-Size:calc({select:font size} + .3px);
- --Body-Letter-Spacing:0.0035em;
- --Bold-Font-Weight:700;
- --Desc-Font-Size:calc({select:desc font size} + .3px);
- }
- /*----- SMALL CAPS FONT ADJUSTMENTS -----*/
- [caps-font="Gabarito"]{
- --SmallCaps-Letter-Spacing:0.069em;
- }
- [caps-font="Mali"]{
- --SmallCaps-Letter-Spacing:0.0420em;
- --SmallCaps-Word-Spacing:-0.05em;
- }
- /*----- HEADING FONT ADJUSTMENTS -----*/
- [heading-font="Winter Draw"]{
- --Heading-Font-Weight:normal;
- --Heading-Letter-Spacing:0.0420em;
- --Heading-Word-Spacing:-0.025em;
- }
- [heading-font="Start Story"]{
- --Heading-Font-Weight:normal;
- --Heading-Letter-Spacing:0.008em;
- --Heading-Word-Spacing:0.025em;
- }
- [heading-font="Mali"]{
- --Heading-Font-Size:calc({select:heading font size} - 0.5px);
- --Heading-Font-Weight:600;
- --Heading-Letter-Spacing:0.03em;
- --Heading-Word-Spacing:-0.05em;
- }
- [heading-font="Lexend"]{
- --Heading-Font-Weight:600;
- }
- /*----- TOP TITLE FONT ADJUSTMENTS -----*/
- [top-title-font="Winter Draw"]{
- --Top-Title-Font-Weight:normal;
- --Top-Title-Letter-Spacing:0.1em;
- --Top-Title-Word-Spacing:-0.025em;
- }
- [top-title-font="Start Story"]{
- --Top-Title-Font-Weight:normal;
- --Top-Title-Letter-Spacing:0.03em;
- --Top-Title-Word-Spacing:0.025em;
- }
- [top-title-font="Mali"]{
- --Top-Title-Font-Weight:600;
- --Top-Title-Letter-Spacing:0.05em;
- --Top-Title-Word-Spacing:-0.05em;
- }
- [heading-font="Lexend"]{
- --Top-Title-Font-Weight:600;
- }
- /*------ SMALL CAPS FONT ------*/
- .caps, .post-header, .username, .comment-body p > a.tumblr_blog, .site-name, p.tmblr-attribution, .ask-head, .ans-head, a.read-more-link, a.poll-row, .npf-alt-text-btn, .chat-label, .actual-ct, .actual-dur, .content-src a, .npf-post-source a, .quote-set figcaption a, .tagscont, .post-info-left, ol.notes li span.action > a, ol.notes .more_notes_link, ol.notes .notes_loading, .page-numbers, .tippy-content, .desc.caps-links-yes a, .nav-txt, .cl-text, .searchblock, .searchbar-field, .searchbar-field::placeholder, .sb-footer {
- font:var(--SmallCaps-Font-Weight,normal) var(--SmallCaps-Font-Size,inherit) var(--SmallCaps-Font-Family), sans-serif;
- text-transform:uppercase;
- letter-spacing:var(--SmallCaps-Letter-Spacing);
- word-spacing:var(--SmallCaps-Word-Spacing);
- }
- /*------ HEADING FONT ------*/
- h1, h2, h3, h4, h5, h6, h2.post-title {
- font:var(--Heading-Font-Weight,normal) var(--Heading-Font-Size,1.1rem)/var(--Heading-Line-Height,1.7) var(--Heading-Font-Family), sans-serif;
- text-transform:var(--Heading-Text-Case);
- letter-spacing:var(--Heading-Letter-Spacing);
- word-spacing:var(--Heading-Word-Spacing);
- }
- h1, h2, h3 { text-align:center }
- h2 { font-size:calc(var(--Heading-Font-Size) * 0.9) }
- h3 { font-size:calc(var(--Heading-Font-Size) * 0.985) }
- h4, h5, h6 {
- font-size:max(calc(var(--Heading-Font-Size) * 0.8), var(--Body-Font-Size));
- }
- /*------ LINKS (NORMAL) ------*/
- /* links underline; link underlines */
- [username-underlines="yes"] .comment-header .username-txt, [username-underlines="yes"] .comment-body p > a.tumblr_blog:first-child, .tmblr-attribution a, .ans a, .comment-body a:not(a.audio-dl, .comment-body p > a.tumblr_blog, a.the-link, a.poll-row), ol.notes li.with_commentary:not(.original_post):has(+ li) blockquote a:only-child, ol.notes a.more_notes_link, .npf-post-source a, .quote-set figcaption a, .desc a, .sb-footer a {
- padding-bottom:var(--Links-Underline-Gap);
- border-bottom:var(--Links-Underline-Size) solid var(--Links-Underline-Color);
- }
- [username-underlines="yes"] .comment-header .username-txt, [username-underlines="yes"] .comment-body p > a.tumblr_blog:first-child {
- --Links-Underline-Color:var(--Post-Usernames-Underlines-Color);
- }
- /* gif src attribution */
- p.tmblr-attribution:has(> a){
- transform:translateY(calc(0px - var(--Links-Underline-Gap) - var(--Links-Underline-Size)));
- }
- /*------ CONTAINER [1/2] ------*/
- .tout {
- margin:calc(54px + var(--Screen-Gaps)) auto var(--Screen-Gaps) auto;
- width:var(--Container-Width-Total-With-Side-Gaps);
- display:flex;
- flex-flow:column nowrap;
- align-items:flex-start; /* x-left */
- }
- /*------ CONTAINER [2/2] ------*/
- .tout-tu {
- display:flex;
- align-items:flex-start;
- gap:var(--Center-Gap);
- padding:0 var(--Screen-Gaps);
- flex-shrink:0;
- opacity:0;
- }
- body.reducks .tout-tu { opacity:1 }
- .tout-tu, body.reducks .tout-tu {
- transition:opacity var(--Page-LoadIn-FadeIn-Speed) ease-in-out;
- }
- .tout-tu[sb-pos="right"] main { order:1 }
- .tout-tu[sb-pos="right"] aside.sb { order:2 }
- /*-------- SIDEBAR --------*/
- aside.sb {
- position:sticky;
- top:calc(54px + var(--Screen-Gaps));
- width:var(--Sidebar-Width);
- }
- .sb-inner {
- display:flex;
- flex-flow:column nowrap;
- }
- aside.sb h1.top-title {
- display:none;
- margin-bottom:var(--Post-Spacing);
- }
- /*----- SIDEBAR IMAGE -----*/
- .sb-pfp {
- display:flex;
- align-items:center;
- justify-content:center;
- margin-bottom:var(--Sidebar-Image-Y-Offset);
- }
- .sb-pfp.sb-img-hide,
- .sb-pfp:not(:has(img)),
- .sb-pfp:has(img[src*="assets.tumblr.com/images/x.gif"]){ display:none!important }
- .sb-pfp-hug {
- position:relative;
- z-index:1;
- width:calc(100% - (var(--Sidebar-Padding) * 2) - (var(--Sidebar-Border-Size) * 2));
- display:flex;
- flex-flow:column nowrap;
- }
- .sb-pfp-hug.pos-left { align-items:flex-start } /* x-left */
- .sb-pfp-hug.pos-center { align-items:center } /* x-center */
- .sb-pfp-hug.pos-right { align-items:flex-end } /* x-right */
- .sb-pfp-hug img {
- display:block;
- width:var(--Sidebar-Image-Width);
- }
- .sb-pfp[sb-img-border="yes"] img {
- filter:drop-shadow(var(--Sidebar-Image-Outline-Thickness) 0 var(--Sidebar-Image-Outline-Color)) drop-shadow(calc(0px - var(--Sidebar-Image-Outline-Thickness)) 0 var(--Sidebar-Image-Outline-Color)) drop-shadow(0 var(--Sidebar-Image-Outline-Thickness) var(--Sidebar-Image-Outline-Color)) drop-shadow(0 calc(0px - var(--Sidebar-Image-Outline-Thickness)) var(--Sidebar-Image-Outline-Color));
- }
- .sb-pfp[sb-img-shadow="yes"] img {
- filter:drop-shadow(0 0 var(--Sidebar-Image-Shadow-Size) var(--Sidebar-Image-Shadow-Color));
- }
- .sb-pfp[sb-img-border="yes"][sb-img-shadow="yes"] img {
- filter:drop-shadow(var(--Sidebar-Image-Outline-Thickness) 0 var(--Sidebar-Image-Outline-Color)) drop-shadow(calc(0px - var(--Sidebar-Image-Outline-Thickness)) 0 var(--Sidebar-Image-Outline-Color)) drop-shadow(0 var(--Sidebar-Image-Outline-Thickness) var(--Sidebar-Image-Outline-Color)) drop-shadow(0 calc(0px - var(--Sidebar-Image-Outline-Thickness)) var(--Sidebar-Image-Outline-Color)) drop-shadow(0 0 var(--Sidebar-Image-Shadow-Size) var(--Sidebar-Image-Shadow-Color));
- }
- .sb-pfp.sb-img-show:has(img[src]:not([src*="assets.tumblr.com/images/x.gif"])) + .sb-box {
- padding-top:max(calc((0px - var(--Sidebar-Image-Y-Offset)) + var(--Sidebar-Padding)),var(--Sidebar-Padding));
- }
- .sb-pfp.sb-img-show[sb-img-border="yes"]:has(img[src]:not([src*="assets.tumblr.com/images/x.gif"])) + .sb-box {
- margin-top:var(--Sidebar-Image-Outline-Thickness);
- }
- /*----- SIDEBAR BOX -----*/
- .sb-box {
- position:relative;
- display:flex;
- flex-flow:column wrap;
- gap:var(--Sidebar-Box-Row-Spacing) 0;
- width:100%;
- background:var(--Sidebar-BG);
- border:var(--Sidebar-Border-Size) solid var(--Sidebar-Border-Color);
- border-radius:var(--Sidebar-Rounded-Corners);
- padding:var(--Sidebar-Padding);
- font-size:var(--Desc-Font-Size);
- line-height:var(--Desc-Line-Height);
- color:var(--Desc-Text-Color);
- }
- [sb-shadow="yes"] .sb-box:after,
- [sb-shadow="yes"] .btt-btn:after,
- [sb-shadow="yes"] .bot-crd > a:after {
- content:"";
- position:absolute;
- top:0;left:0;
- margin-top:var(--Sidebar-Shadow-Offset);
- margin-left:var(--Sidebar-Shadow-Offset);
- width:calc(100% - var(--Sidebar-Shadow-Offset) + var(--Sidebar-Shadow-Size));
- height:calc(100% - var(--Sidebar-Shadow-Offset) + var(--Sidebar-Shadow-Size));
- background:rgb(from var(--Sidebar-Shadow-Color) r g b / var(--Sidebar-Shadow-Transparency));
- border-radius:var(--Sidebar-Rounded-Corners);
- z-index:-1;
- }
- .sb-box + .sb-box,
- .sb-box + .sb-footer {
- margin-top:var(--Sidebar-Boxes-Spacing);
- }
- [sb-shadow="yes"] .sb-box + .sb-box,
- [sb-shadow="yes"] .sb-box + .sb-footer {
- margin-top:calc(var(--Sidebar-Boxes-Spacing) + var(--Sidebar-Shadow-Size));
- }
- /*----- SIDEBAR DESC -----*/
- .sb-box.desc-box-hide .desc { display:none!important }
- .desc {
- margin-top:calc(0px - var(--Desc-LH-V-Gap));
- }
- .desc.txt-align-left { text-align:left }
- .desc.txt-align-center { text-align:center }
- .desc.txt-align-right { text-align:right }
- .desc.txt-align-justify { text-align:justify }
- .desc a {
- color:var(--Desc-Links-Color);
- --Links-Underline-Gap:var(--Desc-Links-Underline-Gap);
- --Links-Underline-Color:var(--Desc-Links-Underline-Color);
- }
- .desc b, .desc strong {
- color:var(--Desc-Bold);
- }
- .desc i:not([class]), .desc em {
- color:var(--Desc-Italic);
- }
- /*----- SIDEBAR NAVLINKS -----*/
- nav.navlinks {
- }
- nav.navlinks ul, nav.navlinks li {
- list-style:none;
- margin:0;
- padding:0;
- min-width:0;
- }
- nav.navlinks ul {
- display:grid;
- grid-template-columns:repeat(var(--Navlinks-Columns),1fr);
- gap:var(--Navlinks-Spacing);
- }
- nav.navlinks ul li :is(a,button) {
- display:flex;
- min-height:max(var(--Navlinks-Icon-Total-Size),var(--Navlinks-Label-Total-Height));
- align-items:stretch;
- border:var(--Navlinks-Border-Size) solid var(--Navlinks-Border-Color);
- background:var(--Navlinks-Label-BG);
- border-radius:var(--Navlinks-Rounded-Corners);
- overflow:hidden;
- transition:border-color var(--Navlinks-Hover-Speed) ease-in-out, background-color var(--Navlinks-Hover-Speed) ease-in-out;
- }
- nav.navlinks ul li :is(a,button) .nav-ico {
- flex-shrink:0;
- display:flex;
- align-items:flex-start;
- justify-content:center;
- width:var(--Navlinks-Icon-Total-Size);
- min-height:var(--Navlinks-Icon-Total-Size);
- font-size:var(--Navlinks-Icon-Size);
- background:var(--Navlinks-Icon-BG);
- color:var(--Navlinks-Icon-Color);
- transition:background-color var(--Navlinks-Hover-Speed) ease-in-out, color var(--Navlinks-Hover-Speed) ease-in-out;
- }
- nav.navlinks ul li :is(a,button) .nav-ico i[class]:not([class=""]):before,
- nav.navlinks ul li :is(a,button) .nav-ico span[class]:not([class=""]):before {
- display:flex;
- height:calc(var(--Navlinks-Icon-Total-Size) - 1px);
- align-items:center;
- }
- nav.navlinks ul li :is(a,button) .nav-txt {
- display:flex;
- align-items:center;
- padding:var(--Navlinks-Label-Padding-Y) calc(var(--Navlinks-Label-Padding-X) + 1px) var(--Navlinks-Label-Padding-Y) var(--Navlinks-Label-Padding-X);
- flex:1;
- min-height:var(--Navlinks-Icon-Total-Size);
- font-size:var(--Navlinks-Label-Font-Size);
- line-height:var(--Navlinks-Label-Line-Height);
- color:var(--Navlinks-Label-Text-Color);
- overflow:hidden;
- transition:color var(--Navlinks-Hover-Speed) ease-in-out;
- }
- nav.navlinks ul li :is(a,button) .nav-txt:not(:first-child){
- border-left:var(--Navlinks-Border-Size) solid var(--Navlinks-Border-Color);
- }
- nav.navlinks.truncate-links-yes ul li a .nav-txt > span {
- display:block;
- max-width:100%;
- text-overflow:ellipsis;
- white-space:nowrap;
- overflow:hidden;
- }
- nav.navlinks ul li :is(a,button):hover {
- border-color:var(--Navlinks-HOVER-Border-Color);
- background:var(--Navlinks-HOVER-Label-BG);
- }
- nav.navlinks ul li :is(a,button):hover .nav-ico {
- background:var(--Navlinks-HOVER-Icon-BG);
- color:var(--Navlinks-HOVER-Icon-Color);
- }
- nav.navlinks ul li :is(a,button):hover .nav-txt {
- color:var(--Navlinks-HOVER-Label-Text-Color);
- }
- /* "view more info" / "see more" in sidebar */
- nav.navlinks ul li.sb-see-more {
- display:none;
- grid-column:span var(--Navlinks-Columns);
- }
- nav.navlinks ul li.sb-see-more button {
- margin:0;
- padding:0;
- width:100%;
- cursor:pointer;
- }
- /*----- CUSTOM LINKS -----*/
- .sb-box.cl-box-hide { display:none!important }
- nav.custom-links {
- margin:-1px 0;
- }
- nav.custom-links ul, nav.custom-links li {
- list-style:none;
- margin:0;
- padding:0;
- min-width:0;
- }
- nav.custom-links ul li a {
- display:flex;
- align-items:stretch;
- gap:calc(var(--Custom-Links-Line-Decor-Side-Gaps) + 1px);
- padding:calc(var(--Custom-Links-Row-Spacing) / 2) 0;
- }
- nav.custom-links ul li:first-child a { padding-top:0 }
- nav.custom-links ul li:last-child a { padding-bottom:0 }
- nav.custom-links ul li a .cl-img {
- display:flex;
- align-items:center;
- flex-shrink:0;
- }
- nav.custom-links ul li a .cl-img:has(img[src*="assets.tumblr.com/images/x.gif"]){ display:none!important }
- nav.custom-links ul li a .cl-img img {
- display:block;
- width:var(--Custom-Links-Icon-Size);
- height:var(--Custom-Links-Icon-Size);
- object-fit:contain;
- object-position:center;
- }
- nav.custom-links ul li a .cl-text {
- position:relative;
- display:flex;
- align-items:center;
- flex:1;
- z-index:0;
- font-size:var(--Custom-Links-Font-Size);
- color:var(--Custom-Links-Text-Color);
- transition:color var(--Custom-Links-Hover-Speed) ease-in-out;
- }
- nav.custom-links ul li a .cl-text:before {
- content:"";
- position:absolute;
- top:50%;left:0;
- transform:translateY(-50%);
- width:100%;
- height:var(--Custom-Links-Line-Decor-Thickness);
- background:var(--Custom-Links-Line-Decor-Color);
- transition:background-color var(--Custom-Links-Hover-Speed) ease-in-out;
- z-index:-1;
- }
- nav.custom-links ul li a .cl-text > span {
- margin-left:calc(0px - var(--Custom-Links-Line-Decor-Side-Gaps));
- transform:translateX(0);
- white-space:nowrap;
- padding:0 var(--Custom-Links-Line-Decor-Side-Gaps);
- background:var(--Sidebar-BG);
- transition:margin-left var(--Custom-Links-Hover-Speed) ease-in-out, transform var(--Custom-Links-Hover-Speed) ease-in-out;
- }
- nav.custom-links.cl-lines-ani-yes ul li a:hover .cl-text > span {
- margin-left:calc(100% + var(--Custom-Links-Line-Decor-Side-Gaps));
- transform:translateX(-100%);
- }
- nav.custom-links ul li a:hover .cl-text {
- color:var(--Custom-Links-Hover-Text-Color);
- }
- nav.custom-links ul li a:hover .cl-text:before {
- background:var(--Custom-Links-Hover-Line-Decor-Color);
- }
- /*----- SEARCHBAR -----*/
- .sb-box.searchbar-box-hide { display:none!important }
- .searchblock {
- grid-template-areas:"input btn" "dd dd";
- }
- .searchbar-button {
- white-space:nowrap;
- }
- .searchbar-button button {
- display:flex;
- align-items:center;
- justify-content:center;
- transition:border-color var(--Search-Suggestions-HOVER-Speed) ease-in-out, background-color var(--Search-Suggestions-HOVER-Speed) ease-in-out, color var(--Search-Suggestions-HOVER-Speed) ease-in-out;
- }
- .searchbar-button button:has(> i[class]:not([class=""])){
- aspect-ratio:1/1;
- }
- .searchbar-button button i[class]:not([class=""]){
- font-size:var(--Searchbar-Button-Icon-Size);
- }
- .searchbar-button button:hover {
- border-color:var(--Searchbar-Button-HOVER-Border-Color);
- background:var(--Searchbar-Button-HOVER-BG);
- color:var(--Searchbar-Button-HOVER-Text-Color);
- }
- .search-suggestions a {
- --yp:calc(var(--Search-Suggestion-Items-Padding) - var(--SmallCaps-LH-V-Gap));
- padding:var(--yp) var(--Search-Suggestion-Items-Padding);
- line-height:var(--Body-Line-Height);
- margin:0;
- width:100%;
- border-radius:0!important;
- }
- .search-suggestions a:not(:last-child){
- border-bottom:var(--Search-Suggestion-Items-Border-Size) solid var(--Search-Suggestion-Items-Border-Color);
- }
- .search-suggestions a:first-child { margin-top:0 }
- .search-suggestions a:last-child { margin-bottom:0 }
- /*----- SIDEBAR FOOTER -----*/
- .sb-footer.sb-footer-hide { display:none!important }
- .sb-footer {
- text-align:center;
- line-height:var(--Body-Line-Height);
- color:var(--Sidebar-Footer-Text-Color);
- }
- .sb-footer .sbf-flex {
- position:relative;
- --c:calc(var(--SmallCaps-Font-Size) * 1.25);
- }
- .sb-footer .sbf-flex [class*="mgc_"]{
- position:absolute;
- top:50%;
- transform:translateY(-50%);
- margin-top:.5px;
- font-size:var(--c);
- }
- .sb-footer .sbf-flex [class*="mgc_"] + span {
- padding-left:var(--c);
- margin-left:4px;
- }
- .sb-footer a {
- color:var(--Sidebar-Footer-Link-Color);
- --Links-Underline-Color:var(--Sidebar-Footer-Link-Underline-Color);
- --Links-Underline-Gap:0.169em;
- }
- main .sb-footer { display:none }
- /*-------- COLUMN: POSTS --------*/
- main {
- width:var(--Post-Width-Total);
- display:flex;
- flex-flow:column nowrap;
- align-items:center; /* x-center */
- gap:var(--Post-Spacing);
- flex-shrink:0;
- }
- h1.top-title {
- margin:calc(0px - var(--Top-Title-LH-V-Gap)) auto;
- width:calc(100% - (var(--Post-Padding) * 2) - max(var(--Post-Header-Border-Size),var(--Post-Footer-Border-Size)));
- font:var(--Top-Title-Font-Weight,normal) var(--Top-Title-Font-Size,1.1rem)/var(--Top-Title-Line-Height,1.7) var(--Top-Title-Font-Family), sans-serif;
- text-transform:var(--Top-Title-Text-Case);
- letter-spacing:var(--Top-Title-Letter-Spacing);
- word-spacing:var(--Top-Title-Word-Spacing);
- color:var(--Top-Title-Text-Color);
- text-align:var(--Top-Title-Text-Align);
- }
- h1.top-title[tt-outline*="yes"]{
- letter-spacing:calc(var(--Top-Title-Letter-Spacing) + var(--Top-Title-Outline-Thickness));
- }
- h1.top-title[tt-shad="yes"]{
- --Top-Title-Shadow-Offset-X:calc(var(--Top-Title-Shadow-Offset-X-OG) + var(--Top-Title-Outline-Thickness));
- --Top-Title-Shadow-Offset-Y:var(--Top-Title-Shadow-Offset-X);
- }
- h1.top-title[tt-shad="yes"][tt-outline*="no"]{
- --Top-Title-Shadow-Offset-X:var(--Top-Title-Shadow-Offset-X-OG);
- --Top-Title-Shadow-Offset-Y:var(--Top-Title-Shadow-Offset-Y-OG);
- text-shadow:var(--Top-Title-Shadow-Offset-X) var(--Top-Title-Shadow-Offset-Y) rgb(from var(--Top-Title-Shadow-Color) r g b / var(--Top-Title-Shadow-Transparency));
- }
- h1.top-title > a.top-title-blog-link:first-child {
- margin:calc(0px - var(--Top-Title-Touch-Padding-Y)) calc(0px - var(--Top-Title-Touch-Padding-X));
- padding:var(--Top-Title-Touch-Padding-Y) var(--Top-Title-Touch-Padding-X);
- color:var(--Top-Title-Text-Color);
- }
- /*------- POSTS -------*/
- .all-posts {
- display:flex;
- flex-flow:column nowrap;
- gap:var(--Post-Spacing);
- width:100%;
- flex:1;
- }
- .posts, .post-outer-1 {
- position:relative;
- width:100%;
- z-index:0;
- }
- [post-shadow="yes"] .post-outer-1:after,
- [post-shadow="yes"] .npf-alt-text-box-outer:after,
- [post-shadow="yes"] .post-notes:after,
- [post-shadow="yes"] .page-numbers:after {
- content:"";
- position:absolute;
- top:0;left:0;
- margin-top:var(--Post-Shadow-Offset);
- margin-left:var(--Post-Shadow-Offset);
- width:calc(100% - var(--Post-Shadow-Offset) + var(--Post-Shadow-Size));
- height:calc(100% - var(--Post-Shadow-Offset) + var(--Post-Shadow-Size));
- background:rgb(from var(--Post-Shadow-Color) r g b / var(--Post-Shadow-Transparency));
- border-radius:var(--Post-Rounded-Corners);
- z-index:-1;
- }
- .post-inner {
- border:var(--Post-Border-Size) solid var(--Post-Border-Color);
- border-radius:var(--Post-Rounded-Corners);
- width:100%;
- background:var(--Post-BG);
- overflow:hidden;
- }
- .post-body {
- padding:var(--Post-Padding);
- background:var(--Post-BG);
- overflow:hidden;
- }
- /*------- POST HEADER -------*/
- header.post-header {
- display:flex;
- flex-flow:column nowrap;
- padding:0 var(--Post-Padding);
- background:var(--Post-BG);
- }
- [top-waves="no"] header.post-header {
- padding-top:var(--Post-Padding);
- }
- .ph-inner {
- display:flex;
- justify-content:space-between;
- border:var(--Post-Header-Border-Size) solid var(--Post-Header-Border-Color);
- padding:var(--Post-Header-Padding-Y) var(--Post-Header-Padding-X);
- background:var(--Post-Header-BG);
- border-radius:var(--Post-Header-Rounded-Corners);
- overflow:hidden;
- gap:var(--Post-Header-Padding-X);
- font-size:var(--Post-Header-Font-Size);
- line-height:var(--Body-Line-Height);
- }
- .ph-inner, .ph-inner a {
- color:var(--Post-Header-Text-Color);
- }
- .ph-left {
- }
- .pinned-flex {
- display:flex;
- align-items:center;
- gap:var(--Post-Header-Items-Spacing);
- }
- .pinned-flex:only-child {
- margin:calc(0px - var(--Post-Header-Padding-Y)) calc(0px - var(--Post-Header-Padding-X));
- padding:var(--Post-Header-Padding-Y) var(--Post-Header-Padding-X);
- }
- .pinned-flex i[class]{
- font-size:var(--Post-Header-Icon-Size);
- }
- .ph-right {
- white-space:nowrap;
- }
- .ph-user-display:only-child {
- margin:calc(0px - var(--Post-Header-Padding-Y)) calc(0px - var(--Post-Header-Padding-X));
- padding:var(--Post-Header-Padding-Y) var(--Post-Header-Padding-X);
- }
- .ph-user-display:before {
- content:"@";
- margin-right:1px;
- }
- /*------- NPF ADJUSTMENTS -------*/
- /* row: single col: img width is greater than 299 but less than post width */
- /* example post: devsmaycry.tumblr.com/post/809022013246259200 */
- .npf_row-full-width-image .tmblr-full,
- .npf_row-full-width-image .tmblr-full img {
- width:100%!important;
- }
- /* npf stuff before v4 does its thing */
- .comment-body figure:not([class]) + figure:not([class]){
- margin-top:var(--NPF-Images-Spacing);
- }
- /*------- ROUNDED POST MEDIA -------*/
- [rounded-media="yes"] .npf_inst,
- [rounded-media="yes"] .photo-post,
- [rounded-media="yes"] .photoset-post,
- [rounded-media="yes"] .video-post,
- [rounded-media="yes"] .audio-post {
- border-radius:var(--Post-Media-Rounded-Corners);
- overflow:hidden;
- }
- [rounded-media="yes"] .npf_row-small-image img {
- /* example post: glen-test.tumblr.com/post/738994635798691840 */
- border-radius:var(--Post-Media-Rounded-Corners);
- }
- /*------- TEXT POSTS -------*/
- /* post titles / post headings */
- .post-body-inner > .text-post:first-child > h1:first-child,
- .post-title, .link-title-wrap, .read-more-row {
- border:var(--Post-Title-Border-Size) solid var(--Post-Title-Border-Color);
- padding:var(--Post-Title-Padding-Y) var(--Post-Title-Padding-X);
- background:var(--Post-Title-BG);
- border-radius:var(--Post-Title-Rounded-Corners);
- color:var(--Post-Title-Text-Color);
- }
- .post-header + .post-body > .post-body-inner:first-child > .text-post:first-child > .post-title:first-child,
- .post-header + .post-body > .post-body-inner:first-child > .link-post:first-child {
- margin-top:calc(0px - var(--Post-Padding) + var(--Post-Header-Padding-Y));
- }
- /*------- PHOTO POSTS -------*/
- .legacy-photo img {
- display:block;
- width:100%;
- }
- .legacy-photoset > img { display:none }
- .legacy-photoset {
- display:flex;
- flex-flow:column nowrap;
- }
- .legacy-photoset .photoset-row {
- display:grid;
- }
- .legacy-photoset, .photoset-row { gap:var(--Photoset-Spacing) }
- .legacy-photoset .photoset-row[cols="2"]{ grid-template-columns:auto auto }
- .legacy-photoset .photoset-row[cols="3"]{ grid-template-columns:auto auto auto }
- .legacy-photoset .photoset-row:not([cols="1"]) .img-cell {
- position:relative;
- min-width:0;
- height:0;
- padding-bottom:var(--rowH);
- overflow:hidden;
- }
- .legacy-photoset .photoset-row:not([cols="1"]) .img-cell-inner {
- position:absolute;
- top:0;bottom:0;left:0;right:0;
- display:flex;
- align-items:center;
- justify-content:center;
- }
- img[onclick*="Tumblr.Lightbox.init"]{
- cursor:pointer;
- }
- /* lightboxes */
- .tmblr-lightbox, #tumblr_lightbox {
- background:rgb(from var(--Lightbox-BG) r g b / var(--Lightbox-BG-Strength))!important;
- backdrop-filter:blur(var(--Lightbox-BG-Blur-Amount));
- }
- .tmblr-lightbox .vignette, #tumblr_lightbox #vignette {
- opacity:0;
- }
- .tmblr-lightbox img, #tumblr_lightbox img {
- max-width:none!important;
- box-shadow:none!important;
- border-radius:0!important;
- }
- [rounded-media="yes"] .tmblr-lightbox img,
- [rounded-media="yes"] #tumblr_lightbox img {
- border-radius:var(--Lightbox-Image-Rounded-Corners)!important;
- }
- /*------- QUOTE POSTS -------*/
- .quote-set, .quote-set blockquote, .quote-set figcaption {
- margin:0;
- text-align:center;
- }
- .quote-set:not(:first-child){ margin-top:1em }
- .quote-set:not(:last-child){ margin-bottom:1em }
- .quote-set {
- display:flex;
- flex-flow:column nowrap;
- gap:var(--Quote-Post-Row-Spacing);
- }
- .quote-set blockquote {
- padding:0 var(--Quote-Side-Padding-Bonus);
- border:none;
- font:var(--Quote-Font-Weight,normal) var(--Quote-Font-Size,1.1rem)/var(--Quote-Line-Height,1.7) var(--Quote-Font-Family), sans-serif;
- text-transform:var(--Quote-Text-Case);
- letter-spacing:var(--Quote-Letter-Spacing);
- word-spacing:var(--Quote-Word-Spacing);
- text-wrap:pretty;
- }
- .quote-set figcaption {
- color:var(--Body-Text-Color-Lighter);
- }
- [post-type="quote"]:not(.previously-npf) .quote-post + .quote-post-reblogs {
- display:none!important;
- }
- /* inline quotes */
- body .npf_quote, body p.npf_quote {
- font:var(--Quote-Font-Weight, normal) var(--Quote-Font-Size, 1.1rem) / var(--Quote-Line-Height, 1.7) var(--Quote-Font-Family), sans-serif;
- text-transform:var(--Quote-Text-Case);
- letter-spacing:var(--Quote-Letter-Spacing);
- word-spacing:var(--Quote-Word-Spacing);
- }
- /*------- LINK POSTS -------*/
- .legacy-link-info, .npf-link-block { display:none!important }
- .comment-body article.link-article:not(:last-child){
- margin-bottom:1em;
- }
- a.the-link {
- display:flex;
- flex-flow:column nowrap;
- gap:var(--Link-Post-Row-Spacing);
- }
- a.the-link > *, a.the-link h2 { margin:0 }
- .link-title-wrap {
- display:flex;
- justify-content:space-between;
- gap:var(--Link-Post-Title-Arrow-Left-Gap);
- }
- .link-title-wrap h2 {
- flex:1;
- font-size:var(--Link-Post-Title-Font-Size);
- line-height:var(--Link-Post-Title-Line-Height);
- text-align:left;
- text-wrap:auto;
- }
- .link-arr-wrap {
- height:calc(var(--Link-Post-Title-Font-Size) * var(--Link-Post-Title-Line-Height));
- display:flex;
- align-items:center;
- flex-shrink:0;
- }
- .link-arr-wrap i {
- font-size:var(--Link-Post-Title-Arrow-Size);
- transform:translateY(.5px);
- }
- .link-excerpt {
- padding:var(--Post-Padding);
- border:var(--Post-Secondary-Border-Size) solid var(--Post-Secondary-Border-Color);
- border-radius:calc(var(--Post-Rounded-Corners) - var(--Post-Border-Size) - 1px);
- background:var(--Post-Secondary-BG);
- color:var(--Post-Secondary-Text-Color);
- }
- .link-site-wrap {
- display:flex;
- align-items:center;
- gap:var(--Link-Post-Site-Name-Right-Gap);
- }
- .link-site-wrap { display:none }
- /*------- CHAT POSTS -------*/
- ul.chat-wrap {
- margin:0;
- padding:0;
- display:block;
- list-style:none;
- }
- .comment-body ul.chat-wrap:not(:first-child){ margin-top:1em }
- .comment-body ul.chat-wrap:not(:last-child){ margin-bottom:1em }
- li.chat-line {
- padding:var(--Chat-Post-Row-Padding-Y) var(--Chat-Post-Row-Padding-X);
- }
- li.chat-line.odd {
- background:var(--Chat-Post-Row-Alternating-BG);
- border-radius:var(--Chat-Post-Row-Alternating-Rounded-Corners);
- color:var(--Chat-Post-Row-Alternating-Text-Color);
- }
- li.chat-line.even:last-child {
- padding-bottom:0;
- }
- .chat-content {
- font:var(--Chat-Post-Font-Weight,normal) var(--Chat-Post-Font-Size,0.9rem)/var(--Chat-Post-Line-Height,1.5) var(--Chat-Post-Font-Family), sans-serif;
- letter-spacing:var(--Chat-Post-Letter-Spacing);
- word-spacing:var(--Chat-Post-Word-Spacing);
- }
- [post-type="chat"]:not(.previously-npf) .chat-post + .chat-post-reblogs {
- display:none!important;
- }
- /*------- VIDEO POSTS -------*/
- .video-post {
- }
- .legacy-video.use-iframe .poster-thumb { display:none }
- .legacy-video .tumblr_video_container {
- width:auto!important;
- height:auto!important;
- max-width:100%;
- }
- .actual-ct, .actual-dur {
- font-weight:var(--Video-Player-Font-Weight)!important;
- font-size:var(--Video-Player-Font-Size)!important;
- }
- /*------- AUDIO POSTS -------*/
- .audio-post {
- }
- /* hide unprocessed audio */
- .legacy-audio-info, figcaption.audio-caption, .tmblr-full audio, .audio-wrap + .npf_inst.npf_audio {
- display:none!important;
- }
- .audio-wrap {
- display:flex;
- }
- .npf_group .audio-wrap:not(:first-child){ margin-top:var(--NPF-Images-Spacing) }
- .npf_group .audio-wrap:not(:last-child){ margin-bottom:var(--NPF-Images-Spacing) }
- .album-square {
- position:relative;
- width:var(--Audio-Post-Album-Image-Size);
- height:var(--Audio-Post-Album-Image-Size);
- background:var(--Audio-Post-Details-BG); /* only noticeable if player doesn't have album art or is transparent */
- overflow:hidden;
- z-index:0;
- }
- .album-square img {
- display:block;
- width:100%;
- height:100%;
- object-fit:cover;
- }
- .album-square img[src=""]{ visibility:hidden }
- .btns-wrap {
- position:absolute;
- top:0;left:0;
- width:100%;
- height:100%;
- display:flex;
- align-items:center;
- justify-content:center;
- z-index:1;
- }
- .btns-wrap button {
- display:flex;
- align-items:center;
- justify-content:center;
- margin:0;
- padding:0;
- border:none;
- outline:none;
- width:var(--Audio-Post-Buttons-Total-Size);
- height:var(--Audio-Post-Buttons-Total-Size);
- border-radius:var(--Audio-Post-Buttons-Rounded-Corners);
- background:var(--Audio-Post-Buttons-BG);
- cursor:pointer;
- }
- .btns-wrap button.pause-btn {
- display:none;
- }
- .btns-wrap i {
- font-size:var(--Audio-Post-Buttons-Icons-Size);
- color:var(--Audio-Post-Buttons-Icons-Color);
- }
- .audio-deets {
- flex:1;
- display:flex;
- justify-content:space-between;
- background:var(--Audio-Post-Details-BG);
- height:var(--Audio-Post-Album-Image-Size);
- overflow:hidden;
- }
- .deets-inner {
- margin:var(--Audio-Post-Details-Padding-Y) 0 0 var(--Audio-Post-Details-Padding-X);
- width:calc(100% - var(--Audio-Post-Details-Padding-X));
- height:calc(100% - (var(--Audio-Post-Details-Padding-Y) * 2));
- overflow:hidden;
- display:flex;
- justify-content:space-between;
- gap:var(--Audio-Post-Details-Padding-X);
- color:var(--Audio-Post-Details-Text-Color);
- }
- .deets-rows {
- flex:1;
- display:grid;
- align-content:center;
- }
- .deets-rows > * {
- min-width:0;
- min-height:0;
- overflow:hidden;
- text-overflow:ellipsis;
- white-space:nowrap;
- }
- .audio-deets .audio-dl {
- flex-shrink:0;
- display:block;
- align-self:center;
- line-height:initial;
- margin:calc(0px - var(--Audio-Post-Download-Btn-Touch-Padding));
- margin-right:0;
- padding:var(--Audio-Post-Download-Btn-Touch-Padding);
- padding-right:var(--Audio-Post-Details-Padding-X);
- }
- .audio-deets .audio-dl i {
- font-size:var(--Audio-Post-Download-Btn-Icon-Size);
- color:var(--Audio-Post-Download-Btn-Icon-Color);
- }
- .audio-wrap audio {
- display:none;
- }
- /* static.tumblr.com/gtjt4bo/Is2sl84e9/innbv.jpg */
- .npf_audio_row figure.sc-short {
- position:relative;
- z-index:0;
- }
- .npf_audio_row figure.sc-short:before {
- content:"";
- position:absolute;
- top:0;left:0;
- width:20px;
- height:20px;
- border-radius:100%;
- background:var(--Audio-Post-Buttons-Icons-Color);
- z-index:-1;
- }
- .npf_audio_row:has(figure.sc-short){
- overflow:revert!important;
- }
- figure.sc-20 > .gframe-wrapper,
- figure.sc-116 > .gframe-wrapper,
- figure.sc-500 > .gframe-wrapper {
- aspect-ratio:initial!important;
- width:100%;
- }
- figure.sc-20 > .gframe-wrapper, figure.sc-20 iframe { height:20px!important }
- figure.sc-116 > .gframe-wrapper, figure.sc-116 iframe { height:116px!important }
- figure.sc-500 > .gframe-wrapper, figure.sc-500 iframe { height:500px!important }
- iframe[src*='open.spotify.com'][src*='track'],
- figure[data-npf*='open.spotify.com'][data-npf*='track']{
- height:80px!important;
- }
- /*------- ASK POSTS -------*/
- .ask-post {
- border-radius:var(--Ask-Post-Rounded-Corners);
- overflow:hidden;
- }
- .qa-set {
- margin:0;
- display:flex;
- flex-flow:column nowrap;
- gap:var(--Ask-Post-QnA-Row-Spacing);
- }
- .que-flex > img, .ans-flex > img {
- display:block;
- flex-shrink:0;
- }
- .que-flex, .ans-flex {
- display:flex;
- gap:var(--Ask-Post-Column-Gap);
- }
- .ask-head, .ans-head {
- margin:0;
- line-height:inherit;
- }
- .ask-head a, .ans-head a {
- color:var(--Post-Usernames-Color);
- }
- .que-right, .ans-left {
- display:flex;
- flex-direction:column;
- justify-content:center;
- gap:var(--Ask-Post-Header-Bottom-Gap);
- }
- /* questions */
- .que-sect {
- padding:var(--Ask-Post-Question-Padding);
- background:var(--Ask-Post-Question-BG);
- color:var(--Ask-Post-Question-Text-Color);
- }
- .que-flex { justify-content:flex-start }
- .que-flex > img {
- width:var(--Ask-Post-Question-Avatar-Size);
- height:var(--Ask-Post-Question-Avatar-Size);
- border-radius:var(--Ask-Post-Question-Avatar-Rounded-Corners);
- }
- .que-right {
- align-items:flex-start;
- text-align:left;
- }
- .ans-sect {
- margin:0;
- padding:var(--Ask-Post-Answer-Padding);
- background:var(--Ask-Post-Answer-BG);
- color:var(--Ask-Post-Answer-Text-Color);
- }
- /* answers */
- .ans-flex { justify-content:flex-end }
- .ans-flex > img {
- width:var(--Ask-Post-Answer-Avatar-Size);
- height:var(--Ask-Post-Answer-Avatar-Size);
- border-radius:var(--Ask-Post-Answer-Avatar-Rounded-Corners);
- }
- .ans-left {
- align-items:flex-end;
- text-align:right;
- }
- .ans blockquote {
- margin-left:0;
- padding-left:0;
- margin-right:var(--Blockquote-Left-Gap-1);
- border-left:none;
- border-right:var(--Blockquote-Border-Size) solid var(--Blockquote-Border-Color);
- padding-right:var(--Blockquote-Left-Gap-2);
- }
- .ans > .npf_inst:first-child {
- margin-top:1em;
- }
- /*------- POLLS -------*/
- .poll-post,
- div[data-npf*='"type":"poll"']{
- display:flex;
- flex-flow:column nowrap;
- gap:var(--Poll-Options-Spacing);
- }
- .poll-post > *,
- div[data-npf*='"type":"poll"'] > * {
- margin:0!important;
- }
- /* poll question */
- .poll-post .poll-question,
- div[data-npf*='"type":"poll"'] .poll-question,
- .poll-question {
- font-size:var(--Poll-Question-Font-Size)!important;
- font-weight:var(--Poll-Question-Font-Weight)!important;
- }
- .poll-post .poll-question:not(:last-child),
- div[data-npf*='"type":"poll"'] .poll-question:not(:last-child),
- .poll-question:not(:last-child){
- margin-bottom:calc(0px - var(--Poll-Options-Spacing) + var(--Poll-Question-Bottom-Gap))!important;
- }
- /* poll options */
- .poll-post a.poll-row,
- div[data-npf*='"type":"poll"'] a.poll-row,
- a.poll-row {
- all:unset;
- border:var(--Poll-Options-Border-Size) solid var(--Poll-Options-Border-Color);
- padding:var(--Poll-Options-Padding-Y) var(--Poll-Options-Padding-X);
- background:var(--Poll-Options-BG);
- text-align:center;
- cursor:pointer;
- /* inherit smallcaps stuff */
- font:var(--SmallCaps-Font-Weight,normal) var(--Poll-Options-Font-Size,inherit) var(--SmallCaps-Font-Family), sans-serif;
- text-transform:uppercase;
- letter-spacing:var(--SmallCaps-Letter-Spacing);
- word-spacing:var(--SmallCaps-Word-Spacing);
- line-height:var(--Body-Line-Height);
- }
- /* poll 'see results' */
- .poll-post .poll-see-results {
- width:auto;
- margin:auto!important;
- }
- /*------ CAPTIONS / REBLOGS ------*/
- .comments {
- margin:calc(0px - var(--Post-Padding));
- }
- .comments:not(:first-child){
- margin-top:calc(0px - var(--Post-Padding) + var(--Captions-Top-Gap));
- }
- [captions-style="old"] .comments { padding:var(--Post-Padding) }
- [captions-style="new"] .comment {
- padding:var(--Post-Padding);
- display:flex;
- flex-flow:column nowrap;
- gap:var(--Reblog-Header-Bottom-Gap);
- }
- [captions-style="new"] .npf-post-source:only-child {
- padding:var(--Post-Padding);
- padding-top:0;
- margin-top:1em;
- }
- [captions-style="new"] .comment + .npf-post-source {
- padding:var(--Post-Padding);
- padding-top:0;
- margin-top:calc(0px - var(--Post-Padding) + 1em);
- }
- [rb-dividers="yes"] .comment + .comment {
- border-top:var(--Reblog-Border-Size) solid var(--Reblog-Border-Color);
- }
- .comment-header {
- display:flex;
- justify-content:flex-start;
- }
- .user-flex {
- display:flex;
- justify-content:flex-start;
- gap:var(--Reblog-Header-Center-Gap);
- }
- .userpic {
- flex-shrink:0;
- }
- .userpic img {
- width:var(--Post-Avatar-Size);
- height:var(--Post-Avatar-Size);
- border-radius:var(--Post-Avatar-Rounded-Corners);
- }
- .username {
- display:flex;
- flex-direction:column;
- justify-content:center;
- color:var(--Post-Usernames-Color);
- }
- .is-deac {
- opacity:0.8;
- }
- .comment-body {
- text-wrap:pretty;
- }
- /*------- TAGS -------*/
- .tagscont {
- display:grid;
- overflow:hidden;
- font-size:var(--Tags-Font-Size)!important;
- line-height:var(--Tags-Line-Height)!important;
- }
- [index-page][tags-vis="toggle"] .tagscont {
- grid-template-rows:0fr;
- transition:grid-template-rows var(--Tags-Slide-Speed) 0s ease-in-out;
- }
- [index-page][tags-vis="toggle-fade"] .tagscont {
- grid-template-rows:0fr;
- opacity:0;
- transition:grid-template-rows var(--Tags-Slide-Speed) var(--Tags-Fade-Delay) ease-in-out, opacity var(--Tags-Fade-Speed) ease-in-out;
- }
- [index-page][tags-vis*="toggle"] .tc-inner-1 {
- min-height:0;
- visibility:hidden;
- transition:visibility var(--Tags-Slide-Speed) 0s;
- }
- [index-page][tags-vis*="toggle"] .posts:has(input[id^="tags-"]:checked) .tagscont {
- grid-template-rows:1fr;
- }
- [index-page][tags-vis="toggle"] .posts:has(input[id^="tags-"]:checked) .tagscont {
- transition:grid-template-rows var(--Tags-Slide-Speed) 0s ease-in-out;
- }
- [index-page][tags-vis="toggle-fade"] .posts:has(input[id^="tags-"]:checked) .tagscont {
- opacity:1;
- transition:grid-template-rows var(--Tags-Slide-Speed) 0s ease-in-out, opacity var(--Tags-Fade-Speed) var(--Tags-Fade-Delay) ease-in-out;
- }
- .posts:has(input[id^="tags-"]:checked) .tagscont .tc-inner-1 {
- visibility:visible;
- transition:visibility 0s 0s;
- }
- .tc-inner-2 {
- display:flex;
- flex-flow:row wrap;
- gap:var(--Tags-Spacing-Y) var(--Tags-Spacing-X);
- margin-top:var(--Tags-Top-Gap);
- width:100%;
- }
- [tags-align="left"] .tc-inner-2 {
- justify-content:flex-start;
- text-align:left;
- }
- [tags-align="right"] .tc-inner-2 {
- justify-content:flex-end;
- text-align:right;
- }
- .tagscont a {
- padding:var(--Tags-Padding-Y) var(--Tags-Padding-X);
- background:var(--Tags-BG);
- border-radius:var(--Tags-Rounded-Corners);
- border:var(--Tags-Border-Size) solid var(--Tags-Border-Color);
- color:var(--Tags-Text-Color);
- }
- .tagscont a:before {
- content:"#";
- margin-right:0.5px;
- }
- .tagscont a:hover {
- border-color:var(--Tags-Hover-Border-Color);
- background:var(--Tags-Hover-BG);
- color:var(--Tags-Hover-Text-Color);
- }
- /*------- POST FOOTER -------*/
- footer.post-footer {
- display:flex;
- flex-flow:column nowrap;
- padding:var(--Post-Padding);
- padding-top:0;
- background:var(--Post-BG);
- }
- /*------ PERMALINK + CONTROLS ------*/
- .pf-inner {
- display:flex;
- justify-content:space-between;
- max-width:calc(100% + (var(--Post-Padding) * 2));
- overflow:hidden;
- padding:var(--Post-Footer-Padding-Y) var(--Post-Footer-Padding-X);
- border:var(--Post-Footer-Border-Size) solid var(--Post-Footer-Border-Color);
- background:var(--Post-Footer-BG);
- border-radius:var(--Post-Footer-Rounded-Corners);
- gap:var(--Post-Footer-Padding-X);
- }
- .post-info-left {
- display:flex;
- flex-flow:column nowrap;
- max-width:100%;
- overflow:hidden;
- gap:var(--Post-Footer-Items-Spacing);
- font-size:var(--Post-Footer-Font-Size);
- line-height:var(--Body-Line-Height);
- }
- .post-info-left, .post-info-left a {
- color:var(--Post-Footer-Text-Color);
- }
- .post-info-left i[class]:not([class=""]){
- display:flex;
- height:var(--Post-Footer-LH-Full);
- align-items:center;
- font-size:var(--Post-Footer-Icons-Size);
- flex-shrink:0;
- }
- [shorten-timeago="no"] .shortened-timeago,
- [shorten-timeago="yes"] .normal-timeago { display:none }
- [shorten-notecount="no"] .shortened-notecount,
- [shorten-notecount="yes"] .normal-notecount { display:none }
- .notecount-label-single:before, .notecount-label-plural:before { content:" " }
- .notecount-label-single,
- .notecount-label-plural.nc-1 { display:none }
- .notecount-label-single.nc-1 { display:unset }
- /*----- PERMALINK / POST DATE -----*/
- .post-date {
- display:block;
- overflow:hidden;
- }
- .post-date:not(:last-child){
- margin-right:0;
- padding-right:0;
- }
- [date-group]{
- display:flex;
- flex-flow:row nowrap;
- gap:calc(var(--Post-Footer-Items-Spacing) - var(--SmallCaps-LH-V-Gap)) var(--Post-Footer-Items-Spacing);
- }
- [date-text]{
- flex:1;
- max-width:100%;
- overflow:hidden;
- }
- [date-text][single-line] [date-text-inner]{
- display:block;
- max-width:100%;
- overflow:hidden;
- white-space:nowrap;
- text-overflow:ellipsis;
- }
- /*------ VIA & OG POSTER ------*/
- .via-and-op {
- display:flex;
- flex-flow:row wrap;
- gap:var(--Post-Footer-Items-Spacing);
- }
- .via-and-op[single-row]{
- flex-wrap:nowrap;
- white-space:nowrap;
- overflow:hidden;
- }
- .via-and-op[single-row] > * {
- max-width:100%;
- overflow:hidden;
- text-overflow:ellipsis;
- }
- .via-and-op [data-via=""], .via-and-op [data-op=""],
- .via-and-op [data-via=""] + .via-op-sep,
- .via-op-sep:has(+ [data-op=""]){ display:none }
- /*------- POST CONTROLS -------*/
- .post-btns {
- flex-shrink:0;
- display:flex;
- justify-content:flex-end;
- gap:var(--Post-Controls-Spacing);
- height:calc(var(--Post-Footer-Font-Size) * var(--Body-Line-Height));
- align-items:center;
- }
- .post-btns label[for^="tags-"] input[id^="tags-"]{
- position:absolute;
- top:0;left:0;
- margin:0;padding:0;
- border:0;outline:none;
- width:100%;
- height:100%;
- opacity:0;
- -webkit-appearance:none;
- -moz-appearance:none;
- appearance:none;
- cursor:pointer;
- }
- [tags-vis="show"] .post-btns label[for^="tags-"],
- [perma-page] .post-btns label[for^="tags-"]{
- display:none;
- }
- .post-btns > [class*="-btn"]{
- position:relative;
- display:flex;
- align-items:center;
- justify-content:center;
- width:var(--Post-Controls-Button-Total-Size);
- height:var(--Post-Controls-Button-Total-Size);
- overflow:hidden;
- margin-left:calc(0px - var(--Post-Controls-Touch-Padding));
- margin-right:calc(0px - var(--Post-Controls-Touch-Padding));
- }
- .post-btns button {
- padding:0;
- background:none;
- border:none;
- outline:none;
- }
- .post-btns i {
- font-size:var(--Post-Controls-Icon-Size);
- color:var(--Post-Controls-Icon-Color);
- line-height:initial;
- pointer-events:none;
- }
- .post-btns i.mageicons[icon-name="reload"]{
- transform:rotate(15deg);
- }
- .post-btns i.mageicons[icon-name="hash"]{
- transform:translateX(calc(var(--Post-Controls-Icon-Size) * 0.08));
- font-size:calc(var(--Post-Controls-Icon-Size) * 0.875);
- }
- .post-btns .like-btn iframe {
- position:absolute;
- top:0;left:0;
- width:100%;
- height:100%;
- opacity:0;
- z-index:1;
- }
- .post-btns .like-btn .liked ~ i {
- color:var(--Liked-Button-Color);
- }
- .post-btns .like-btn i.solid-style {
- display:none;
- }
- [solid-when-liked="yes"] .post-btns .like-btn .liked ~ i.solid-style {
- display:block;
- }
- [solid-when-liked="yes"] .post-btns .like-btn .liked ~ i.outline-style {
- display:none;
- }
- /*------- POST NOTES -------*/
- .post-notes {
- position:relative;
- width:100%;
- }
- ol.notes li span.action > a {
- color:var(--Post-Usernames-Color);
- }
- ol.notes li.original_post.with_commentary blockquote { display:none }
- /*------- PAGE NUMBERS -------*/
- .page-numbers {
- position:relative;
- width:100%;
- text-align:center;
- }
- .pagi-wrap {
- display:flex;
- flex-flow:row wrap;
- align-items:center;
- justify-content:center;
- gap:var(--Page-Numbers-Spacing);
- }
- [iscroll="yes"] .page-numbers:not(.show-spinny,.iscroll-end),
- [iscroll="yes"] .pagi-wrap { display:none }
- .pagi-wrap > a, .pagi-wrap > span {
- margin:calc(0px - var(--Page-Numbers-Touch-Padding));
- display:flex;
- align-items:center;
- gap:var(--Page-Numbers-Arrow-Gap);
- padding:var(--Page-Numbers-Touch-Padding);
- color:var(--Page-Numbers-Color);
- line-height:initial;
- }
- .pagi-wrap > a:not([href]), .pagi-wrap > span { cursor:help }
- .pagi-wrap i[class]{
- font-size:var(--Page-Numbers-Arrow-Size);
- transform:translateY(1px);
- }
- .pagi-num {
- transform-origin:center;
- transform:scale(1.069,1.069);
- }
- [iscroll="no"] .spinny,
- [iscroll="yes"] .page-numbers:not(.show-spinny) .spinny { display:none }
- .show-spinny .spinny {
- justify-self:center;
- display:flex;
- align-items:center;
- justify-content:center;
- }
- .spinny > i {
- transform-origin:center;
- font-size:var(--Load-More-Spinner-Size);
- color:var(--Page-Numbers-Color);
- animation:spinner var(--Load-More-Spinner-Speed) linear 0s infinite normal forwards;
- }
- @keyframes spinner {
- from { transform:rotate(0deg) }
- to { transform:rotate(360deg) }
- }
- .page-numbers:not(.iscroll-end) .no-more-posts { display:none }
- /*----- SCREEN CORNER -----*/
- footer.screen-corner {
- position:fixed;
- bottom:0;right:0;
- margin-bottom:var(--Screen-Corner-Offset);
- margin-right:var(--Screen-Corner-Offset);
- display:flex;
- flex-flow:column nowrap;
- gap:var(--Screen-Corner-Items-Spacing);
- z-index:9;
- }
- [sb-shadow="yes"] footer.screen-corner {
- --Sidebar-Shadow-Size:max(0px,calc({select:sidebar shadow size} - 2px));
- gap:calc(var(--Screen-Corner-Items-Spacing) + var(--Sidebar-Shadow-Offset));
- }
- body:has(> .os-scrollbar-vertical.os-scrollbar-visible) footer.screen-corner {
- margin-right:calc(var(--Scrollbar-Total-Size) + var(--Scrollbar-Gutter) + var(--Screen-Corner-Offset));
- }
- body:has(> .os-scrollbar-horizontal.os-scrollbar-visible) footer.screen-corner {
- margin-bottom:calc(var(--Scrollbar-Total-Size) + var(--Scrollbar-Gutter) + var(--Screen-Corner-Offset));
- }
- /*------- TOOLTIPS -------*/
- [data-tippy-root]{
- z-index:100001!important;
- }
- .tippy-box {
- position:relative;
- border:var(--Tooltips-Border-Size) solid var(--Tooltips-Border-Color);
- background:var(--Tooltips-BG);
- border-radius:var(--Tooltips-Rounded-Corners);
- }
- .tippy-box:before {
- content:"";
- position:absolute;
- top:0;left:0;
- margin-top:calc(0px - var(--Tooltips-Border-Size));
- margin-left:calc(0px - var(--Tooltips-Border-Size));
- width:calc(100% + (var(--Tooltips-Border-Size) * 2));
- height:calc(100% + (var(--Tooltips-Border-Size) * 2));
- border:var(--Tooltips-Border-Size) solid var(--Tooltips-Border-Color);
- background:var(--Tooltips-BG);
- border-radius:var(--Tooltips-Rounded-Corners);
- }
- [tt-shad="yes"] .tippy-box:after {
- content:"";
- position:absolute;
- top:0;left:0;
- margin-top:var(--Tooltips-Shadow-Offset);
- margin-left:var(--Tooltips-Shadow-Offset);
- width:calc(100% - var(--Tooltips-Shadow-Offset) + var(--Tooltips-Shadow-Size));
- height:calc(100% - var(--Tooltips-Shadow-Offset) + var(--Tooltips-Shadow-Size));
- background:rgb(from var(--Tooltips-Shadow-Color) r g b / var(--Tooltips-Shadow-Transparency));
- border-radius:var(--Tooltips-Shadow-Rounded-Corners);
- z-index:-1;
- }
- .tippy-content {
- padding:calc(var(--Tooltips-Padding-Y) - (((var(--SmallCaps-Font-Size) * var(--Body-Line-Height)) - var(--SmallCaps-Font-Size)) / 2)) var(--Tooltips-Padding-X);
- color:var(--Tooltips-Text-Color);
- line-height:var(--Body-Line-Height);
- }
- a[aria-label]:not([aria-label=""]) > i[class]:not([class=""]),
- button[aria-label]:not([aria-label=""]) > i[class]:not([class=""]){
- pointer-events:none; /* prevents tooltip flickering */
- }
- /*----- SCROLLBAR ADJUSTMENTS -----*/
- body:has(> .os-scrollbar-vertical.os-scrollbar-visible){
- padding-right:calc(var(--Scrollbar-Total-Size) + var(--Scrollbar-Gutter));
- }
- body:has(> .os-scrollbar-horizontal.os-scrollbar-visible){
- padding-bottom:calc(var(--Scrollbar-Total-Size) + var(--Scrollbar-Gutter));
- }
- /*----- CUSTOMIZE PAGE ADJUSTMENTS -----*/
- html:has(script[src*="assets.tumblr.com/assets/scripts/customize"]):root {
- --Container-Width-Total:calc(var(--Sidebar-Width) + var(--Center-Gap) + var(--Post-Width-Total));
- }
- .comment-header .userpic img[src=""]{ display:none }
- .comment-body p > a.tumblr_blog {
- color:var(--Post-Usernames-Color);
- }
- {CustomCSS}
- </style>
- </head>
- <!--+++++++++++++++++++++++++++++++++++++++++++++++++-->
- <body>
- <!-- tumblr controls -->
- <div class="new-tc-cont"><iframe id="new-tumblr-controls" src="" frameborder="0" scrolling="no" name="unified-controls" class="tmblr-iframe tmblr-iframe--unified-controls tmblr-iframe--loaded iframe-controls--desktop"></iframe></div>
- <script>
- document.addEventListener("DOMContentLoaded", () => {
- tumblrControls("{color:tumblr controls BG}","{color:tumblr controls text}","{Name}",{block:Posts}{block:PermalinkPage}{block:Date}"{PostID}","{RelativePermalink}"{/block:Date}{/block:PermalinkPage}{/block:Posts})
- })
- </script>
- <div class="bg-pattern" aria-hidden="true" tabindex="-1"></div>
- <div class="bg-img" aria-hidden="true" tabindex="-1"></div>
- <!----- CONTAINER ----->
- <div class="tout">
- <div class="tout-tu" sb-pos="{select:sidebar position}">
- <!----- SIDEBAR ----->
- <aside class="sb">
- <div class="sb-inner">
- <!-- top title (mobile) -->
- <!-- hidden on wide(r) screens -->
- {block:iftoptitle}
- <h1 class="top-title" tt-outline="{select:top title outline},{select:top title outline thickness}" tt-shad="{select:top title shadow}">
- <a href="{BlogURL}"{block:iftoptitlehovertext} aria-label="{text:top title hover text}"{/block:iftoptitlehovertext} class="top-title-blog-link">{text:top title}</a>
- </h1>
- {/block:iftoptitle}
- <!-- sidebar image -->
- <div class="sb-pfp sb-img-{select:show sidebar image}" sb-img-border="{select:sidebar image border}" sb-img-shadow="{select:sidebar image shadow}">
- <div class="sb-pfp-hug pos-{select:sidebar image align}">
- <img src="{image:sidebar image}" alt="{Name}’s sidebar icon"{block:ifsidebarimagehovertext} aria-label="{text:sidebar image hover text}"{/block:ifsidebarimagehovertext} crossorigin/>
- </div>
- </div><!--end sb-pfp-->
- <!-- sidebar box 1 -->
- <div class="sb-box desc-box-{select:show desc}">
- <!-- description -->
- <div class="desc txt-align-{select:desc text align} caps-links-{select:desc capitalize links}">
- {block:ifsidebardesc}
- {text:sidebar desc}
- {/block:ifsidebardesc}
- {block:ifnotsidebardesc}
- {block:Description}
- {Description}
- {/block:Description}
- {/block:ifnotsidebardesc}
- </div><!--end desc-->
- <!-- navlinks -->
- {block:ifnavlink1name}
- <nav class="navlinks truncate-links-{select:truncate long navlinks}">
- <ul role="menu">
- <!-- navlink 1 -->
- <li role="presentation">
- <a href="{text:navlink 1 URL}" role="menuitem">
- <span class="nav-ico">
- <i class="mgc_{text:navlink 1 icon}" aria-hidden="true"></i>
- </span>
- <span class="nav-txt">
- <span>{text:navlink 1 name}</span>
- </span>
- </a>
- </li>
- <!-- navlink 2 -->
- {block:ifnavlink2name}
- <li role="presentation">
- <a href="{text:navlink 2 URL}" role="menuitem">
- <span class="nav-ico">
- <i class="mgc_{text:navlink 2 icon}" aria-hidden="true"></i>
- </span>
- <span class="nav-txt">
- <span>{text:navlink 2 name}</span>
- </span>
- </a>
- </li>
- {/block:ifnavlink2name}
- <!-- navlink 3 -->
- {block:ifnavlink3name}
- <li role="presentation">
- <a href="{text:navlink 3 URL}" role="menuitem">
- <span class="nav-ico">
- <i class="mgc_{text:navlink 3 icon}" aria-hidden="true"></i>
- </span>
- <span class="nav-txt">
- <span>{text:navlink 3 name}</span>
- </span>
- </a>
- </li>
- {/block:ifnavlink3name}
- <!-- navlink 4 -->
- {block:ifnavlink4name}
- <li role="presentation">
- <a href="{text:navlink 4 URL}" role="menuitem">
- <span class="nav-ico">
- <i class="mgc_{text:navlink 4 icon}" aria-hidden="true"></i>
- </span>
- <span class="nav-txt">
- <span>{text:navlink 4 name}</span>
- </span>
- </a>
- </li>
- {/block:ifnavlink4name}
- <!-- navlink 5 -->
- {block:ifnavlink5name}
- <li role="presentation">
- <a href="{text:navlink 5 URL}" role="menuitem">
- <span class="nav-ico">
- <i class="mgc_{text:navlink 5 icon}" aria-hidden="true"></i>
- </span>
- <span class="nav-txt">
- <span>{text:navlink 5 name}</span>
- </span>
- </a>
- </li>
- {/block:ifnavlink5name}
- <!-- navlink 6 -->
- {block:ifnavlink6name}
- <li role="presentation">
- <a href="{text:navlink 6 URL}" role="menuitem">
- <span class="nav-ico">
- <i class="mgc_{text:navlink 6 icon}" aria-hidden="true"></i>
- </span>
- <span class="nav-txt">
- <span>{text:navlink 6 name}</span>
- </span>
- </a>
- </li>
- {/block:ifnavlink6name}
- <!-- theme credit link (sidebar) -->
- <!-- pls do not remove! -->
- <li role="presentation" class="sb-crd">
- <a href="//glenthemes.tumblr.com" aria-label="🐤 「 Reducks 」 by glenthemes" role="menuitem">
- <span class="nav-ico">
- <i class="gt-misc-icons" icon-name="gt-3" aria-hidden="true"></i>
- </span>
- <span class="nav-txt">
- <span>Theme</span>
- </span>
- </a>
- </li>
- <!-- toggle show/hide extra boxes (mobile only) -->
- <!-- hidden on wide(r) screens -->
- <li class="sb-see-more" role="presentation">
- <button class="sb-see-more-btn">
- <span class="nav-ico">
- <i class="sb-label-see-more mgc_down_line" aria-hidden="true"></i>
- <i class="sb-label-see-less mgc_up_line" aria-hidden="true"></i>
- </span>
- <span class="nav-txt">
- <span class="sb-label-see-more">View more info</span>
- <span class="sb-label-see-less">Show less</span>
- </span>
- </button>
- </li>
- </ul>
- </nav><!--end navlinks-->
- {/block:ifnavlink1name}
- </div><!--end sb-box-->
- <!-- sidebar box 2 -->
- {block:ifcustomlink1name}
- <div class="sb-box cl-box-{select:show custom links} sb-extra-box">
- <nav class="custom-links cl-lines-ani-{select:custom links line hover animation}">
- <ul role="menu">
- <li role="presentation">
- <a href="{text:custom link 1 URL}" role="menuitem">
- <span class="cl-img">
- <img src="{image:custom link 1 icon}" alt="">
- </span>
- <span class="cl-text">
- <span>{text:custom link 1 name}</span>
- </span>
- </a>
- </li>
- {block:ifcustomlink2name}
- <li role="presentation">
- <a href="{text:custom link 2 URL}" role="menuitem">
- <span class="cl-img">
- <img src="{image:custom link 2 icon}" alt="">
- </span>
- <span class="cl-text">
- <span>{text:custom link 2 name}</span>
- </span>
- </a>
- </li>
- {/block:ifcustomlink2name}
- {block:ifcustomlink3name}
- <li role="presentation">
- <a href="{text:custom link 3 URL}" role="menuitem">
- <span class="cl-img">
- <img src="{image:custom link 3 icon}" alt="">
- </span>
- <span class="cl-text">
- <span>{text:custom link 3 name}</span>
- </span>
- </a>
- </li>
- {/block:ifcustomlink3name}
- {block:ifcustomlink4name}
- <li role="presentation">
- <a href="{text:custom link 4 URL}" role="menuitem">
- <span class="cl-img">
- <img src="{image:custom link 4 icon}" alt="">
- </span>
- <span class="cl-text">
- <span>{text:custom link 4 name}</span>
- </span>
- </a>
- </li>
- {/block:ifcustomlink4name}
- {block:ifcustomlink5name}
- <li role="presentation">
- <a href="{text:custom link 5 URL}" role="menuitem">
- <span class="cl-img">
- <img src="{image:custom link 5 icon}" alt="">
- </span>
- <span class="cl-text">
- <span>{text:custom link 5 name}</span>
- </span>
- </a>
- </li>
- {/block:ifcustomlink5name}
- {block:ifcustomlink6name}
- <li role="presentation">
- <a href="{text:custom link 6 URL}" role="menuitem">
- <span class="cl-img">
- <img src="{image:custom link 6 icon}" alt="">
- </span>
- <span class="cl-text">
- <span>{text:custom link 6 name}</span>
- </span>
- </a>
- </li>
- {/block:ifcustomlink6name}
- {block:ifcustomlink7name}
- <li role="presentation">
- <a href="{text:custom link 7 URL}" role="menuitem">
- <span class="cl-img">
- <img src="{image:custom link 7 icon}" alt="">
- </span>
- <span class="cl-text">
- <span>{text:custom link 7 name}</span>
- </span>
- </a>
- </li>
- {/block:ifcustomlink7name}
- {block:ifcustomlink8name}
- <li role="presentation">
- <a href="{text:custom link 8 URL}" role="menuitem">
- <span class="cl-img">
- <img src="{image:custom link 8 icon}" alt="">
- </span>
- <span class="cl-text">
- <span>{text:custom link 8 name}</span>
- </span>
- </a>
- </li>
- {/block:ifcustomlink8name}
- </ul>
- </nav><!--end custom-links-->
- </div><!--end sb-box-->
- {/block:ifcustomlink1name}
- <!-- sidebar box 3 -->
- <!-- (searchbar) -->
- <div class="sb-box searchbar-box-{select:show searchbar} sb-extra-box">
- <form class="searchblock" action="/search" method="get">
- <input class="searchbar-field" type="text" name="q" value="{SearchQuery}"{block:ifsearchbarprompttext} placeholder="{text:searchbar prompt text}"{/block:ifsearchbarprompttext} required>
- <div class="searchbar-button">
- <button type="submit">
- <i class="mgc_search_3_line"></i>
- </button>
- </div>
- {block:ifsearchsuggestion1name}
- <div class="search-suggestions-wrapper">
- <div class="search-suggestions">
- <a href="{text:search suggestion 1 URL}">{text:search suggestion 1 name}</a>
- {block:ifsearchsuggestion2name}
- <a href="{text:search suggestion 2 URL}">{text:search suggestion 2 name}</a>
- {/block:ifsearchsuggestion2name}
- {block:ifsearchsuggestion3name}
- <a href="{text:search suggestion 3 URL}">{text:search suggestion 3 name}</a>
- {/block:ifsearchsuggestion3name}
- {block:ifsearchsuggestion4name}
- <a href="{text:search suggestion 4 URL}">{text:search suggestion 4 name}</a>
- {/block:ifsearchsuggestion4name}
- {block:ifsearchsuggestion5name}
- <a href="{text:search suggestion 5 URL}">{text:search suggestion 5 name}</a>
- {/block:ifsearchsuggestion5name}
- </div>
- </div>
- {/block:ifsearchsuggestion1name}
- </form>
- </div><!--end sb-box-->
- <!-- years active + tumblr (desktop) -->
- <!-- not a box but the footer in the sidebar -->
- <footer class="sb-footer sb-footer-{select:show sidebar footer} sb-extra-box">
- <span class="sbf-flex"><i class="mgc_copyright_line"></i><span>{CopyrightYears}</span></span> · {lang:Powered by Tumblr 2}
- </footer>
- </div><!--end sb-inner-->
- </aside><!--end sidebar-->
- <!----- ALL POSTS ----->
- <main>
- <!-- top title (desktop) -->
- {block:iftoptitle}
- <h1 class="top-title" tt-outline="{select:top title outline},{select:top title outline thickness}" tt-shad="{select:top title shadow}">
- <a href="{BlogURL}"{block:iftoptitlehovertext} aria-label="{text:top title hover text}"{/block:iftoptitlehovertext} class="top-title-blog-link">{text:top title}</a>
- </h1>
- {/block:iftoptitle}
- <section class="all-posts">
- <!----- POSTS ----->
- {block:Posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
- <article
- class="posts"
- id="post-{PostID}"
- post-type="{PostType}"
- {block:NotReblog}original-post{/block:NotReblog}
- {block:RebloggedFrom}reblogged-post via-name="{ReblogParentName}" src-name="{ReblogRootName}"{/block:RebloggedFrom}
- username="{block:NotReblog}{Name}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootName}{/block:RebloggedFrom}"
- root-url="{block:NotReblog}{Permalink}{block:NotReblog}{block:RebloggedFrom}{ReblogRootURL}{/block:RebloggedFrom}"
- {block:HasTags}has-tags{/block:HasTags}
- >
- <div class="duckscont" ducks-ani="{select:post header images animation}">
- <div class="ducks-row-outer">
- <div class="ducks-row-inner pos-{select:post header images align}">
- <div class="duck-single" data-duck="1">
- <img src="{image:post header image 1}" crossorigin>
- </div>
- <div class="duck-single" data-duck="2">
- <img src="{image:post header image 2}" crossorigin>
- </div>
- <div class="duck-single" data-duck="3">
- <img src="{image:post header image 3}" crossorigin>
- </div>
- <div class="duck-single" data-duck="4">
- <img src="{image:post header image 4}" crossorigin>
- </div>
- <div class="duck-single" data-duck="5">
- <img src="{image:post header image 5}" crossorigin>
- </div>
- <div class="duck-single" data-duck="6">
- <img src="{image:post header image 6}" crossorigin>
- </div>
- <div class="duck-single" data-duck="7">
- <img src="{image:post header image 7}" crossorigin>
- </div>
- <div class="duck-single" data-duck="8">
- <img src="{image:post header image 8}" crossorigin>
- </div>
- </div><!--end ducks-row-inner-->
- </div><!--end ducks-row-outer-->
- </div><!--end duckscont-->
- <div class="post-outer-1">
- <div class="post-outer-2">
- <div class="waves">
- <div></div>
- </div>
- <div class="post-inner">
- <!----- POST HEADER ----->
- {block:Date}
- {block:PinnedPostLabel}
- <header class="post-header">
- <div class="ph-inner">
- <!-- "pinned post" -->
- <div class="ph-left">
- <{block:IndexPage}a href="{Permalink}"{/block:IndexPage}{block:PermalinkPage}div{/block:PermalinkPage} class="pinned-flex">
- <i class="mageicons" icon-name="pin" stroke="1.75"></i>
- <span>{PinnedPostLabel}</span>
- </{block:IndexPage}a{/block:IndexPage}{block:PermalinkPage}div{/block:PermalinkPage}>
- </div>
- <!-- originally by @name -->
- <div class="ph-right">
- <a class="ph-user-display" href="{block:NotReblog}{Permalink}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootURL}{/block:RebloggedFrom}" aria-label="{block:NotReblog}Original post{/block:NotReblog}{block:RebloggedFrom}{lang:Originally from ReblogRootName}{/block:RebloggedFrom}">{block:NotReblog}{Name}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootName}{/block:RebloggedFrom}</a>
- </div>
- </div><!--end ph-inner-->
- </header><!--end post-header-->
- {/block:PinnedPostLabel}
- {/block:Date}
- <div class="post-body">
- <div class="post-body-inner">
- <!------ LEGACY TEXT POSTS: TITLE ------>
- {block:Text}
- {block:Title}
- <div class="text-post">
- <h1 class="post-title">{Title}</h1>
- </div>
- {/block:Title}
- {/block:Text}
- <!------ LEGACY PHOTO POSTS: SINGLE ------>
- {block:Photo}
- <div class="photo-post">
- <div class="legacy-photo">
- <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" onclick="Tumblr.Lightbox.init([{'width':{PhotoWidth-HighRes},'height':{PhotoHeight-HighRes},'low_res':'{PhotoURL-500}','high_res':'{PhotoURL-HighRes}'}])">
- </div>
- </div>
- {/block:Photo}
- <!------ LEGACY PHOTO POSTS: PHOTOSETS ------>
- {block:Photoset}
- <div class="photoset-post">
- <div class="legacy-photoset" layout="{PhotosetLayout}">
- {block:Photos}
- <img src="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-low-res="{PhotoURL-500}" alt="{PhotoAlt}">
- {/block:Photos}
- </div>
- </div>
- {/block:Photoset}
- <!------ LEGACY QUOTE POSTS ------>
- {block:Quote}
- <div class="quote-post">
- <figure class="quote-set">
- <blockquote>“{Quote}”</blockquote>
- {block:Source}
- <figcaption>— {Source}</figcaption>
- {/block:Source}
- </figure>
- </div>
- {/block:Quote}
- <!------ LEGACY LINK POSTS ------>
- {block:Link}
- <div class="link-post">
- <div class="legacy-link-info" data-url="{URL}" data-target="{Target}" data-title="{PlaintextName}" data-excerpt="{block:Excerpt}{PlaintextExcerpt}{/block:Excerpt}" data-site-name="{block:Host}{Host}{/block:Host}"></div>
- </div>
- {/block:Link}
- <!------ LEGACY CHAT POSTS ------>
- {block:Chat}
- <div class="chat-post">
- <ul class="chat-wrap">
- {block:Lines}
- <li class="chat-line {Alt}">
- {block:Label}
- <b class="chat-label">{Label}</b>
- {/block:Label}
- <span class="chat-content"> {Line}</span>
- </li>
- {/block:Lines}
- </ul>
- </div>
- {/block:Chat}
- <!------ LEGACY AUDIO POSTS ------>
- {block:Audio}
- <div class="audio-post">
- <div class="legacy-audio">
- {block:AudioPlayer}
- <div class="legacy-audio-info" data-title="{block:TrackName}{PlaintextTrackName}{/block:TrackName}" data-artist="{block:Artist}{PlaintextArtist}{/block:Artist}" data-album="{block:Album}{PlaintextAlbum}{/block:Album}" data-album-cover="{block:AlbumArt}{AlbumArtURL}{/block:AlbumArt}">{AudioPlayer}</div>
- {/block:AudioPlayer}
- </div>
- </div>
- {/block:Audio}
- <!------ LEGACY VIDEO POSTS ------>
- {block:Video}
- <div class="video-post">
- <div class="legacy-video">
- {Video-700}
- {block:VideoThumbnail}
- <span class="poster-thumb" url="{VideoThumbnailURL}"></span>
- {/block:VideoThumbnail}
- </div>
- </div>
- {/block:Video}
- <!------ ASK POSTS ------>
- {block:Answer}
- <div class="ask-post">
- <dl class="qa-set">
- <!-- question -->
- <dt class="que-sect">
- <div class="que-flex">
- <img src="{AskerPortraitURL-128}" alt="{PlaintextAsker}’s avatar">
- <div class="que-right">
- <p class="ask-head" role="heading" aria-level="6">
- <span data-user="{PlaintextAsker}">{Asker}</span> asked:
- </p>
- <div class="que">{Question}</div>
- </div>
- </div>
- </dt><!--end question-->
- <!-- answer -->
- <dd class="ans-sect">
- <div class="ans-flex">
- <div class="ans-left">
- <p class="ans-head" role="heading" aria-level="6">
- {block:NotReblog}<a href="{Permalink}">{Name}</a>{/block:NotReblog}
- {block:Answerer}<span data-user="{PlaintextAnswerer}">{Answerer}</span>{/block:Answerer}
- answered:
- </p>
- <div class="ans">
- {block:NotReblog}{Replies}{/block:NotReblog}
- {block:Answerer}{Answer}{/block:Answerer}
- </div>
- </div>
- <img src="{block:NotReblog}{PortraitURL-128}{/block:NotReblog}{block:Answerer}{AnswererPortraitURL-128}{/block:Answerer}" alt="{block:NotReblog}{Name}{/block:NotReblog}{block:Answerer}{PlaintextAnswerer}{/block:Answerer}’s avatar">
- </div>
- </dd><!--end answer-->
- </dl><!--end q&a-->
- </div>
- {/block:Answer}
- <!----- CAPTIONS / REBLOGS ----->
- {block:NotReblog}
- <div class="comments {PostType}-post-caption legacy-original-caption">
- <div class="comment">
- <div class="comment-body">
- {block:Text}{Body}{/block:Text}
- {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Link}{Description}{/block:Link}
- {block:Audio}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
- {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:ContentSource}
- <p class="content-src">
- ({lang:Source}: <a href="{SourceURL}">{SourceTitle}</a>)
- </p>
- {/block:ContentSource}
- </div>
- </div>
- </div>
- {/block:NotReblog}
- {block:RebloggedFrom}
- <div class="comments {PostType}-post-reblogs">
- {block:Reblogs}
- <div class="comment">
- <div class="comment-header">
- <a class="user-flex" href="{block:IsOriginalEntry}{ReblogRootURL}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Permalink}{/block:IsNotOriginalEntry}">
- <div class="userpic">
- <img src="{block:IsOriginalEntry}{ReblogRootPortraitURL-64}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{PortraitURL-64}{/block:IsNotOriginalEntry}" alt="{block:IsOriginalEntry}{ReblogRootName}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Username}{/block:IsNotOriginalEntry}’s avatar">
- </div>
- <div class="username">
- <div class="username-inner">
- <span class="username-txt" data-user="{block:IsOriginalEntry}{ReblogRootName}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Username}{/block:IsNotOriginalEntry}">{block:IsOriginalEntry}{ReblogRootName}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Username}{/block:IsNotOriginalEntry}</span>
- </div>
- </div>
- </a><!--end user-flex-->
- </div><!--end comment-header-->
- <div class="comment-body">
- {Body}
- {block:ContentSource}
- <p class="content-src">
- ({lang:Source}: <a href="{SourceURL}">{SourceTitle}</a>)
- </p>
- {/block:ContentSource}
- </div>
- </div><!--end comment-->
- {/block:Reblogs}
- </div><!--end comments-->
- {/block:RebloggedFrom}
- <!----- TAGS ----->
- {block:HasTags}
- <div class="tagscont" tags-align="{select:tags position}" role="list">
- <div class="tc-inner-1">
- <div class="tc-inner-2">
- {block:Tags}
- <a href="{TagURL}" role="listitem">{Tag}</a>
- {/block:Tags}
- </div>
- </div>
- </div>
- {/block:HasTags}
- </div><!--end post-body-inner-->
- </div><!--end post-body-->
- <!----- POST FOOTER ----->
- {block:Date}
- <footer class="post-footer">
- <!---- PERMALINK + CONTROLS ---->
- <div class="pf-inner">
- <!---- POST INFO (LEFT) ---->
- <div class="post-info-left">
- <!---- PERMALINK / POST DATE ---->
- <{block:IndexPage}a href="{Permalink}" aria-label="{block:NotReblog}Posted{/block:NotReblog}{block:RebloggedFrom}Reblogged{/block:RebloggedFrom} {TimeAgo}"{/block:IndexPage}{block:PermalinkPage}div{/block:PermalinkPage} class="post-date">
- <time date-group datetime="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}T{24HourWithZero}:{Minutes}">
- <span date-text single-line>
- <span date-text-inner>
- {block:PermalinkPage}{block:NotReblog}Posted{/block:NotReblog}{block:RebloggedFrom}Reblogged{/block:RebloggedFrom}{/block:PermalinkPage}<span class="normal-timeago">{TimeAgo}</span><span class="shortened-timeago tsx" lang="en">{Timestamp}</span>{block:IndexPage}{block:NoteCount} · <span class="normal-notecount tsx">{NoteCount}</span><span class="shortened-notecount tsx">{NoteCount}</span><span class="notecount-label-single nc-{NoteCount} tsx"></span><span class="notecount-label-plural nc-{NoteCount} tsx"></span>{/block:NoteCount}{/block:IndexPage}{block:PermalinkPage} · {ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix} ‘{ShortYear}{/block:PermalinkPage}
- </span>
- </span>
- </time>
- </{block:IndexPage}a{/block:IndexPage}{block:PermalinkPage}div{/block:PermalinkPage}><!--end post-date-->
- <!---- VIA / OG POSTER ---->
- {block:PermalinkPage}
- {block:RebloggedFrom}
- <div class="via-and-op" single-row role="list">
- <i class="mageicons" icon-name="note" stroke="2"></i>
- <!-- via / reblogged from -->
- <div class="via-part" data-via="{ReblogParentName}" role="listitem">
- <span>{lang:Via}: </span>
- <a href="{ReblogParentURL}" aria-label="{PlaintextReblogParentTitle}" data-user="{ReblogParentName}">{ReblogParentName}</a>
- </div>
- <!-- bullet/separator -->
- <div class="via-op-sep">·</div>
- <!-- OG poster -->
- <div class="op-part" data-op="{ReblogRootName}" role="listitem">
- <span>By: </span>
- <a href="{ReblogRootURL}" aria-label="{PlaintextReblogRootTitle}" data-user="{ReblogRootName}">{ReblogRootName}</a>
- </div>
- </div>
- {/block:RebloggedFrom}
- {/block:PermalinkPage}
- </div><!--end post-info-left-->
- <!----- POST CONTROLS ----->
- <div class="post-btns" role="group">
- <!-- show/hide tags btn -->
- {block:HasTags}
- <label for="tags-{PostID}" class="tags-btn">
- <input id="tags-{PostID}" type="checkbox" data-show-tags="{lang:Show} {lang:Tags}" data-hide-tags="{lang:Close} {lang:Tags}"/>
- <i class="mageicons" stroke="2" icon-name="hash"></i>
- </label>
- {/block:HasTags}
- <!-- reblog btn -->
- <a class="rb-btn" href="{ReblogURL}" aria-label="{block:English}Reblog{/block:English}{block:German}Rebloggen{/block:German}{block:French}Rebloguer{/block:French}{block:Italian}Reblogga{/block:Italian}{block:Japanese}リブログ{/block:Japanese}{block:Turkish}Yeniden Blogla{/block:Turkish}{block:Spanish}Rebloguear{/block:Spanish}{block:Russian}Реблог{/block:Russian}{block:Polish}Rebloguj{/block:Polish}{block:PortuguesePT}Reblogar{/block:PortuguesePT}{block:PortugueseBR}Reblogar{/block:PortugueseBR}{block:Dutch}Rebloggen{/block:Dutch}{block:Korean}리블로그{/block:Korean}{block:ChineseSimplified}转发{/block:ChineseSimplified}{block:ChineseTraditional}轉格{/block:ChineseTraditional}{block:ChineseHK}轉載{/block:ChineseHK}{block:Indonesian}Reblog{/block:Indonesian}{block:Hindi}रीब्लॉग करेंे{/block:Hindi}" target="_blank">
- <i class="mageicons" stroke="1.75" icon-name="reload"></i>
- </a>
- <!-- like btn -->
- <button class="like-btn" data-like="{block:English}Like{/block:English}{block:German}Liken{/block:German}{block:French}J'aime{/block:French}{block:Italian}Mi piace{/block:Italian}{block:Japanese}スキ{/block:Japanese}{block:Turkish}Beğen{/block:Turkish}{block:Spanish}Me gusta{/block:Spanish}{block:Russian}Нравится{/block:Russian}{block:Polish}Lubię{/block:Polish}{block:PortuguesePT}Gostar{/block:PortuguesePT}{block:PortugueseBR}Curtir{/block:PortugueseBR}{block:Dutch}Vind ik leuk{/block:Dutch}{block:Korean}좋아요{/block:Korean}{block:ChineseSimplified}喜欢{/block:ChineseSimplified}{block:ChineseTraditional}喜歡{/block:ChineseTraditional}{block:ChineseHK}喜歡{/block:ChineseHK}{block:Indonesian}Suka{/block:Indonesian}{block:Hindi}पसंद करें{/block:Hindi}" data-unlike="{block:English}Unlike{/block:English}{block:German}Entliken{/block:German}{block:French}Je n'aime plus{/block:French}{block:Italian}Non mi piace{/block:Italian}{block:Japanese}スキ解除{/block:Japanese}{block:Turkish}Beğenme{/block:Turkish}{block:Spanish}Ya no me gusta{/block:Spanish}{block:Russian}Не нравится{/block:Russian}{block:Polish}Nie lubię{/block:Polish}{block:PortuguesePT}Deixar de gostar{/block:PortuguesePT}{block:PortugueseBR}Curtir (desfazer){/block:PortugueseBR}{block:Dutch}Vind ik niet meer leuk{/block:Dutch}{block:Korean}좋아요 취소{/block:Korean}{block:ChineseSimplified}取消喜欢{/block:ChineseSimplified}{block:ChineseTraditional}收回喜歡{/block:ChineseTraditional}{block:ChineseHK}收回喜歡{/block:ChineseHK}{block:Indonesian}Tidak Suka{/block:Indonesian}{block:Hindi}पसंद हटाएँ{/block:Hindi}">
- {LikeButton}
- <i class="mageicons outline-style" stroke="1.75" icon-name="heart"></i>
- <i class="mageicons solid-style" solid icon-name="heart"></i>
- </button>
- </div><!--end post-btns-->
- </div><!--end pf-inner-->
- </footer><!--end post-footer-->
- {/block:Date}
- </div><!--end post-inner-->
- </div><!--end post-outer-1-->
- </div><!--end post-outer-2-->
- </article><!--end posts-->
- <!----- POST NOTES ----->
- {block:PostNotes}
- <article class="post-notes">
- <div class="post-inner">
- <div class="post-body">
- <div class="post-body-inner">
- {block:NoteCount}
- <h2 class="post-title"><span class="normal-notecount tsx">{NoteCount}</span><span class="shortened-notecount tsx">{NoteCount}</span><span class="notecount-label-single nc-{NoteCount} tsx"></span><span class="notecount-label-plural nc-{NoteCount} tsx"></span></h2>
- {/block:NoteCount}
- {PostNotes}
- </div>
- </div>
- </div>
- </article>
- {/block:PostNotes}
- {/block:Posts}
- </section><!--end all-posts-->
- <!----- PAGE NUMBERS ----->
- {block:Pagination length="5"}
- <section class="page-numbers">
- <div class="post-inner">
- <div class="post-body">
- <div class="post-body-inner">
- <div class="pagi-wrap">
- {block:PreviousPage}
- <a href="{PreviousPage}" class="prev-page" aria-label="{lang:Previous Page}">
- <i class="mageicons" icon-name="chevron-left" stroke="1.75"></i>
- <span aria-hidden="true">{lang:Prev}</span>
- </a>
- {/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}
- <span aria-label="You are here (Page {CurrentPage})">
- <i class="mageicons" icon-name="map-marker" stroke="1.75"></i>
- </span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a href="{URL}" aria-label="Go to page {PageNumber}">
- <span class="pagi-num" aria-hidden="true">{PageNumber}</span>
- </a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <a href="{NextPage}" class="next-page" aria-label="{lang:Next Page}">
- <span aria-hidden="true">{lang:Next}</span>
- <i class="mageicons" icon-name="chevron-right" stroke="1.75"></i>
- </a>
- {/block:NextPage}
- </div><!--pagi-wrap-->
- <div class="spinny">
- <i class="mgc_loading_2_line"></i>
- </div>
- <div class="no-more-posts">
- <span>{lang:No more posts}</span>
- </div>
- </div><!--pbi-->
- </div><!--pb-->
- </div><!--end post-inner-->
- </section><!--end page-numbers-->
- {/block:Pagination}
- <!-- years active + tumblr (mobile) -->
- <!-- hidden on wide(r) screens -->
- <footer class="sb-footer sb-footer-{select:show sidebar footer}">
- <span class="sbf-flex"><i class="mgc_copyright_line"></i><span>{CopyrightYears}</span></span> · {lang:Powered by Tumblr 2}
- </footer>
- </main><!--end main-->
- </div><!--end tout-tu-->
- </div><!--end tout-->
- <!----- SCREEN CORNER ----->
- <footer class="screen-corner">
- <button class="btt-btn btt-{select:back to top button}" aria-label="{lang:Back to top}">
- <i class="mageicons" icon-name="arrow-up" stroke="2"></i>
- </button>
- <div class="bot-crd">
- <!-- theme credit link (corner) -->
- <!-- pls do not remove! -->
- <a href="//glenthemes.tumblr.com" aria-label="🐤 「 Reducks 」 by glenthemes" role="menuitem">
- <i class="gt-misc-icons" icon-name="gt-3" aria-hidden="true"></i>
- </a>
- </div>
- </footer>
- <!-- ignore this -->
- <div class="full_h" aria-hidden="true" tabindex="-1"></div>
- </body>
- </html>
Add Comment
Please, Sign In to add comment