glenthemes

Theme [41]: Reducks

Apr 1st, 2026 (edited)
96
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 204.90 KB | None | 0 0
  1. <!-------------------------------------------------------------------
  2.  
  3. Theme [41]: Reducks
  4. Made by glenthemes
  5.  
  6. Release date: 2026/04/01
  7. Last updated: 2026/08/26
  8. Updates/changelog: dub.sh/reducks-updates
  9.  
  10. 「 THEME INFO. 」
  11. ❃ Post: glenthemes.tumblr.com/post/812708238298578944
  12. ❃ Preview: reducks-theme.tumblr.com
  13. ❃ Code: glen-themes.gitlab.io/thms/41/reducks
  14.  
  15. 「 HOW TO USE. 」
  16. dub.sh/reducks-guide
  17.  
  18. 「 TERMS OF USE. 」
  19. 1) Do not remove the credit.
  20. 2) Do not remove parts of the code without my permission.
  21. 3) Do not claim my codes as your own.
  22. 4) Do not use my works as base codes.
  23. 5) You may add widgets to my themes and pages.
  24.  
  25. 「 CREDITS. 」
  26. (◍’θ’◍)~ glencredits.tumblr.com/reducks
  27.  
  28. -------------------------------------------------------------------->
  29.  
  30. <!DOCTYPE html>
  31. <html
  32. 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}"
  33. blog-name="{Name}"
  34. checkers-bg="{select:plaid checkers background},{select:plaid checkers square size}"
  35. bg-image="{image:background image}"
  36. bg-size="{select:background image size}"
  37. {block:IndexPage}index-page{/block:IndexPage}
  38. {block:PermalinkPage}perma-page{/block:PermalinkPage}
  39. {block:SearchPage}search-page{/block:SearchPage}
  40. {block:TagPage}tag-page{/block:TagPage}
  41. {block:Posts}{block:Post1}{block:Date}has-posts{/block:Date}{/block:Post1}{/block:Posts}
  42. font="{select:font}"
  43. caps-font="{select:small caps font}"
  44. heading-font="{select:heading font}"
  45. top-title-font="{select:top title font}"
  46. top-waves="{select:post header waves}"
  47. show-ducks="{select:post header images}"
  48. post-shadow="{select:post shadow}"
  49. shorten-timeago="{select:shorten timestamps}"
  50. shorten-notecount="{select:shorten notes}"
  51. captions-style="{select:captions style}"
  52. username-underlines="{select:username underlines}"
  53. rb-dividers="{select:reblog borders}"
  54. rounded-media="{select:rounded post media}"
  55. tags-vis="{select:tags}"
  56. solid-when-liked="{select:post liked solid icon}"
  57. sb-shadow="{select:sidebar shadow}"
  58. crd-pos="{select:theme credit location}"
  59. iscroll="{select:infinite scroll}"
  60. tt-shad="{select:hover text box shadow}"
  61. data-overlayscrollbars-initialize
  62. >
  63.  
  64. <head>
  65.  
  66. <meta charset="UTF-8">
  67. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  68. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  69. <meta property="og:type" content="website">
  70. <meta name="theme-color" content="{AccentColor}">
  71.  
  72. {block:PermalinkPage}{block:Posts}{block:NotReblog}
  73. <meta name="author" content="{Name}">
  74. {/block:NotReblog}{/block:Posts}{/block:PermalinkPage}
  75.  
  76. {block:PermalinkPage}{block:Posts}{block:Date}
  77. <meta name="date" content="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}" scheme="YYYY-MM-DD">
  78. {/block:Date}{/block:Posts}{/block:PermalinkPage}
  79.  
  80. <base href="{BlogURL}">
  81.  
  82. <!-- title + meta title -->
  83. <title>
  84. {Title} {block:PostSummary} &vellip; {PostSummary}{/block:PostSummary} {block:TagPage} &vellip; #{Tag}{/block:TagPage} {block:SearchPage} &vellip; {lang:Search}: &ldquo;{SearchQuery}&rdquo; &ndash; {lang:SearchResultCount results}{block:NoSearchResults}{lang:No results found}{/block:NoSearchResults} {/block:SearchPage}
  85. </title>
  86. <meta property="og:title" content="{Title} {block:PostSummary} &vellip; {PostSummary}{/block:PostSummary} {block:TagPage} &vellip; #{Tag}{/block:TagPage} {block:SearchPage} &vellip; {lang:Search}: &ldquo;{SearchQuery}&rdquo; &ndash; {lang:SearchResultCount results}{block:NoSearchResults}{lang:No results found}{/block:NoSearchResults} {/block:SearchPage}">
  87.  
  88. <!-- desc + meta desc -->
  89. <meta name="description" content="{block:Description}{block:IndexPage}{MetaDescription}{/block:IndexPage}{/block:Description}{block:PermalinkPage}{block:PostSummary}{PostSummary}{/block:PostSummary}{/block:PermalinkPage}"/>
  90. <meta property="og:description" content="{block:Description}{block:IndexPage}{MetaDescription}{/block:IndexPage}{/block:Description}{block:PermalinkPage}{block:PostSummary}{PostSummary}{/block:PostSummary}{/block:PermalinkPage}"/>
  91.  
  92. <!-- favicon / tab icon -->
  93. <link rel="icon" href="{Favicon}">
  94.  
  95. <!--+++++++++++++++++++++++++++++++++++++++++++++++++-->
  96.  
  97. <!----- THEME OPTIONS ----->
  98. <!-- do not edit here; click the back button and scroll down -->
  99. {block:Options}
  100. <!-- divider: images -->
  101. <meta name="image:&#x1F4F8;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D408;&#x1D40C;&#x1D400;&#x1D406;&#x1D404;&#x1D412;" content="">
  102. <meta name="image:background image" content="">
  103.  
  104. <!-- divider: images: sidebar -->
  105. <meta name="image:&#x1F4F8;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D412;&#x1D408;&#x1D403;&#x1D404;&#x1D401;&#x1D400;&#x1D411;" content="">
  106. <meta name="image:sidebar image" content="//static.tumblr.com/gtjt4bo/6nZtca4xu/daieny_duck.png">
  107.  
  108. <!-- divider: images: custom links icons -->
  109. <meta name="image:&#x1F4F8;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D402;&#x1D414;&#x1D412;&#x1D413;&#x1D40E;&#x1D40C; &#x1D40B;&#x1D408;&#x1D40D;&#x1D40A;&#x1D412;" content="">
  110. <meta name="image:sidebar image" content="//static.tumblr.com/gtjt4bo/6nZtca4xu/daieny_duck.png">
  111. <meta name="image:custom link 1 icon" content="//static.tumblr.com/gtjt4bo/vrQtca4ze/cl-duck-1.png">
  112. <meta name="image:custom link 2 icon" content="//static.tumblr.com/gtjt4bo/khXtca4zq/cl-duck-2.png">
  113. <meta name="image:custom link 3 icon" content="//static.tumblr.com/gtjt4bo/uZetca507/cl-duck-3.png">
  114. <meta name="image:custom link 4 icon" content="">
  115. <meta name="image:custom link 5 icon" content="">
  116. <meta name="image:custom link 6 icon" content="">
  117. <meta name="image:custom link 7 icon" content="">
  118. <meta name="image:custom link 8 icon" content="">
  119.  
  120. <!-- divider: images: post header -->
  121. <meta name="image:&#x1F4F8;&#x2007;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#x2007;&#x1d40f;&#x1d40e;&#x1d412;&#x1d413;&#x20;&#x1d407;&#x1d404;&#x1d400;&#x1d403;&#x1d404;&#x1d411;" content="">
  122. <meta name="image:post header image 1" content="//static.tumblr.com/gtjt4bo/c0ktca528/duck_3530305.png">
  123. <meta name="image:post header image 2" content="//static.tumblr.com/gtjt4bo/Dhvtca52q/duck_9914523.png">
  124. <meta name="image:post header image 3" content="//static.tumblr.com/gtjt4bo/aOEtca535/duck_3958506.png">
  125. <meta name="image:post header image 4" content="//static.tumblr.com/gtjt4bo/HXitca53j/duck_11136327.png">
  126. <meta name="image:post header image 5" content="">
  127. <meta name="image:post header image 6" content="">
  128. <meta name="image:post header image 7" content="">
  129. <meta name="image:post header image 8" content="">
  130.  
  131. <!-- divider: colors: general colors -->
  132. <meta name="color:&#x1f3a8;&#x2007;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#x2007;&#x1d406;&#x1d404;&#x1d40d;&#x1d404;&#x1d411;&#x1d400;&#x1d40b;&#x20;&#x1d402;&#x1d40e;&#x1d40b;&#x1d40e;&#x1d411;&#x1d412;" content="">
  133. <meta name="color:background" content="#fbf4de">
  134.  
  135. <meta name="color:plaid checkers square 1" content="#f6e5ad">
  136. <meta name="color:plaid checkers square 2" content="#fbf4e2">
  137. <meta name="color:plaid checkers square 3" content="#fbf4e2">
  138. <meta name="color:plaid checkers square 4" content="#fefffc">
  139.  
  140. <!-- divider: colors: tumblr controls -->
  141. <meta name="color:&#x1F3A8;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D413;&#x1D414;&#x1D40C;&#x1D401;&#x1D40B;&#x1D411; &#x1D402;&#x1D40E;&#x1D40D;&#x1D413;&#x1D411;&#x1D40E;&#x1D40B;&#x1D412;" content="">
  142. <meta name="color:tumblr controls BG" content="#fdecc1">
  143. <meta name="color:tumblr controls text" content="#ad7b33">
  144. <meta name="color:tumblr controls bottom border" content="#fbe1a8">
  145.  
  146. <!-- divider: colors: sidebar -->
  147. <meta name="color:&#x1F3A8;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D412;&#x1D408;&#x1D403;&#x1D404;&#x1D401;&#x1D400;&#x1D411;" content="">
  148. <meta name="color:sidebar border" content="#fbe1a8">
  149. <meta name="color:sidebar BG" content="#fffaf0">
  150. <meta name="color:sidebar shadow" content="#ffe9b5">
  151.  
  152. <!-- divider: dropdowns: sidebar image -->
  153. <meta name="color:&#x1F3A8;&#x2007;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#x2007;&#x1d412;&#x1d408;&#x1d403;&#x1d404;&#x1d401;&#x1d400;&#x1d411;&#x20;&#x1d408;&#x1d40c;&#x1d400;&#x1d406;&#x1d404;" title="" content="">
  154. <meta name="color:sidebar image border" content="#ffe9b5">
  155. <meta name="color:sidebar image shadow" content="#f4bc3d">
  156.  
  157. <!-- divider: colors: description -->
  158. <meta name="color:&#x1F3A8;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D403;&#x1D404;&#x1D412;&#x1D402;&#x1D411;&#x1D408;&#x1D40F;&#x1D413;&#x1D408;&#x1D40E;&#x1D40D;" content="">
  159. <meta name="color:desc text" content="#4b5262">
  160. <meta name="color:desc links" content="#bf8816">
  161. <meta name="color:desc links underline" content="#f4db8f">
  162. <meta name="color:desc bold" content="#e39539">
  163. <meta name="color:desc italic" content="#a28462">
  164.  
  165. <!-- divider: colors: navlinks -->
  166. <meta name="color:&#x1F3A8;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D40D;&#x1D400;&#x1D415;&#x1D40B;&#x1D408;&#x1D40D;&#x1D40A;&#x1D412;" content="">
  167. <meta name="color:navlinks border" content="#fbe1a8">
  168. <meta name="color:navlinks icon BG" content="#ffeec6">
  169. <meta name="color:navlinks icon" content="#9f7637">
  170. <meta name="color:navlinks label BG" content="#fffaf0">
  171. <meta name="color:navlinks label" content="#917351">
  172.  
  173. <meta name="color:navlinks hover border" content="#f8d4ba">
  174. <meta name="color:navlinks hover icon BG" content="#ffecd8">
  175. <meta name="color:navlinks hover icon" content="#b48156">
  176. <meta name="color:navlinks hover label BG" content="#fffaf0">
  177. <meta name="color:navlinks hover label" content="#ad794d">
  178.  
  179. <!-- divider: colors: custom links -->
  180. <meta name="color:&#x1F3A8;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D402;&#x1D414;&#x1D412;&#x1D413;&#x1D40E;&#x1D40C; &#x1D40B;&#x1D408;&#x1D40D;&#x1D40A;&#x1D412;" title="" content="">
  181. <meta name="color:custom links" content="#8f6e43">
  182. <meta name="color:custom links lines" content="#fbe1a8">
  183. <meta name="color:custom links hover" content="#c99354">
  184. <meta name="color:custom links hover lines" content="#fbe1a8">
  185.  
  186. <!-- divider: colors: searchbar -->
  187. <meta name="color:&#x1f3a8;&#x2007;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#x2007;&#x1d412;&#x1d404;&#x1d400;&#x1d411;&#x1d402;&#x1d407;&#x1d401;&#x1d400;&#x1d411;" title="" content="">
  188. <meta name="color:searchbar border" content="#fbe1a8">
  189. <meta name="color:searchbar BG" content="#fcf4e1">
  190. <meta name="color:searchbar prompt text" content="#a28462">
  191. <meta name="color:searchbar text" content="#8f6e43">
  192.  
  193. <meta name="color:searchbar button border" content="#fbe1a8">
  194. <meta name="color:searchbar button BG" content="#fff2cf">
  195. <meta name="color:searchbar button icon" content="#8f6e43">
  196.  
  197. <meta name="color:searchbar button hover border" content="#d3d0a4">
  198. <meta name="color:searchbar button hover BG" content="#e7e5c2">
  199. <meta name="color:searchbar button hover icon" content="#69706a">
  200.  
  201. <meta name="color:search suggestions border" content="#ffe9b5">
  202. <meta name="color:search suggestions BG" content="#fcf4e1">
  203. <meta name="color:search suggestions text" content="#8f6e43">
  204.  
  205. <meta name="color:search suggestions hover BG" content="#fceac4">
  206. <meta name="color:search suggestions hover text" content="#4f514f">
  207.  
  208. <!-- divider: colors: sidebar footer -->
  209. <meta name="color:&#x1f3a8;&#x2007;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#x2007;&#x1d412;&#x1d408;&#x1d403;&#x1d404;&#x1d401;&#x1d400;&#x1d411;&#x20;&#x1d405;&#x1d40e;&#x1d40e;&#x1d413;&#x1d404;&#x1d411;" content="">
  210. <meta name="color:sidebar footer text" content="#85725a">
  211. <meta name="color:sidebar footer link" content="#bf8816">
  212. <meta name="color:sidebar footer link underline" content="#f4db8f">
  213.  
  214. <!-- divider: colors: top title -->
  215. <meta name="color:&#x1F3A8;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D413;&#x1D40E;&#x1D40F; &#x1D413;&#x1D408;&#x1D413;&#x1D40B;&#x1D404;" content="">
  216. <meta name="color:top title text" content="#ffe9b5">
  217. <meta name="color:top title outline" content="#c38357">
  218. <meta name="color:top title shadow" content="#ffcf77">
  219.  
  220. <!-- divider: colors: posts -->
  221. <meta name="color:&#x1f3a8;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D40F;&#x1D40E;&#x1D412;&#x1D413;&#x1D412;" content="">
  222. <meta name="color:post BG" content="#fffaf0">
  223. <meta name="color:post borders" content="#fbe1a8">
  224. <meta name="color:post shadow" content="#ffe9b5">
  225. <meta name="color:text" content="#4b5262">
  226.  
  227. <meta name="color:post title border" content="#fbe1a8">
  228. <meta name="color:post title BG" content="#fff2d0">
  229. <meta name="color:post title text" content="#645a55">
  230.  
  231. <meta name="color:post alt borders" content="#fdf4e1">
  232. <meta name="color:post alt BG" content="#fdf4e1">
  233. <meta name="color:text alt" content="#655b55">
  234.  
  235. <meta name="color:links" content="#bf8816">
  236. <meta name="color:links underline" content="#f4db8f">
  237.  
  238. <meta name="color:bold" content="#e39539">
  239. <meta name="color:italic" content="#a28462">
  240.  
  241. <meta name="color:blockquote border" content="#f4db8f">
  242. <meta name="color:post usernames" content="#2a2e37">
  243. <meta name="color:post usernames underline" content="#f4db8f">
  244.  
  245. <!-- divider: colors: tags -->
  246. <meta name="color:&#x1F3A8;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D413;&#x1D400;&#x1D406;&#x1D412;" content="">
  247. <meta name="color:tags border" content="#d3e0e5">
  248. <meta name="color:tags BG" content="#edf1f1">
  249. <meta name="color:tags text" content="#645a55">
  250. <meta name="color:tags hover border" content="#d3d0a4">
  251. <meta name="color:tags hover BG" content="#e7e5c2">
  252. <meta name="color:tags hover text" content="#4f514f">
  253.  
  254. <!-- divider: colors: post info bar -->
  255. <meta name="color:&#x1F3A8;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D40F;&#x1D40E;&#x1D412;&#x1D413; &#x1D408;&#x1D40D;&#x1D405;&#x1D40E; &#x1D401;&#x1D400;&#x1D411;" content="">
  256. <meta name="color:post info bar border" content="#fbe1a8">
  257. <meta name="color:post info bar BG" content="#fff2d0">
  258. <meta name="color:post info bar text" content="#645a55">
  259. <meta name="color:post info bar icons" content="#645a55">
  260. <meta name="color:like button liked" content="#f8c438">
  261.  
  262. <!-- divider: colors: hover text -->
  263. <meta name="color:&#x1F3A8;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D407;&#x1D40E;&#x1D415;&#x1D404;&#x1D411; &#x1D413;&#x1D404;&#x1D417;&#x1D413;" content="">
  264. <meta name="color:hover text border" content="#fbe1a8">
  265. <meta name="color:hover text BG" content="#fcf4e1">
  266. <meta name="color:hover text box shadow" content="#ffe9b5">
  267. <meta name="color:hover text" content="#645a55">
  268.  
  269. <!-- divider: colors: back-to-top -->
  270. <meta name="color:&#x1F3A8;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D401;&#x1D400;&#x1D402;&#x1D40A;-&#x1D413;&#x1D40E;-&#x1D413;&#x1D40E;&#x1D40F;" content="">
  271. <meta name="color:back to top button border" content="#fbe1a8">
  272. <meta name="color:back to top button BG" content="#ffeec6">
  273. <meta name="color:back to top button arrow" content="#9f7637">
  274. <meta name="color:back to top button shadow" content="#ffe9b5">
  275.  
  276. <!-- divider: colors: other colors -->
  277. <meta name="color:&#x1F3A8;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D40E;&#x1D413;&#x1D407;&#x1D404;&#x1D411; &#x1D402;&#x1D40E;&#x1D40B;&#x1D40E;&#x1D411;&#x1D412;" content="">
  278. <meta name="color:page numbers" content="#645a55">
  279. <meta name="color:scrollbar" content="#c9af85">
  280. <meta name="color:scrollbar BG" content="#fbf4de">
  281. <meta name="color:text highlighted BG" content="#fff2d0">
  282. <meta name="color:text highlighted" content="#645a55">
  283.  
  284. <!-- divider: dropdowns: background opts -->
  285. <meta name="select:&#x1f53d;&#x2007;&#xb7;&#xb7;&#xb7;&#xb7;&#x2007;&#x1d401;&#x1d400;&#x1d402;&#x1d40a;&#x1d406;&#x1d411;&#x1d40e;&#x1d414;&#x1d40d;&#x1d403;&#x20;&#x1d40e;&#x1d40f;&#x1d413;&#x1d412;" title="" content="">
  286. <meta name="select:plaid checkers background" title="yes" content="yes">
  287. <meta name="select:plaid checkers background" title="no" content="no">
  288.  
  289. <meta name="select:plaid checkers square size" title="1px" content="1px">
  290. <meta name="select:plaid checkers square size" title="1.5px" content="1.5px">
  291. <meta name="select:plaid checkers square size" title="2px" content="2px">
  292. <meta name="select:plaid checkers square size" title="2.5px" content="2.5px">
  293. <meta name="select:plaid checkers square size" title="3px" content="3px">
  294. <meta name="select:plaid checkers square size" title="3.5px" content="3.5px">
  295. <meta name="select:plaid checkers square size" title="4px" content="4px">
  296.  
  297. <meta name="select:background image size" title="small&#x2009;&#x2F;&#x2009;repeating" content="small">
  298. <meta name="select:background image size" title="large&#x2009;&#x2F;&#x2009;no repeat" content="large">
  299.  
  300. <!-- divider: dropdowns: general options -->
  301. <meta name="select:&#x1f53d;&#x2007;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#x2007;&#x1d406;&#x1d404;&#x1d40d;&#x1d404;&#x1d411;&#x1d400;&#x1d40b;&#x20;&#x1d412;&#x1d404;&#x1d413;&#x1d413;&#x1d408;&#x1d40d;&#x1d406;&#x1d412;" title="" content="">
  302. <meta name="select:screen gap" title="65px" content="65px">
  303. <meta name="select:screen gap" title="30px" content="30px">
  304. <meta name="select:screen gap" title="35px" content="35px">
  305. <meta name="select:screen gap" title="40px" content="40px">
  306. <meta name="select:screen gap" title="45px" content="45px">
  307. <meta name="select:screen gap" title="50px" content="50px">
  308. <meta name="select:screen gap" title="55px" content="55px">
  309. <meta name="select:screen gap" title="60px" content="60px">
  310. <meta name="select:screen gap" title="70px" content="70px">
  311. <meta name="select:screen gap" title="75px" content="75px">
  312. <meta name="select:screen gap" title="80px" content="80px">
  313. <meta name="select:screen gap" title="85px" content="85px">
  314. <meta name="select:screen gap" title="90px" content="90px">
  315. <meta name="select:screen gap" title="95px" content="95px">
  316. <meta name="select:screen gap" title="100px" content="100px">
  317.  
  318. <meta name="select:center gap" title="80px" content="80px">
  319. <meta name="select:center gap" title="30px" content="30px">
  320. <meta name="select:center gap" title="35px" content="35px">
  321. <meta name="select:center gap" title="40px" content="40px">
  322. <meta name="select:center gap" title="45px" content="45px">
  323. <meta name="select:center gap" title="50px" content="50px">
  324. <meta name="select:center gap" title="55px" content="55px">
  325. <meta name="select:center gap" title="60px" content="60px">
  326. <meta name="select:center gap" title="65px" content="65px">
  327. <meta name="select:center gap" title="70px" content="70px">
  328. <meta name="select:center gap" title="75px" content="75px">
  329. <meta name="select:center gap" title="85px" content="85px">
  330. <meta name="select:center gap" title="90px" content="90px">
  331. <meta name="select:center gap" title="95px" content="95px">
  332. <meta name="select:center gap" title="100px" content="100px">
  333. <meta name="select:center gap" title="105px" content="105px">
  334. <meta name="select:center gap" title="110px" content="110px">
  335.  
  336. <meta name="select:back to top button" title="yes" content="yes">
  337. <meta name="select:back to top button" title="no" content="no">
  338.  
  339. <!-- divider: dropdowns: main fonts -->
  340. <meta name="select:&#x1F53D;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D40C;&#x1D400;&#x1D408;&#x1D40D; &#x1D405;&#x1D40E;&#x1D40D;&#x1D413;&#x1D412;" title="" content="">
  341. <meta name="select:font" title="Cause" content="Cause">
  342. <meta name="select:font" title="Funnel Sans" content="Funnel Sans">
  343. <meta name="select:font" title="Solway" content="Solway">
  344.  
  345. <meta name="select:font size" title="14px" content="0.85rem">
  346. <meta name="select:font size" title="12px" content="0.75rem">
  347. <meta name="select:font size" title="13px" content="0.8rem">
  348. <meta name="select:font size" title="15px" content="0.9rem">
  349. <meta name="select:font size" title="16px" content="0.95rem">
  350. <meta name="select:font size" title="17px" content="1rem">
  351.  
  352. <meta name="select:small caps font" title="Mali" content="Mali">
  353. <meta name="select:small caps font" title="Gabarito" content="Gabarito">
  354. <meta name="select:small caps font" title="Solway" content="Solway">
  355.  
  356. <meta name="select:small caps font size" title="12px" content="0.75rem">
  357. <meta name="select:small caps font size" title="10px" content="0.65rem">
  358. <meta name="select:small caps font size" title="11px" content="0.7rem">
  359. <meta name="select:small caps font size" title="13px" content="0.8rem">
  360. <meta name="select:small caps font size" title="14px" content="0.85rem">
  361. <meta name="select:small caps font size" title="15px" content="0.9rem">
  362.  
  363. <meta name="select:heading font" title="Mali" content="Mali">
  364. <meta name="select:heading font" title="Start Story" content="Start Story">
  365. <meta name="select:heading font" title="Winter Draw" content="Winter Draw">
  366. <meta name="select:heading font" title="Lexend" content="Lexend">
  367.  
  368. <meta name="select:heading font size" title="16px" content="1rem">
  369. <meta name="select:heading font size" title="14px" content="0.9rem">
  370. <meta name="select:heading font size" title="15px" content="0.95rem">
  371. <meta name="select:heading font size" title="17px" content="1.05rem">
  372. <meta name="select:heading font size" title="18px" content="1.1rem">
  373. <meta name="select:heading font size" title="19px" content="1.15rem">
  374. <meta name="select:heading font size" title="20px" content="1.2rem">
  375.  
  376. <!-- divider: dropdowns: sidebar -->
  377. <meta name="select:&#x1F53D;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D412;&#x1D408;&#x1D403;&#x1D404;&#x1D401;&#x1D400;&#x1D411;" title="" content="">
  378. <meta name="select:sidebar position" title="right" content="right">
  379. <meta name="select:sidebar position" title="left" content="left">
  380.  
  381. <meta name="select:sidebar width" title="270px" content="270px">
  382. <meta name="select:sidebar width" title="170px" content="170px">
  383. <meta name="select:sidebar width" title="180px" content="180px">
  384. <meta name="select:sidebar width" title="190px" content="190px">
  385. <meta name="select:sidebar width" title="200px" content="200px">
  386. <meta name="select:sidebar width" title="210px" content="210px">
  387. <meta name="select:sidebar width" title="220px" content="220px">
  388. <meta name="select:sidebar width" title="230px" content="230px">
  389. <meta name="select:sidebar width" title="240px" content="240px">
  390. <meta name="select:sidebar width" title="250px" content="250px">
  391. <meta name="select:sidebar width" title="260px" content="260px">
  392. <meta name="select:sidebar width" title="280px" content="280px">
  393. <meta name="select:sidebar width" title="290px" content="290px">
  394. <meta name="select:sidebar width" title="300px" content="300px">
  395. <meta name="select:sidebar width" title="310px" content="310px">
  396. <meta name="select:sidebar width" title="320px" content="320px">
  397. <meta name="select:sidebar width" title="330px" content="330px">
  398. <meta name="select:sidebar width" title="340px" content="340px">
  399. <meta name="select:sidebar width" title="350px" content="350px">
  400.  
  401. <meta name="select:sidebar padding" title="18px" content="18px">
  402. <meta name="select:sidebar padding" title="none" content="0px">
  403. <meta name="select:sidebar padding" title="10px" content="10px">
  404. <meta name="select:sidebar padding" title="12px" content="12px">
  405. <meta name="select:sidebar padding" title="14px" content="14px">
  406. <meta name="select:sidebar padding" title="16px" content="16px">
  407. <meta name="select:sidebar padding" title="20px" content="20px">
  408. <meta name="select:sidebar padding" title="22px" content="22px">
  409. <meta name="select:sidebar padding" title="24px" content="24px">
  410. <meta name="select:sidebar padding" title="26px" content="26px">
  411. <meta name="select:sidebar padding" title="28px" content="28px">
  412.  
  413. <meta name="select:sidebar rounded corners" title="8px" content="8px">
  414. <meta name="select:sidebar rounded corners" title="none" content="0px">
  415. <meta name="select:sidebar rounded corners" title="4px" content="4px">
  416.  
  417. <meta name="select:sidebar shadow" title="yes" content="yes">
  418. <meta name="select:sidebar shadow" title="no" content="no">
  419.  
  420. <meta name="select:sidebar shadow offset" title="10px" content="10px">
  421. <meta name="select:sidebar shadow offset" title="4px" content="4px">
  422. <meta name="select:sidebar shadow offset" title="6px" content="6px">
  423. <meta name="select:sidebar shadow offset" title="8px" content="8px">
  424. <meta name="select:sidebar shadow offset" title="12px" content="12px">
  425. <meta name="select:sidebar shadow offset" title="14px" content="14px">
  426. <meta name="select:sidebar shadow offset" title="16px" content="16px">
  427. <meta name="select:sidebar shadow offset" title="18px" content="18px">
  428. <meta name="select:sidebar shadow offset" title="20px" content="20px">
  429. <meta name="select:sidebar shadow offset" title="22px" content="22px">
  430. <meta name="select:sidebar shadow offset" title="24px" content="24px">
  431. <meta name="select:sidebar shadow offset" title="26px" content="26px">
  432. <meta name="select:sidebar shadow offset" title="28px" content="28px">
  433. <meta name="select:sidebar shadow offset" title="30px" content="30px">
  434.  
  435. <meta name="select:sidebar shadow size" title="8px" content="8px">
  436. <meta name="select:sidebar shadow size" title="4px" content="4px">
  437. <meta name="select:sidebar shadow size" title="6px" content="6px">
  438. <meta name="select:sidebar shadow size" title="10px" content="10px">
  439. <meta name="select:sidebar shadow size" title="12px" content="12px">
  440. <meta name="select:sidebar shadow size" title="14px" content="14px">
  441. <meta name="select:sidebar shadow size" title="16px" content="16px">
  442. <meta name="select:sidebar shadow size" title="18px" content="18px">
  443. <meta name="select:sidebar shadow size" title="20px" content="20px">
  444. <meta name="select:sidebar shadow size" title="22px" content="22px">
  445. <meta name="select:sidebar shadow size" title="24px" content="24px">
  446. <meta name="select:sidebar shadow size" title="26px" content="26px">
  447. <meta name="select:sidebar shadow size" title="28px" content="28px">
  448. <meta name="select:sidebar shadow size" title="30px" content="30px">
  449.  
  450. <meta name="select:sidebar shadow transparency" title="none" content="1">
  451. <meta name="select:sidebar shadow transparency" title="10%" content="0.9">
  452. <meta name="select:sidebar shadow transparency" title="15%" content="0.85">
  453. <meta name="select:sidebar shadow transparency" title="20%" content="0.8">
  454. <meta name="select:sidebar shadow transparency" title="25%" content="0.75">
  455. <meta name="select:sidebar shadow transparency" title="30%" content="0.7">
  456. <meta name="select:sidebar shadow transparency" title="35%" content="0.65">
  457. <meta name="select:sidebar shadow transparency" title="40%" content="0.6">
  458. <meta name="select:sidebar shadow transparency" title="45%" content="0.55">
  459. <meta name="select:sidebar shadow transparency" title="50%" content="0.5">
  460. <meta name="select:sidebar shadow transparency" title="55%" content="0.45">
  461. <meta name="select:sidebar shadow transparency" title="60%" content="0.4">
  462. <meta name="select:sidebar shadow transparency" title="65%" content="0.35">
  463. <meta name="select:sidebar shadow transparency" title="70%" content="0.3">
  464. <meta name="select:sidebar shadow transparency" title="75%" content="0.25">
  465. <meta name="select:sidebar shadow transparency" title="80%" content="0.2">
  466. <meta name="select:sidebar shadow transparency" title="85%" content="0.15">
  467. <meta name="select:sidebar shadow transparency" title="90%" content="0.1">
  468. <meta name="select:sidebar shadow transparency" title="95%" content="0.05">
  469.  
  470. <meta name="select:sidebar box row spacing" title="16px" content="16px">
  471. <meta name="select:sidebar box row spacing" title="4px" content="4px">
  472. <meta name="select:sidebar box row spacing" title="8px" content="8px">
  473. <meta name="select:sidebar box row spacing" title="10px" content="10px">
  474. <meta name="select:sidebar box row spacing" title="12px" content="12px">
  475. <meta name="select:sidebar box row spacing" title="14px" content="14px">
  476. <meta name="select:sidebar box row spacing" title="18px" content="18px">
  477. <meta name="select:sidebar box row spacing" title="22px" content="22px">
  478. <meta name="select:sidebar box row spacing" title="24px" content="24px">
  479. <meta name="select:sidebar box row spacing" title="26px" content="26px">
  480. <meta name="select:sidebar box row spacing" title="28px" content="28px">
  481. <meta name="select:sidebar box row spacing" title="30px" content="30px">
  482.  
  483. <meta name="select:sidebar boxes spacing" title="20px" content="20px">
  484. <meta name="select:sidebar boxes spacing" title="4px" content="4px">
  485. <meta name="select:sidebar boxes spacing" title="8px" content="8px">
  486. <meta name="select:sidebar boxes spacing" title="10px" content="10px">
  487. <meta name="select:sidebar boxes spacing" title="12px" content="12px">
  488. <meta name="select:sidebar boxes spacing" title="14px" content="14px">
  489. <meta name="select:sidebar boxes spacing" title="16px" content="16px">
  490. <meta name="select:sidebar boxes spacing" title="18px" content="18px">
  491. <meta name="select:sidebar boxes spacing" title="22px" content="22px">
  492. <meta name="select:sidebar boxes spacing" title="24px" content="24px">
  493. <meta name="select:sidebar boxes spacing" title="26px" content="26px">
  494. <meta name="select:sidebar boxes spacing" title="28px" content="28px">
  495. <meta name="select:sidebar boxes spacing" title="30px" content="30px">
  496.  
  497. <!-- divider: dropdowns: sidebar image -->
  498. <meta name="select:&#x1F53D;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D412;&#x1D408;&#x1D403;&#x1D404;&#x1D401;&#x1D400;&#x1D411; &#x1D408;&#x1D40C;&#x1D400;&#x1D406;&#x1D404;" title="" content="">
  499. <meta name="select:show sidebar image" title="show" content="show">
  500. <meta name="select:show sidebar image" title="hide" content="hide">
  501.  
  502. <meta name="select:sidebar image align" title="center" content="center">
  503. <meta name="select:sidebar image align" title="left" content="left">
  504. <meta name="select:sidebar image align" title="right" content="right">
  505.  
  506. <meta name="select:sidebar image width" title="35%" content="0.35">
  507. <meta name="select:sidebar image width" title="100%" content="1">
  508. <meta name="select:sidebar image width" title="95%" content="0.95">
  509. <meta name="select:sidebar image width" title="90%" content="0.9">
  510. <meta name="select:sidebar image width" title="85%" content="0.85">
  511. <meta name="select:sidebar image width" title="80%" content="0.8">
  512. <meta name="select:sidebar image width" title="75%" content="0.75">
  513. <meta name="select:sidebar image width" title="70%" content="0.7">
  514. <meta name="select:sidebar image width" title="65%" content="0.65">
  515. <meta name="select:sidebar image width" title="60%" content="0.6">
  516. <meta name="select:sidebar image width" title="55%" content="0.55">
  517. <meta name="select:sidebar image width" title="50%" content="0.5">
  518. <meta name="select:sidebar image width" title="45%" content="0.45">
  519. <meta name="select:sidebar image width" title="40%" content="0.4">
  520. <meta name="select:sidebar image width" title="30%" content="0.3">
  521. <meta name="select:sidebar image width" title="25%" content="0.25">
  522. <meta name="select:sidebar image width" title="20%" content="0.2">
  523. <meta name="select:sidebar image width" title="15%" content="0.15">
  524. <meta name="select:sidebar image width" title="10%" content="0.1">
  525.  
  526. <meta name="select:sidebar image border" title="yes" content="yes">
  527. <meta name="select:sidebar image border" title="no" content="no">
  528.  
  529. <meta name="select:sidebar image border thickness" title="5px" content="5px">
  530. <meta name="select:sidebar image border thickness" title="1px" content="1px">
  531. <meta name="select:sidebar image border thickness" title="2px" content="2px">
  532. <meta name="select:sidebar image border thickness" title="3px" content="3px">
  533. <meta name="select:sidebar image border thickness" title="4px" content="4px">
  534. <meta name="select:sidebar image border thickness" title="6px" content="6px">
  535. <meta name="select:sidebar image border thickness" title="7px" content="7px">
  536. <meta name="select:sidebar image border thickness" title="8px" content="8px">
  537. <meta name="select:sidebar image border thickness" title="9px" content="9px">
  538. <meta name="select:sidebar image border thickness" title="10px" content="10px">
  539.  
  540. <meta name="select:sidebar image shadow" title="yes" content="yes">
  541. <meta name="select:sidebar image shadow" title="no" content="no">
  542.  
  543. <meta name="select:sidebar image shadow blur size" title="4px" content="4px">
  544. <meta name="select:sidebar image shadow blur size" title="1px" content="1px">
  545. <meta name="select:sidebar image shadow blur size" title="2px" content="2px">
  546. <meta name="select:sidebar image shadow blur size" title="3px" content="3px">
  547. <meta name="select:sidebar image shadow blur size" title="5px" content="5px">
  548. <meta name="select:sidebar image shadow blur size" title="6px" content="6px">
  549. <meta name="select:sidebar image shadow blur size" title="7px" content="7px">
  550. <meta name="select:sidebar image shadow blur size" title="8px" content="8px">
  551. <meta name="select:sidebar image shadow blur size" title="9px" content="9px">
  552. <meta name="select:sidebar image shadow blur size" title="10px" content="10px">
  553. <meta name="select:sidebar image shadow blur size" title="11px" content="11px">
  554. <meta name="select:sidebar image shadow blur size" title="12px" content="12px">
  555. <meta name="select:sidebar image shadow blur size" title="13px" content="13px">
  556. <meta name="select:sidebar image shadow blur size" title="14px" content="14px">
  557. <meta name="select:sidebar image shadow blur size" title="15px" content="15px">
  558.  
  559. <meta name="select:sidebar image bottom gap" title="-25px" content="-25px">
  560. <meta name="select:sidebar image bottom gap" title="none" content="0px">
  561. <meta name="select:sidebar image bottom gap" title="50px" content="50px">
  562. <meta name="select:sidebar image bottom gap" title="45px" content="45px">
  563. <meta name="select:sidebar image bottom gap" title="40px" content="40px">
  564. <meta name="select:sidebar image bottom gap" title="35px" content="35px">
  565. <meta name="select:sidebar image bottom gap" title="30px" content="30px">
  566. <meta name="select:sidebar image bottom gap" title="25px" content="25px">
  567. <meta name="select:sidebar image bottom gap" title="20px" content="20px">
  568. <meta name="select:sidebar image bottom gap" title="15px" content="15px">
  569. <meta name="select:sidebar image bottom gap" title="10px" content="10px">
  570. <meta name="select:sidebar image bottom gap" title="5px" content="5px">
  571. <meta name="select:sidebar image bottom gap" title="-10px" content="-10px">
  572. <meta name="select:sidebar image bottom gap" title="-15px" content="-15px">
  573. <meta name="select:sidebar image bottom gap" title="-20px" content="-20px">
  574. <meta name="select:sidebar image bottom gap" title="-30px" content="-30px">
  575. <meta name="select:sidebar image bottom gap" title="-35px" content="-35px">
  576. <meta name="select:sidebar image bottom gap" title="-40px" content="-40px">
  577. <meta name="select:sidebar image bottom gap" title="-45px" content="-45px">
  578. <meta name="select:sidebar image bottom gap" title="-50px" content="-50px">
  579. <meta name="select:sidebar image bottom gap" title="-55px" content="-55px">
  580.  
  581. <!-- divider: dropdowns: description -->
  582. <meta name="select:&#x1f53d;&#x2007;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#x2007;&#x1d403;&#x1d404;&#x1d412;&#x1d402;&#x1d411;&#x1d408;&#x1d40f;&#x1d413;&#x1d408;&#x1d40e;&#x1d40d;" title="" content="">
  583. <meta name="select:show desc" title="show" content="show">
  584. <meta name="select:show desc" title="hide" content="hide">
  585.  
  586. <meta name="select:desc font size" title="14px" content="0.85rem">
  587. <meta name="select:desc font size" title="12px" content="0.75rem">
  588. <meta name="select:desc font size" title="13px" content="0.8rem">
  589. <meta name="select:desc font size" title="15px" content="0.9rem">
  590. <meta name="select:desc font size" title="16px" content="0.95rem">
  591. <meta name="select:desc font size" title="17px" content="1rem">
  592.  
  593. <meta name="select:desc text align" title="justify" content="justify">
  594. <meta name="select:desc text align" title="left" content="left">
  595. <meta name="select:desc text align" title="center" content="center">
  596. <meta name="select:desc text align" title="right" content="right">
  597.  
  598. <meta name="select:desc capitalize links" title="yes" content="yes">
  599. <meta name="select:desc capitalize links" title="no" content="no">
  600.  
  601. <!-- divider: dropdowns: navlinks -->
  602. <meta name="select:&#x1f53d;&#x2007;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#x2007;&#x1d40d;&#x1d400;&#x1d415;&#x1d40b;&#x1d408;&#x1d40d;&#x1d40a;&#x1d412;" title="" content="">
  603. <meta name="select:navlinks columns" title="2" content="2">
  604. <meta name="select:navlinks columns" title="1" content="1">
  605. <meta name="select:navlinks columns" title="3" content="3">
  606. <meta name="select:navlinks columns" title="4" content="4">
  607.  
  608. <meta name="select:navlinks spacing" title="8px" content="8px">
  609. <meta name="select:navlinks spacing" title="2px" content="2px">
  610. <meta name="select:navlinks spacing" title="4px" content="4px">
  611. <meta name="select:navlinks spacing" title="6px" content="6px">
  612. <meta name="select:navlinks spacing" title="10px" content="10px">
  613. <meta name="select:navlinks spacing" title="12px" content="12px">
  614. <meta name="select:navlinks spacing" title="14px" content="14px">
  615.  
  616. <meta name="select:navlinks rounded corners" title="6px" content="6px">
  617. <meta name="select:navlinks rounded corners" title="none" content="0px">
  618. <meta name="select:navlinks rounded corners" title="2px" content="2px">
  619. <meta name="select:navlinks rounded corners" title="4px" content="4px">
  620. <meta name="select:navlinks rounded corners" title="8px" content="8px">
  621. <meta name="select:navlinks rounded corners" title="10px" content="10px">
  622.  
  623. <meta name="select:navlinks icon size" title="18px" content="1.063rem">
  624. <meta name="select:navlinks icon size" title="14px" content="0.85rem">
  625. <meta name="select:navlinks icon size" title="15px" content="0.9rem">
  626. <meta name="select:navlinks icon size" title="16px" content="0.95rem">
  627. <meta name="select:navlinks icon size" title="17px" content="1rem">
  628. <meta name="select:navlinks icon size" title="19px" content="1.125rem">
  629. <meta name="select:navlinks icon size" title="20px" content="1.188rem">
  630. <meta name="select:navlinks icon size" title="21px" content="1.25rem">
  631. <meta name="select:navlinks icon size" title="22px" content="1.313rem">
  632. <meta name="select:navlinks icon size" title="23px" content="1.375rem">
  633. <meta name="select:navlinks icon size" title="24px" content="1.438rem">
  634.  
  635. <meta name="select:navlinks icon padding" title="8px" content="8px">
  636. <meta name="select:navlinks icon padding" title="4px" content="4px">
  637. <meta name="select:navlinks icon padding" title="6px" content="6px">
  638. <meta name="select:navlinks icon padding" title="10px" content="10px">
  639. <meta name="select:navlinks icon padding" title="12px" content="12px">
  640. <meta name="select:navlinks icon padding" title="14px" content="14px">
  641.  
  642. <meta name="select:truncate long navlinks" title="yes" content="yes">
  643. <meta name="select:truncate long navlinks" title="no" content="no">
  644.  
  645. <meta name="select:navlinks font size" title="11px" content="0.7rem">
  646. <meta name="select:navlinks font size" title="10px" content="0.65rem">
  647. <meta name="select:navlinks font size" title="12px" content="0.75rem">
  648. <meta name="select:navlinks font size" title="13px" content="0.8rem">
  649. <meta name="select:navlinks font size" title="14px" content="0.85rem">
  650. <meta name="select:navlinks font size" title="15px" content="0.9rem">
  651.  
  652. <meta name="select:theme credit location" title="sidebar" content="sb">
  653. <meta name="select:theme credit location" title="page corner" content="bot">
  654.  
  655. <!-- divider: dropdowns: custom links -->
  656. <meta name="select:&#x1F53D;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D402;&#x1D414;&#x1D412;&#x1D413;&#x1D40E;&#x1D40C; &#x1D40B;&#x1D408;&#x1D40D;&#x1D40A;&#x1D412;" title="" content="">
  657. <meta name="select:show custom links" title="show" content="show">
  658. <meta name="select:show custom links" title="hide" content="hide">
  659.  
  660. <meta name="select:custom links icon size" title="22px" content="1.375rem">
  661. <meta name="select:custom links icon size" title="13px" content="0.8125rem">
  662. <meta name="select:custom links icon size" title="14px" content="0.875rem">
  663. <meta name="select:custom links icon size" title="15px" content="0.9375rem">
  664. <meta name="select:custom links icon size" title="16px" content="1rem">
  665. <meta name="select:custom links icon size" title="18px" content="1.125rem">
  666. <meta name="select:custom links icon size" title="20px" content="1.25rem">
  667. <meta name="select:custom links icon size" title="24px" content="1.5rem">
  668. <meta name="select:custom links icon size" title="26px" content="1.625rem">
  669. <meta name="select:custom links icon size" title="28px" content="1.75rem">
  670. <meta name="select:custom links icon size" title="30px" content="1.875rem">
  671. <meta name="select:custom links icon size" title="32px" content="2rem">
  672. <meta name="select:custom links icon size" title="34px" content="2.125rem">
  673. <meta name="select:custom links icon size" title="36px" content="2.25rem">
  674. <meta name="select:custom links icon size" title="38px" content="2.375rem">
  675. <meta name="select:custom links icon size" title="40px" content="2.5rem">
  676. <meta name="select:custom links icon size" title="42px" content="2.625rem">
  677. <meta name="select:custom links icon size" title="44px" content="2.75rem">
  678. <meta name="select:custom links icon size" title="46px" content="2.875rem">
  679.  
  680. <meta name="select:custom links font size" title="12px" content="0.75rem">
  681. <meta name="select:custom links font size" title="10px" content="0.65rem">
  682. <meta name="select:custom links font size" title="11px" content="0.7rem">
  683. <meta name="select:custom links font size" title="13px" content="0.8rem">
  684. <meta name="select:custom links font size" title="14px" content="0.85rem">
  685. <meta name="select:custom links font size" title="15px" content="0.9rem">
  686.  
  687. <meta name="select:custom links line hover animation" title="yes" content="yes">
  688. <meta name="select:custom links line hover animation" title="no" content="no">
  689.  
  690. <meta name="select:custom links column spacing" title="11px" content="11px">
  691. <meta name="select:custom links column spacing" title="3px" content="3px">
  692. <meta name="select:custom links column spacing" title="5px" content="5px">
  693. <meta name="select:custom links column spacing" title="7px" content="7px">
  694. <meta name="select:custom links column spacing" title="9px" content="9px">
  695. <meta name="select:custom links column spacing" title="13px" content="13px">
  696. <meta name="select:custom links column spacing" title="15px" content="15px">
  697. <meta name="select:custom links column spacing" title="17px" content="17px">
  698. <meta name="select:custom links column spacing" title="19px" content="19px">
  699. <meta name="select:custom links column spacing" title="21px" content="21px">
  700.  
  701. <meta name="select:custom links row spacing" title="7px" content="7px">
  702. <meta name="select:custom links row spacing" title="11px" content="11px">
  703. <meta name="select:custom links row spacing" title="3px" content="3px">
  704. <meta name="select:custom links row spacing" title="5px" content="5px">
  705. <meta name="select:custom links row spacing" title="9px" content="9px">
  706. <meta name="select:custom links row spacing" title="13px" content="13px">
  707. <meta name="select:custom links row spacing" title="15px" content="15px">
  708. <meta name="select:custom links row spacing" title="17px" content="17px">
  709. <meta name="select:custom links row spacing" title="19px" content="19px">
  710. <meta name="select:custom links row spacing" title="21px" content="21px">
  711.  
  712. <!-- divider: dropdowns: searchbar -->
  713. <meta name="select:&#x1f53d;&#x2007;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#x2007;&#x1d412;&#x1d404;&#x1d400;&#x1d411;&#x1d402;&#x1d407;&#x1d401;&#x1d400;&#x1d411;" title="" content="">
  714. <meta name="select:show searchbar" title="show" content="show">
  715. <meta name="select:show searchbar" title="hide" content="hide">
  716.  
  717. <meta name="select:searchbar rounded corners" title="4px" content="4px">
  718. <meta name="select:searchbar rounded corners" title="none" content="0px">
  719. <meta name="select:searchbar rounded corners" title="2px" content="2px">
  720. <meta name="select:searchbar rounded corners" title="6px" content="6px">
  721. <meta name="select:searchbar rounded corners" title="8px" content="8px">
  722. <meta name="select:searchbar rounded corners" title="10px" content="10px">
  723.  
  724. <meta name="select:searchbar padding" title="10px" content="10px">
  725. <meta name="select:searchbar padding" title="4px" content="4px">
  726. <meta name="select:searchbar padding" title="6px" content="6px">
  727. <meta name="select:searchbar padding" title="8px" content="8px">
  728. <meta name="select:searchbar padding" title="12px" content="12px">
  729. <meta name="select:searchbar padding" title="14px" content="14px">
  730. <meta name="select:searchbar padding" title="16px" content="16px">
  731.  
  732. <meta name="select:searchbar font size" title="12px" content="0.75rem">
  733. <meta name="select:searchbar font size" title="10px" content="0.65rem">
  734. <meta name="select:searchbar font size" title="11px" content="0.7rem">
  735. <meta name="select:searchbar font size" title="13px" content="0.8rem">
  736. <meta name="select:searchbar font size" title="14px" content="0.85rem">
  737. <meta name="select:searchbar font size" title="15px" content="0.9rem">
  738.  
  739. <meta name="select:searchbar column spacing" title="6px" content="6px">
  740. <meta name="select:searchbar column spacing" title="2px" content="2px">
  741. <meta name="select:searchbar column spacing" title="4px" content="4px">
  742. <meta name="select:searchbar column spacing" title="8px" content="8px">
  743. <meta name="select:searchbar column spacing" title="10px" content="10px">
  744. <meta name="select:searchbar column spacing" title="12px" content="12px">
  745. <meta name="select:searchbar column spacing" title="14px" content="14px">
  746.  
  747. <meta name="select:searchbar row spacing" title="6px" content="6px">
  748. <meta name="select:searchbar row spacing" title="2px" content="2px">
  749. <meta name="select:searchbar row spacing" title="4px" content="4px">
  750. <meta name="select:searchbar row spacing" title="8px" content="8px">
  751. <meta name="select:searchbar row spacing" title="10px" content="10px">
  752. <meta name="select:searchbar row spacing" title="12px" content="12px">
  753. <meta name="select:searchbar row spacing" title="14px" content="14px">
  754.  
  755. <!-- divider: dropdowns: sidebar footer -->
  756. <meta name="select:&#x1f53d;&#x2007;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#x2007;&#x1d412;&#x1d408;&#x1d403;&#x1d404;&#x1d401;&#x1d400;&#x1d411;&#x20;&#x1d405;&#x1d40e;&#x1d40e;&#x1d413;&#x1d404;&#x1d411;" title="" content="">
  757. <meta name="select:show sidebar footer" title="show" content="show">
  758. <meta name="select:show sidebar footer" title="hide" content="hide">
  759.  
  760. <!-- divider: dropdowns: top title -->
  761. <meta name="select:&#x1F53D;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D413;&#x1D40E;&#x1D40F; &#x1D413;&#x1D408;&#x1D413;&#x1D40B;&#x1D404;" content="">
  762. <meta name="select:top title font" title="Mali" content="Mali">
  763. <meta name="select:top title font" title="Start Story" content="Start Story">
  764. <meta name="select:top title font" title="Winter Draw" content="Winter Draw">
  765. <meta name="select:top title font" title="Lexend" content="Lexend">
  766.  
  767. <meta name="select:top title font size" title="40px" content="2.5rem">
  768. <meta name="select:top title font size" title="16px" content="1">
  769. <meta name="select:top title font size" title="18px" content="1.125rem">
  770. <meta name="select:top title font size" title="20px" content="1.25rem">
  771. <meta name="select:top title font size" title="22px" content="1.375rem">
  772. <meta name="select:top title font size" title="24px" content="1.5rem">
  773. <meta name="select:top title font size" title="26px" content="1.625rem">
  774. <meta name="select:top title font size" title="28px" content="1.75rem">
  775. <meta name="select:top title font size" title="30px" content="1.875rem">
  776. <meta name="select:top title font size" title="32px" content="2rem">
  777. <meta name="select:top title font size" title="34px" content="2.125rem">
  778. <meta name="select:top title font size" title="36px" content="2.25rem">
  779. <meta name="select:top title font size" title="38px" content="2.375rem">
  780. <meta name="select:top title font size" title="42px" content="2.625rem">
  781. <meta name="select:top title font size" title="44px" content="2.75rem">
  782. <meta name="select:top title font size" title="46px" content="2.875rem">
  783.  
  784. <meta name="select:top title outline" title="yes" content="yes">
  785. <meta name="select:top title outline" title="no" content="no">
  786.  
  787. <meta name="select:top title outline thickness" title="1.5px" content="1.5px">
  788. <meta name="select:top title outline thickness" title="0.5px" content="0.5px">
  789. <meta name="select:top title outline thickness" title="0.75px" content="0.75px">
  790. <meta name="select:top title outline thickness" title="1px" content="1px">
  791. <meta name="select:top title outline thickness" title="1.25px" content="1.25px">
  792. <meta name="select:top title outline thickness" title="1.75px" content="1.75px">
  793. <meta name="select:top title outline thickness" title="2px" content="2px">
  794. <meta name="select:top title outline thickness" title="2.25px" content="2.25px">
  795. <meta name="select:top title outline thickness" title="2.5px" content="2.5px">
  796. <meta name="select:top title outline thickness" title="2.75px" content="2.75px">
  797. <meta name="select:top title outline thickness" title="3px" content="3px">
  798.  
  799. <meta name="select:top title shadow" title="yes" content="yes">
  800. <meta name="select:top title shadow" title="no" content="no">
  801.  
  802. <meta name="select:top title shadow offset" title="3px" content="3px">
  803. <meta name="select:top title shadow offset" title="0.5px" content="0.5px">
  804. <meta name="select:top title shadow offset" title="1px" content="1px">
  805. <meta name="select:top title shadow offset" title="1.5px" content="1.5px">
  806. <meta name="select:top title shadow offset" title="2px" content="2px">
  807. <meta name="select:top title shadow offset" title="2.5px" content="2.5px">
  808. <meta name="select:top title shadow offset" title="3.5px" content="3.5px">
  809. <meta name="select:top title shadow offset" title="4px" content="4px">
  810. <meta name="select:top title shadow offset" title="4.5px" content="4.5px">
  811. <meta name="select:top title shadow offset" title="5px" content="5px">
  812.  
  813. <meta name="select:top title shadow transparency" title="none" content="1">
  814. <meta name="select:top title shadow transparency" title="10%" content="0.9">
  815. <meta name="select:top title shadow transparency" title="15%" content="0.85">
  816. <meta name="select:top title shadow transparency" title="20%" content="0.8">
  817. <meta name="select:top title shadow transparency" title="25%" content="0.75">
  818. <meta name="select:top title shadow transparency" title="30%" content="0.7">
  819. <meta name="select:top title shadow transparency" title="35%" content="0.65">
  820. <meta name="select:top title shadow transparency" title="40%" content="0.6">
  821. <meta name="select:top title shadow transparency" title="45%" content="0.55">
  822. <meta name="select:top title shadow transparency" title="50%" content="0.5">
  823. <meta name="select:top title shadow transparency" title="55%" content="0.45">
  824. <meta name="select:top title shadow transparency" title="60%" content="0.4">
  825. <meta name="select:top title shadow transparency" title="65%" content="0.35">
  826. <meta name="select:top title shadow transparency" title="70%" content="0.3">
  827. <meta name="select:top title shadow transparency" title="75%" content="0.25">
  828. <meta name="select:top title shadow transparency" title="80%" content="0.2">
  829. <meta name="select:top title shadow transparency" title="85%" content="0.15">
  830. <meta name="select:top title shadow transparency" title="90%" content="0.1">
  831. <meta name="select:top title shadow transparency" title="95%" content="0.05">
  832.  
  833. <meta name="select:top title align" title="center" content="center">
  834. <meta name="select:top title align" title="left" content="left">
  835. <meta name="select:top title align" title="right" content="right">
  836.  
  837. <!-- divider: dropdowns: posts -->
  838. <meta name="select:&#x1F53D;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D40F;&#x1D40E;&#x1D412;&#x1D413;&#x1D412;" title="" content="">
  839. <meta name="select:post width" title="450px" content="450px">
  840. <meta name="select:post width" title="300px" content="300px">
  841. <meta name="select:post width" title="325px" content="325px">
  842. <meta name="select:post width" title="350px" content="350px">
  843. <meta name="select:post width" title="375px" content="375px">
  844. <meta name="select:post width" title="400px" content="400px">
  845. <meta name="select:post width" title="425px" content="425px">
  846. <meta name="select:post width" title="475px" content="475px">
  847. <meta name="select:post width" title="500px" content="500px">
  848. <meta name="select:post width" title="540px" content="540px">
  849. <meta name="select:post width" title="600px" content="600px">
  850. <meta name="select:post width" title="650px" content="650px">
  851.  
  852. <meta name="select:post padding" title="14px" content="14px">
  853. <meta name="select:post padding" title="10px" content="10px">
  854. <meta name="select:post padding" title="12px" content="12px">
  855. <meta name="select:post padding" title="16px" content="16px">
  856. <meta name="select:post padding" title="18px" content="18px">
  857. <meta name="select:post padding" title="20px" content="20px">
  858. <meta name="select:post padding" title="22px" content="22px">
  859. <meta name="select:post padding" title="24px" content="24px">
  860. <meta name="select:post padding" title="26px" content="26px">
  861. <meta name="select:post padding" title="28px" content="28px">
  862.  
  863. <meta name="select:post rounded corners" title="8px" content="8px">
  864. <meta name="select:post rounded corners" title="none" content="0px">
  865. <meta name="select:post rounded corners" title="4px" content="4px">
  866.  
  867. <meta name="select:rounded post media" title="yes" content="yes">
  868. <meta name="select:rounded post media" title="no" content="no">
  869.  
  870. <meta name="select:photos spacing" title="4px" content="4px">
  871. <meta name="select:photos spacing" title="0px" content="0px">
  872. <meta name="select:photos spacing" title="2px" content="2px">
  873. <meta name="select:photos spacing" title="6px" content="6px">
  874. <meta name="select:photos spacing" title="8px" content="8px">
  875. <meta name="select:photos spacing" title="10px" content="10px">
  876.  
  877. <meta name="select:captions style" title="old" content="old">
  878. <meta name="select:captions style" title="new" content="new">
  879.  
  880. <meta name="select:username underlines" title="yes" content="yes">
  881. <meta name="select:username underlines" title="no" content="no">
  882.  
  883. <meta name="select:reblog borders" title="yes" content="yes">
  884. <meta name="select:reblog borders" title="no" content="no">
  885.  
  886. <meta name="select:post avatars rounded corners" title="soft" content="4px">
  887. <meta name="select:post avatars rounded corners" title="circle" content="100%">
  888. <meta name="select:post avatars rounded corners" title="square" content="0px">
  889.  
  890. <meta name="select:post spacing" title="45px" content="45px">
  891. <meta name="select:post spacing" title="30px" content="30px">
  892. <meta name="select:post spacing" title="35px" content="35px">
  893. <meta name="select:post spacing" title="40px" content="40px">
  894. <meta name="select:post spacing" title="50px" content="50px">
  895. <meta name="select:post spacing" title="55px" content="55px">
  896. <meta name="select:post spacing" title="60px" content="60px">
  897. <meta name="select:post spacing" title="65px" content="65px">
  898. <meta name="select:post spacing" title="70px" content="70px">
  899. <meta name="select:post spacing" title="75px" content="75px">
  900. <meta name="select:post spacing" title="80px" content="80px">
  901. <meta name="select:post spacing" title="85px" content="85px">
  902. <meta name="select:post spacing" title="90px" content="90px">
  903. <meta name="select:post spacing" title="95px" content="95px">
  904. <meta name="select:post spacing" title="100px" content="100px">
  905. <meta name="select:post spacing" title="105px" content="105px">
  906. <meta name="select:post spacing" title="110px" content="110px">
  907. <meta name="select:post spacing" title="115px" content="115px">
  908. <meta name="select:post spacing" title="120px" content="120px">
  909. <meta name="select:post spacing" title="125px" content="125px">
  910.  
  911. <meta name="select:infinite scroll" title="no" content="no">
  912. <meta name="select:infinite scroll" title="yes" content="yes">
  913.  
  914. <!-- divider: dropdowns: post shadows -->
  915. <meta name="select:&#x1F53D;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D40F;&#x1D40E;&#x1D412;&#x1D413; &#x1D412;&#x1D407;&#x1D400;&#x1D403;&#x1D40E;&#x1D416;&#x1D412;" title="" content="">
  916. <meta name="select:post shadow" title="yes" content="yes">
  917. <meta name="select:post shadow" title="no" content="no">
  918.  
  919. <meta name="select:post shadow offset" title="14px" content="14px">
  920. <meta name="select:post shadow offset" title="4px" content="4px">
  921. <meta name="select:post shadow offset" title="6px" content="6px">
  922. <meta name="select:post shadow offset" title="8px" content="8px">
  923. <meta name="select:post shadow offset" title="10px" content="10px">
  924. <meta name="select:post shadow offset" title="12px" content="12px">
  925. <meta name="select:post shadow offset" title="16px" content="16px">
  926. <meta name="select:post shadow offset" title="18px" content="18px">
  927. <meta name="select:post shadow offset" title="20px" content="20px">
  928. <meta name="select:post shadow offset" title="22px" content="22px">
  929. <meta name="select:post shadow offset" title="24px" content="24px">
  930. <meta name="select:post shadow offset" title="26px" content="26px">
  931. <meta name="select:post shadow offset" title="28px" content="28px">
  932. <meta name="select:post shadow offset" title="30px" content="30px">
  933.  
  934. <meta name="select:post shadow size" title="8px" content="8px">
  935. <meta name="select:post shadow size" title="4px" content="4px">
  936. <meta name="select:post shadow size" title="6px" content="6px">
  937. <meta name="select:post shadow size" title="10px" content="10px">
  938. <meta name="select:post shadow size" title="12px" content="12px">
  939. <meta name="select:post shadow size" title="14px" content="14px">
  940. <meta name="select:post shadow size" title="16px" content="16px">
  941. <meta name="select:post shadow size" title="18px" content="18px">
  942. <meta name="select:post shadow size" title="20px" content="20px">
  943. <meta name="select:post shadow size" title="22px" content="22px">
  944. <meta name="select:post shadow size" title="24px" content="24px">
  945. <meta name="select:post shadow size" title="26px" content="26px">
  946. <meta name="select:post shadow size" title="28px" content="28px">
  947. <meta name="select:post shadow size" title="30px" content="30px">
  948.  
  949. <meta name="select:post shadow transparency" title="none" content="1">
  950. <meta name="select:post shadow transparency" title="10%" content="0.9">
  951. <meta name="select:post shadow transparency" title="15%" content="0.85">
  952. <meta name="select:post shadow transparency" title="20%" content="0.8">
  953. <meta name="select:post shadow transparency" title="25%" content="0.75">
  954. <meta name="select:post shadow transparency" title="30%" content="0.7">
  955. <meta name="select:post shadow transparency" title="35%" content="0.65">
  956. <meta name="select:post shadow transparency" title="40%" content="0.6">
  957. <meta name="select:post shadow transparency" title="45%" content="0.55">
  958. <meta name="select:post shadow transparency" title="50%" content="0.5">
  959. <meta name="select:post shadow transparency" title="55%" content="0.45">
  960. <meta name="select:post shadow transparency" title="60%" content="0.4">
  961. <meta name="select:post shadow transparency" title="65%" content="0.35">
  962. <meta name="select:post shadow transparency" title="70%" content="0.3">
  963. <meta name="select:post shadow transparency" title="75%" content="0.25">
  964. <meta name="select:post shadow transparency" title="80%" content="0.2">
  965. <meta name="select:post shadow transparency" title="85%" content="0.15">
  966. <meta name="select:post shadow transparency" title="90%" content="0.1">
  967. <meta name="select:post shadow transparency" title="95%" content="0.05">
  968.  
  969. <!-- divider: dropdowns: post header -->
  970. <meta name="select:&#x1F53D;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D40F;&#x1D40E;&#x1D412;&#x1D413; &#x1D407;&#x1D404;&#x1D400;&#x1D403;&#x1D404;&#x1D411;" title="" content="">
  971. <meta name="select:post header images" title="yes" content="yes">
  972. <meta name="select:post header images" title="no" content="no">
  973.  
  974. <meta name="select:post header images align" title="right" content="right">
  975. <meta name="select:post header images align" title="left" content="left">
  976. <meta name="select:post header images align" title="center" content="center">
  977.  
  978. <meta name="select:post header image 1 width" title="70%" content="0.7">
  979. <meta name="select:post header image 1 width" title="100%" content="1">
  980. <meta name="select:post header image 1 width" title="95%" content="0.95">
  981. <meta name="select:post header image 1 width" title="90%" content="0.9">
  982. <meta name="select:post header image 1 width" title="85%" content="0.85">
  983. <meta name="select:post header image 1 width" title="80%" content="0.8">
  984. <meta name="select:post header image 1 width" title="75%" content="0.75">
  985. <meta name="select:post header image 1 width" title="65%" content="0.65">
  986. <meta name="select:post header image 1 width" title="60%" content="0.6">
  987. <meta name="select:post header image 1 width" title="55%" content="0.55">
  988. <meta name="select:post header image 1 width" title="50%" content="0.5">
  989.  
  990. <meta name="select:post header image 2 width" title="65%" content="0.65">
  991. <meta name="select:post header image 2 width" title="100%" content="1">
  992. <meta name="select:post header image 2 width" title="95%" content="0.95">
  993. <meta name="select:post header image 2 width" title="90%" content="0.9">
  994. <meta name="select:post header image 2 width" title="85%" content="0.85">
  995. <meta name="select:post header image 2 width" title="80%" content="0.8">
  996. <meta name="select:post header image 2 width" title="75%" content="0.75">
  997. <meta name="select:post header image 2 width" title="70%" content="0.7">
  998. <meta name="select:post header image 2 width" title="60%" content="0.6">
  999. <meta name="select:post header image 2 width" title="55%" content="0.55">
  1000. <meta name="select:post header image 2 width" title="50%" content="0.5">
  1001.  
  1002. <meta name="select:post header image 3 width" title="70%" content="0.7">
  1003. <meta name="select:post header image 3 width" title="100%" content="1">
  1004. <meta name="select:post header image 3 width" title="95%" content="0.95">
  1005. <meta name="select:post header image 3 width" title="90%" content="0.9">
  1006. <meta name="select:post header image 3 width" title="85%" content="0.85">
  1007. <meta name="select:post header image 3 width" title="80%" content="0.8">
  1008. <meta name="select:post header image 3 width" title="75%" content="0.75">
  1009. <meta name="select:post header image 3 width" title="65%" content="0.65">
  1010. <meta name="select:post header image 3 width" title="60%" content="0.6">
  1011. <meta name="select:post header image 3 width" title="55%" content="0.55">
  1012. <meta name="select:post header image 3 width" title="50%" content="0.5">
  1013.  
  1014. <meta name="select:post header image 4 width" title="70%" content="0.7">
  1015. <meta name="select:post header image 4 width" title="100%" content="1">
  1016. <meta name="select:post header image 4 width" title="95%" content="0.95">
  1017. <meta name="select:post header image 4 width" title="90%" content="0.9">
  1018. <meta name="select:post header image 4 width" title="85%" content="0.85">
  1019. <meta name="select:post header image 4 width" title="80%" content="0.8">
  1020. <meta name="select:post header image 4 width" title="75%" content="0.75">
  1021. <meta name="select:post header image 4 width" title="65%" content="0.65">
  1022. <meta name="select:post header image 4 width" title="60%" content="0.6">
  1023. <meta name="select:post header image 4 width" title="55%" content="0.55">
  1024. <meta name="select:post header image 4 width" title="50%" content="0.5">
  1025.  
  1026. <meta name="select:post header image 5 width" title="100%" content="1">
  1027. <meta name="select:post header image 5 width" title="95%" content="0.95">
  1028. <meta name="select:post header image 5 width" title="90%" content="0.9">
  1029. <meta name="select:post header image 5 width" title="85%" content="0.85">
  1030. <meta name="select:post header image 5 width" title="80%" content="0.8">
  1031. <meta name="select:post header image 5 width" title="75%" content="0.75">
  1032. <meta name="select:post header image 5 width" title="70%" content="0.7">
  1033. <meta name="select:post header image 5 width" title="65%" content="0.65">
  1034. <meta name="select:post header image 5 width" title="60%" content="0.6">
  1035. <meta name="select:post header image 5 width" title="55%" content="0.55">
  1036. <meta name="select:post header image 5 width" title="50%" content="0.5">
  1037.  
  1038. <meta name="select:post header image 6 width" title="100%" content="1">
  1039. <meta name="select:post header image 6 width" title="95%" content="0.95">
  1040. <meta name="select:post header image 6 width" title="90%" content="0.9">
  1041. <meta name="select:post header image 6 width" title="85%" content="0.85">
  1042. <meta name="select:post header image 6 width" title="80%" content="0.8">
  1043. <meta name="select:post header image 6 width" title="75%" content="0.75">
  1044. <meta name="select:post header image 6 width" title="70%" content="0.7">
  1045. <meta name="select:post header image 6 width" title="65%" content="0.65">
  1046. <meta name="select:post header image 6 width" title="60%" content="0.6">
  1047. <meta name="select:post header image 6 width" title="55%" content="0.55">
  1048. <meta name="select:post header image 6 width" title="50%" content="0.5">
  1049.  
  1050. <meta name="select:post header image 7 width" title="100%" content="1">
  1051. <meta name="select:post header image 7 width" title="95%" content="0.95">
  1052. <meta name="select:post header image 7 width" title="90%" content="0.9">
  1053. <meta name="select:post header image 7 width" title="85%" content="0.85">
  1054. <meta name="select:post header image 7 width" title="80%" content="0.8">
  1055. <meta name="select:post header image 7 width" title="75%" content="0.75">
  1056. <meta name="select:post header image 7 width" title="70%" content="0.7">
  1057. <meta name="select:post header image 7 width" title="65%" content="0.65">
  1058. <meta name="select:post header image 7 width" title="60%" content="0.6">
  1059. <meta name="select:post header image 7 width" title="55%" content="0.55">
  1060. <meta name="select:post header image 7 width" title="50%" content="0.5">
  1061.  
  1062. <meta name="select:post header image 8 width" title="100%" content="1">
  1063. <meta name="select:post header image 8 width" title="95%" content="0.95">
  1064. <meta name="select:post header image 8 width" title="90%" content="0.9">
  1065. <meta name="select:post header image 8 width" title="85%" content="0.85">
  1066. <meta name="select:post header image 8 width" title="80%" content="0.8">
  1067. <meta name="select:post header image 8 width" title="75%" content="0.75">
  1068. <meta name="select:post header image 8 width" title="70%" content="0.7">
  1069. <meta name="select:post header image 8 width" title="65%" content="0.65">
  1070. <meta name="select:post header image 8 width" title="60%" content="0.6">
  1071. <meta name="select:post header image 8 width" title="55%" content="0.55">
  1072. <meta name="select:post header image 8 width" title="50%" content="0.5">
  1073.  
  1074. <meta name="select:post header images animation" title="yes" content="yes">
  1075. <meta name="select:post header images animation" title="no" content="no">
  1076.  
  1077. <meta name="select:post header waves" title="yes" content="yes">
  1078. <meta name="select:post header waves" title="no" content="no">
  1079.  
  1080. <!-- divider: dropdowns: tags -->
  1081. <meta name="select:&#x1F53D;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D413;&#x1D400;&#x1D406;&#x1D412;" title="" content="">
  1082. <meta name="select:tags" title="toggle" content="toggle">
  1083. <meta name="select:tags" title="toggle + fade" content="toggle-fade">
  1084. <meta name="select:tags" title="always show" content="show">
  1085.  
  1086. <meta name="select:tags position" title="right" content="right">
  1087. <meta name="select:tags position" title="left" content="left">
  1088.  
  1089. <!-- divider: dropdowns: post info bar -->
  1090. <meta name="select:&#x1F53D;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D40F;&#x1D40E;&#x1D412;&#x1D413; &#x1D408;&#x1D40D;&#x1D405;&#x1D40E; &#x1D401;&#x1D400;&#x1D411;" title="" content="">
  1091. <meta name="select:post info bar padding" title="10px" content="10px">
  1092. <meta name="select:post info bar padding" title="2px" content="2px">
  1093. <meta name="select:post info bar padding" title="4px" content="4px">
  1094. <meta name="select:post info bar padding" title="6px" content="6px">
  1095. <meta name="select:post info bar padding" title="8px" content="8px">
  1096. <meta name="select:post info bar padding" title="12px" content="12px">
  1097. <meta name="select:post info bar padding" title="14px" content="14px">
  1098. <meta name="select:post info bar padding" title="16px" content="16px">
  1099. <meta name="select:post info bar padding" title="18px" content="18px">
  1100. <meta name="select:post info bar padding" title="20px" content="20px">
  1101.  
  1102. <meta name="select:shorten timestamps" title="yes" content="yes">
  1103. <meta name="select:shorten timestamps" title="no" content="no">
  1104.  
  1105. <meta name="select:shorten notes" title="yes" content="yes">
  1106. <meta name="select:shorten notes" title="no" content="no">
  1107.  
  1108. <meta name="select:post liked solid icon" title="yes" content="yes">
  1109. <meta name="select:post liked solid icon" title="no" content="no">
  1110.  
  1111. <!-- divider: dropdowns: hover text -->
  1112. <meta name="select:&#x1F53D;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D407;&#x1D40E;&#x1D415;&#x1D404;&#x1D411; &#x1D413;&#x1D404;&#x1D417;&#x1D413;" title="" content="">
  1113. <meta name="select:hover text box shadow" title="yes" content="yes">
  1114. <meta name="select:hover text box shadow" title="no" content="no">
  1115.  
  1116. <meta name="select:hover text box shadow offset" title="6px" content="6px">
  1117. <meta name="select:hover text box shadow offset" title="2px" content="2px">
  1118. <meta name="select:hover text box shadow offset" title="4px" content="4px">
  1119. <meta name="select:hover text box shadow offset" title="8px" content="8px">
  1120. <meta name="select:hover text box shadow offset" title="10px" content="10px">
  1121. <meta name="select:hover text box shadow offset" title="12px" content="12px">
  1122. <meta name="select:hover text box shadow offset" title="14px" content="14px">
  1123. <meta name="select:hover text box shadow offset" title="16px" content="16px">
  1124. <meta name="select:hover text box shadow offset" title="18px" content="18px">
  1125. <meta name="select:hover text box shadow offset" title="20px" content="20px">
  1126.  
  1127. <meta name="select:hover text box shadow size" title="6px" content="6px">
  1128. <meta name="select:hover text box shadow size" title="4px" content="4px">
  1129. <meta name="select:hover text box shadow size" title="8px" content="8px">
  1130. <meta name="select:hover text box shadow size" title="10px" content="10px">
  1131. <meta name="select:hover text box shadow size" title="12px" content="12px">
  1132. <meta name="select:hover text box shadow size" title="14px" content="14px">
  1133. <meta name="select:hover text box shadow size" title="16px" content="16px">
  1134. <meta name="select:hover text box shadow size" title="18px" content="18px">
  1135. <meta name="select:hover text box shadow size" title="20px" content="20px">
  1136. <meta name="select:hover text box shadow size" title="22px" content="22px">
  1137. <meta name="select:hover text box shadow size" title="24px" content="24px">
  1138. <meta name="select:hover text box shadow size" title="26px" content="26px">
  1139. <meta name="select:hover text box shadow size" title="28px" content="28px">
  1140. <meta name="select:hover text box shadow size" title="30px" content="30px">
  1141.  
  1142. <meta name="select:hover text box shadow transparency" title="none" content="1">
  1143. <meta name="select:hover text box shadow transparency" title="10%" content="0.9">
  1144. <meta name="select:hover text box shadow transparency" title="15%" content="0.85">
  1145. <meta name="select:hover text box shadow transparency" title="20%" content="0.8">
  1146. <meta name="select:hover text box shadow transparency" title="25%" content="0.75">
  1147. <meta name="select:hover text box shadow transparency" title="30%" content="0.7">
  1148. <meta name="select:hover text box shadow transparency" title="35%" content="0.65">
  1149. <meta name="select:hover text box shadow transparency" title="40%" content="0.6">
  1150. <meta name="select:hover text box shadow transparency" title="45%" content="0.55">
  1151. <meta name="select:hover text box shadow transparency" title="50%" content="0.5">
  1152. <meta name="select:hover text box shadow transparency" title="55%" content="0.45">
  1153. <meta name="select:hover text box shadow transparency" title="60%" content="0.4">
  1154. <meta name="select:hover text box shadow transparency" title="65%" content="0.35">
  1155. <meta name="select:hover text box shadow transparency" title="70%" content="0.3">
  1156. <meta name="select:hover text box shadow transparency" title="75%" content="0.25">
  1157. <meta name="select:hover text box shadow transparency" title="80%" content="0.2">
  1158. <meta name="select:hover text box shadow transparency" title="85%" content="0.15">
  1159. <meta name="select:hover text box shadow transparency" title="90%" content="0.1">
  1160. <meta name="select:hover text box shadow transparency" title="95%" content="0.05">
  1161.  
  1162. <!-- divider: text: top title -->
  1163. <meta name="text:&#917536;&#x200B;" content="&#x1f58a;&#xfe0f;&#x2007;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#x2007;&#x1d413;&#x1d40e;&#x1d40f;&#x20;&#x1d413;&#x1d408;&#x1d413;&#x1d40b;&#x1d404;&NewLine;">
  1164. <meta name="text:top title" content="Reducks">
  1165. <meta name="text:top title hover text" content="Chips and quackamole">
  1166.  
  1167. <!-- divider: text: sidebar -->
  1168. <meta name="text:&#917536;&#x200B;&#x200B;" content="&#x1f58a;&#xfe0f;&#x2007;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#x2007;&#x1d412;&#x1d408;&#x1d403;&#x1d404;&#x1d401;&#x1d400;&#x1d411;&NewLine;">
  1169. <meta name="text:sidebar image hover text" content="">
  1170. <meta name="text:sidebar desc" content="Let&#x2019;s meet again someday and &#x3C;b&#x3E;reminisce&#x3C;/b&#x3E; about the beautiful moments we once shared.
  1171. [...] Don&#x2019;t you think we owe &#x3C;i&#x3E;each other&#x3C;/i&#x3E; a &#x3C;b&#x3E;chance&#x3C;/b&#x3E; once more? &#x2014; &#x3C;a href=&#x22;https://thebutterflyarchives.tumblr.com/post/649688942852079616&#x22;&#x3E;@thebutterflyarchives&#x3C;/a&#x3E;">
  1172.  
  1173. <!-- divider: text: navlinks -->
  1174. <meta name="text:&#917536;&#x200B;&#x200B;&#x200B;" content="&#x1f58a;&#x2007;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#x2007;&#x1d40d;&#x1d400;&#x1d415;&#x1d40b;&#x1d408;&#x1d40d;&#x1d40a;&#x1d412;&NewLine;">
  1175. <meta name="text:&#x1F517;&emsp13;navlink icons list&emsp;&#x1F447;" content="https://mingcute.com">
  1176. <meta name="text:navlink 1 name" content="Home">
  1177. <meta name="text:navlink 1 icon" content="home_4_line">
  1178. <meta name="text:navlink 1 URL" content="/">
  1179. <meta name="text:navlink 2 name" content="Askbox">
  1180. <meta name="text:navlink 2 icon" content="mail_line">
  1181. <meta name="text:navlink 2 URL" content="/ask">
  1182. <meta name="text:navlink 3 name" content="Archive">
  1183. <meta name="text:navlink 3 icon" content="grid_line">
  1184. <meta name="text:navlink 3 URL" content="/archive">
  1185. <meta name="text:navlink 4 name" content="">
  1186. <meta name="text:navlink 4 icon" content="">
  1187. <meta name="text:navlink 4 URL" content="">
  1188. <meta name="text:navlink 5 name" content="">
  1189. <meta name="text:navlink 5 icon" content="">
  1190. <meta name="text:navlink 5 URL" content="">
  1191. <meta name="text:navlink 6 name" content="">
  1192. <meta name="text:navlink 6 icon" content="">
  1193. <meta name="text:navlink 6 URL" content="">
  1194.  
  1195. <!-- divider: text: custom links -->
  1196. <meta name="text:&#917536;&#x200B;&#x200B;&#x200B;&#x200B;" content="&#x1f58a;&#x2007;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#x2007;&#x1d402;&#x1d414;&#x1d412;&#x1d413;&#x1d40e;&#x1d40c;&#x20;&#x1d40b;&#x1d408;&#x1d40d;&#x1d40a;&#x1d412;&NewLine;">
  1197. <meta name="text:custom link 1 name" content="example link">
  1198. <meta name="text:custom link 1 URL" content="https://youtu.be/8AxV3y6W-Uk">
  1199. <meta name="text:custom link 2 name" content="example link">
  1200. <meta name="text:custom link 2 URL" content="https://youtu.be/8AxV3y6W-Uk">
  1201. <meta name="text:custom link 3 name" content="example link">
  1202. <meta name="text:custom link 3 URL" content="https://youtu.be/8AxV3y6W-Uk">
  1203. <meta name="text:custom link 4 name" content="">
  1204. <meta name="text:custom link 4 URL" content="">
  1205. <meta name="text:custom link 5 name" content="">
  1206. <meta name="text:custom link 5 URL" content="">
  1207. <meta name="text:custom link 6 name" content="">
  1208. <meta name="text:custom link 6 URL" content="">
  1209. <meta name="text:custom link 7 name" content="">
  1210. <meta name="text:custom link 7 URL" content="">
  1211. <meta name="text:custom link 8 name" content="">
  1212. <meta name="text:custom link 8 URL" content="">
  1213.  
  1214. <!-- divider: text: searchbar -->
  1215. <meta name="text:&#917536;&#x200B;&#x200B;&#x200B;&#x200B;&#x200B;" content="&#x1f58a;&#x2007;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#x2007;&#x1d412;&#x1d404;&#x1d400;&#x1d411;&#x1d402;&#x1d407;&#x1d401;&#x1d400;&#x1d411;&NewLine;">
  1216. <meta name="text:searchbar prompt text" content="Search...">
  1217. <meta name="text:search suggestion 1 name" content="&#x23;gpoy">
  1218. <meta name="text:search suggestion 1 URL" content="/tagged/gpoy">
  1219. <meta name="text:search suggestion 2 name" content="">
  1220. <meta name="text:search suggestion 2 URL" content="">
  1221. <meta name="text:search suggestion 3 name" content="">
  1222. <meta name="text:search suggestion 3 URL" content="">
  1223. <meta name="text:search suggestion 4 name" content="">
  1224. <meta name="text:search suggestion 4 URL" content="">
  1225. <meta name="text:search suggestion 5 name" content="">
  1226. <meta name="text:search suggestion 5 URL" content="">
  1227.  
  1228. {/block:Options}
  1229.  
  1230. <!--+++++++++++++++++++++++++++++++++++++++++++++++++-->
  1231.  
  1232. <!----- THEME SCRIPTS & SHEETS ----->
  1233.  
  1234. <!-- NPF v4 -->
  1235. <link href="//glenthemes.github.io/npf-images-v4/core.min.css" rel="stylesheet">
  1236. <script src="//glenthemes.github.io/npf-images-v4/main.min.js"></script>
  1237.  
  1238. <!-- essentials -->
  1239. <script src="//glen-themes.gitlab.io/thms/41/reducks.js"></script>
  1240. <link href="//glen-themes.gitlab.io/thms/41/reducks.css" rel="stylesheet">
  1241.  
  1242. <!-- google fonts -->
  1243. <link href="//fonts.googleapis.com" rel="preconnect">
  1244. <link href="//fonts.gstatic.com" rel="preconnect" crossorigin>
  1245. <script>
  1246. addGoogleFonts("{select:font}, {select:small caps font}, {select:heading font}, {select:top title font}, Google Sans Code");
  1247. </script>
  1248.  
  1249. <!-- icon fonts/libs -->
  1250. <link href="//mage-icons.gitlab.io/i/icons.min.css" rel="stylesheet" crossorigin>
  1251. <link href="//cdn.jsdelivr.net/gh/Richard9394/MingCute@main/fonts/MingCute.css" rel="stylesheet" crossorigin>
  1252.  
  1253. <!--+++++++++++++++++++++++++++++++++++++++++++++++++-->
  1254.  
  1255. <style>
  1256.  
  1257. /* custom fonts */
  1258. @font-face { font-family: "Start Story"; src: url("//gfonts.gitlab.io/t/Start_Story.otf"); }
  1259. @font-face { font-family: "Winter Draw"; src: url("//gfonts.gitlab.io/t/Winter_Draw.otf"); }
  1260.  
  1261. /*------ OPTION VARIABLES ------*/
  1262. :root {
  1263. /*---- GENERAL ----*/
  1264. --Screen-Gaps-OG:{select:screen gap};
  1265. --Screen-Gaps:{select:screen gap};
  1266. --Page-LoadIn-FadeIn-Speed:420ms;
  1267.  
  1268. /*---- BACKGROUND ----*/
  1269. --Plaid-Checkers-Square-Size:{select:plaid checkers square size};
  1270. --Plaid-Checkers-Row-1-Square-A-Color:{color:plaid checkers square 1};
  1271. --Plaid-Checkers-Row-1-Square-B-Color:{color:plaid checkers square 2};
  1272. --Plaid-Checkers-Row-2-Square-A-Color:{color:plaid checkers square 3};
  1273. --Plaid-Checkers-Row-2-Square-B-Color:{color:plaid checkers square 4};
  1274.  
  1275. /*---- CONTAINER ----*/
  1276. --Container-Width-Total:clamp(20vw, calc(var(--Sidebar-Width) + var(--Center-Gap) + var(--Post-Width-Total)), 75vw);
  1277. --Container-Width-Total-With-Side-Gaps:calc(var(--Container-Width-Total) + (var(--Screen-Gaps) * 2));
  1278. --Center-Gap:{select:center gap};
  1279.  
  1280. /*---- SIDEBAR ----*/
  1281. --Sidebar-Width-OG:{select:sidebar width};
  1282. --Sidebar-Width:{select:sidebar width};
  1283. --Sidebar-Image-Scale-Factor:{select:sidebar image width};
  1284. --Sidebar-Image-Width:calc(var(--Sidebar-Width) * var(--Sidebar-Image-Scale-Factor));
  1285. --Sidebar-Image-Outline-Thickness:{select:sidebar image border thickness};
  1286. --Sidebar-Image-Outline-Color:{color:sidebar image border};
  1287. --Sidebar-Image-Shadow-Size:{select:sidebar image shadow blur size};
  1288. --Sidebar-Image-Shadow-Color:{color:sidebar image shadow};
  1289. --Sidebar-Image-Y-Offset:{select:sidebar image bottom gap};
  1290.  
  1291. --Sidebar-BG:{color:sidebar BG};
  1292. --Sidebar-Border-Size:1px;
  1293. --Sidebar-Border-Color:{color:sidebar border};
  1294. --Sidebar-Rounded-Corners:{select:sidebar rounded corners};
  1295. --Sidebar-Shadow-Offset:{select:sidebar shadow offset};
  1296. --Sidebar-Shadow-Size:{select:sidebar shadow size};
  1297. --Sidebar-Shadow-Color:{color:sidebar shadow};
  1298. --Sidebar-Shadow-Transparency:{select:sidebar shadow transparency};
  1299. --Sidebar-Padding:{select:sidebar padding};
  1300. --Sidebar-Box-Row-Spacing:{select:sidebar box row spacing};
  1301. --Sidebar-Boxes-Spacing:{select:sidebar boxes spacing};
  1302.  
  1303. --Desc-Font-Size:{select:desc font size};
  1304. --Desc-Text-Color:{color:desc text};
  1305. --Desc-Line-Height:var(--Body-Line-Height); /* number only */
  1306. --Desc-LH-V-Gap:calc(((var(--Desc-Font-Size) * var(--Desc-Line-Height)) - var(--Desc-Font-Size)) / 2);
  1307. --Desc-Links-Color:{color:desc links};
  1308. --Desc-Links-Underline-Gap:0.23em;
  1309. --Desc-Links-Underline-Color:{color:desc links underline};
  1310. --Desc-Bold:{color:desc bold};
  1311. --Desc-Italic:{color:desc italic};
  1312.  
  1313. /*---- NAVLINKS ----*/
  1314. --Navlinks-Columns:{select:navlinks columns};
  1315. --Navlinks-Spacing:{select:navlinks spacing};
  1316.  
  1317. --Navlinks-Border-Size:1px;
  1318. --Navlinks-Border-Color:{color:navlinks border};
  1319. --Navlinks-Rounded-Corners:{select:navlinks rounded corners};
  1320.  
  1321. --Navlinks-Icon-Size:{select:navlinks icon size};
  1322. --Navlinks-Icon-Padding:{select:navlinks icon padding};
  1323. --Navlinks-Icon-Total-Size:calc(var(--Navlinks-Icon-Size) + (var(--Navlinks-Icon-Padding) * 2));
  1324. --Navlinks-Icon-BG:{color:navlinks icon BG};
  1325. --Navlinks-Icon-Color:{color:navlinks icon};
  1326.  
  1327. --Navlinks-Label-Font-Size:{select:navlinks font size};
  1328. --Navlinks-Label-Padding-X:max(0.420rem,var(--Navlinks-Icon-Padding));
  1329. --Navlinks-Label-Padding-Y:calc(var(--Navlinks-Label-Padding-X) - var(--Navlinks-Label-LH-V-Gap));
  1330. --Navlinks-Label-BG:{color:navlinks label BG};
  1331. --Navlinks-Label-Line-Height:1.6;
  1332. --Navlinks-Label-LH-V-Gap:calc(((var(--Navlinks-Label-Font-Size) * var(--Navlinks-Label-Line-Height)) - var(--Navlinks-Label-Font-Size)) / 2);
  1333. --Navlinks-Label-Total-Height:calc((var(--Navlinks-Label-Font-Size) * var(--Navlinks-Label-Line-Height)) + (var(--Navlinks-Label-Padding-Y) * 2));
  1334. --Navlinks-Label-Text-Color:{color:navlinks label};
  1335.  
  1336. --Navlinks-Hover-Speed:var(--Links-Hover-Speed);
  1337. --Navlinks-HOVER-Border-Color:{color:navlinks hover border};
  1338. --Navlinks-HOVER-Icon-BG:{color:navlinks hover icon BG};
  1339. --Navlinks-HOVER-Icon-Color:{color:navlinks hover icon};
  1340. --Navlinks-HOVER-Label-BG:{color:navlinks hover label BG};
  1341. --Navlinks-HOVER-Label-Text-Color:{color:navlinks hover label};
  1342.  
  1343. /*---- CUSTOM LINKS ----*/
  1344. --Custom-Links-Icon-Size:{select:custom links icon size};
  1345. --Custom-Links-Font-Size:{select:custom links font size};
  1346. --Custom-Links-Text-Color:{color:custom links};
  1347. --Custom-Links-Line-Decor-Thickness:1px;
  1348. --Custom-Links-Line-Decor-Color:{color:custom links lines};
  1349. --Custom-Links-Line-Decor-Side-Gaps:{select:custom links column spacing};
  1350. --Custom-Links-Hover-Speed:var(--Links-Hover-Speed);
  1351. --Custom-Links-Hover-Text-Color:{color:custom links hover};
  1352. --Custom-Links-Hover-Line-Decor-Color:{color:custom links hover lines};
  1353. --Custom-Links-Row-Spacing:{select:custom links row spacing};
  1354.  
  1355. /*---- SEARCHBAR ----*/
  1356. --Searchbar-Field-Border:{color:searchbar border};
  1357. --Searchbar-Field-Corner-Rounding:{select:searchbar rounded corners};
  1358. --Searchbar-Field-Background:{color:searchbar BG};
  1359. --Searchbar-Field-Padding:{select:searchbar padding};
  1360. --Searchbar-Field-Font:var(--SmallCaps-Font-Family);
  1361. --Searchbar-Field-Font-Size:{select:searchbar font size};
  1362. --Searchbar-Field-Placeholder-Color:{color:searchbar prompt text};
  1363. --Searchbar-Field-Typing-Color:{color:searchbar text};
  1364. --Searchbar-Spacing:{select:searchbar column spacing};
  1365.  
  1366. --Searchbar-Button-Border:{color:searchbar button border};
  1367. --Searchbar-Button-Corner-Rounding:var(--Searchbar-Field-Corner-Rounding);
  1368. --Searchbar-Button-Background:{color:searchbar button BG};
  1369. --Searchbar-Button-Padding:var(--Searchbar-Field-Padding);
  1370. --Searchbar-Button-Icon-Size:calc(var(--Searchbar-Button-Font-Size) * 1.25);
  1371. --Searchbar-Button-Text-Color:{color:searchbar button icon};
  1372.  
  1373. --Searchbar-Button-HOVER-Border-Color:{color:searchbar button hover border};
  1374. --Searchbar-Button-HOVER-BG:{color:searchbar button hover BG};
  1375. --Searchbar-Button-HOVER-Text-Color:{color:searchbar button hover icon};
  1376.  
  1377. --Search-Suggestion-Box-Top-Gap:{select:searchbar row spacing};
  1378. --Search-Suggestion-Box-Inner-Margin:var(--Searchbar-Field-Padding);
  1379. --Search-Suggestion-Box-Border:{color:search suggestions border};
  1380. --Search-Suggestion-Box-Corner-Rounding:var(--Searchbar-Field-Corner-Rounding);
  1381. --Search-Suggestion-Box-Background:{color:search suggestions BG};
  1382.  
  1383. --Search-Suggestion-Items-Corner-Rounding:calc(var(--Search-Suggestion-Box-Corner-Rounding) - 1px);
  1384. --Search-Suggestion-Items-Padding:var(--Searchbar-Field-Padding);
  1385. --Search-Suggestion-Items-Border-Size:1px;
  1386. --Search-Suggestion-Items-Border-Color:{color:search suggestions border};
  1387.  
  1388. --Search-Suggestions-Font:var(--SmallCaps-Font-Family);
  1389. --Search-Suggestions-Font-Size:{select:searchbar font size};
  1390. --Search-Suggestions-Text-Color:{color:search suggestions text};
  1391. --Search-Suggestions-Expand-Speed:669ms; /* ms only */
  1392.  
  1393. --Search-Suggestions-HOVER-Background:{color:search suggestions hover BG};
  1394. --Search-Suggestions-HOVER-Text-Color:{color:search suggestions hover text};
  1395. --Search-Suggestions-HOVER-Speed:var(--Links-Hover-Speed);
  1396.  
  1397. /*---- SIDEBAR FOOTER ----*/
  1398. --Sidebar-Footer-Text-Color:{color:sidebar footer text};
  1399. --Sidebar-Footer-Link-Color:{color:sidebar footer link};
  1400. --Sidebar-Footer-Link-Underline-Color:{color:sidebar footer link underline};
  1401.  
  1402. /*---- TOP TITLE ----*/
  1403. --Top-Title-Font-Family:"{select:top title font}";
  1404. --Top-Title-Font-Weight:700;
  1405. --Top-Title-Font-Size:{select:top title font size};
  1406. --Top-Title-Text-Case:uppercase;
  1407. --Top-Title-Letter-Spacing:0.025em;
  1408. --Top-Title-Word-Spacing:0px;
  1409. --Top-Title-Line-Height:var(--Body-Line-Height); /* number only */
  1410. --Top-Title-LH-V-Gap:calc(((var(--Top-Title-Font-Size) * var(--Top-Title-Line-Height)) - var(--Top-Title-Font-Size)) / 2);
  1411.  
  1412. --Top-Title-Outline-Thickness:{select:top title outline thickness};
  1413. --Top-Title-Outline-Color:{color:top title outline};
  1414. --Top-Title-Text-Color:{color:top title text};
  1415. --Top-Title-Shadow-Offset-X-OG:{select:top title shadow offset};
  1416. --Top-Title-Shadow-Offset-Y-OG:{select:top title shadow offset};
  1417. --Top-Title-Shadow-Color:{color:top title shadow};
  1418. --Top-Title-Shadow-Transparency:{select:top title shadow transparency};
  1419. --Top-Title-Text-Align:{select:top title align};
  1420.  
  1421. --Top-Title-Touch-Padding-X:0.69rem;
  1422. --Top-Title-Touch-Padding-Y:max(calc(var(--Top-Title-Touch-Padding-X) - var(--Top-Title-LH-V-Gap)),5px);
  1423.  
  1424. /*---- POSTS ----*/
  1425. --Post-Content-Width:{select:post width};
  1426. --Post-Padding:{select:post padding};
  1427. --Post-Width-Total:calc(var(--Post-Content-Width) + (var(--Post-Padding) * 2) + (var(--Post-Border-Size) * 2));
  1428. --Post-Border-Size:1px; /* do not change bc it messes up on firefox */
  1429. --Post-Border-Color:{color:post borders};
  1430. --Post-BG:{color:post BG};
  1431. --Post-Rounded-Corners:max(0px,{select:post rounded corners});
  1432. --Post-Spacing-OG:{select:post spacing};
  1433. --Post-Spacing:{select:post spacing};
  1434.  
  1435. --Post-Shadow-Offset:{select:post shadow offset};
  1436. --Post-Shadow-Size:{select:post shadow size};
  1437. --Post-Shadow-Color:{color:post shadow};
  1438. --Post-Shadow-Transparency:{select:post shadow transparency};
  1439.  
  1440. --Post-Secondary-BG:{color:post alt BG};
  1441. --Post-Secondary-Border-Size:1px;
  1442. --Post-Secondary-Border-Color:{color:post alt borders};
  1443. --Post-Secondary-Text-Color:{color:text alt};
  1444.  
  1445. /*---- DUCKS SETTINGS ----*/
  1446. --Top-Ducks-Edge-Offset:0px;
  1447. --Top-Ducks-Row-Width:100%;
  1448. --Top-Ducks-Cell-Width:calc(100% / 8); /* do not touch */
  1449. --Top-Ducks-Bottom-Offset:calc(0px - (var(--Waves-Height) * 0.19298246));
  1450. --Top-Ducks-Animation-Speed:2s;
  1451. --Top-Ducks-Animation-Dip-Amount:4px;
  1452. --Top-Ducks-Animation-Delay:0.35s;
  1453.  
  1454. /* 0-1 number/decimals only */
  1455. --Top-Ducks-Image-1-Width:{select:post header image 1 width};
  1456. --Top-Ducks-Image-2-Width:{select:post header image 2 width};
  1457. --Top-Ducks-Image-3-Width:{select:post header image 3 width};
  1458. --Top-Ducks-Image-4-Width:{select:post header image 4 width};
  1459. --Top-Ducks-Image-5-Width:{select:post header image 5 width};
  1460. --Top-Ducks-Image-6-Width:{select:post header image 6 width};
  1461. --Top-Ducks-Image-7-Width:{select:post header image 7 width};
  1462. --Top-Ducks-Image-8-Width:{select:post header image 8 width};
  1463.  
  1464. /*---- POST HEADER ----*/
  1465. --Post-Header-Padding-X:{select:post info bar padding};
  1466. --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);
  1467. --Post-Header-BG:{color:post info bar BG};
  1468. --Post-Header-Rounded-Corners:calc(var(--Post-Rounded-Corners) - var(--Post-Border-Size));
  1469. --Post-Header-Font-Size:calc(var(--SmallCaps-Font-Size) * 0.95);
  1470. --Post-Header-Text-Color:{color:post info bar text};
  1471. --Post-Header-Icon-Size:calc(var(--Body-Font-Size) * 1.25);
  1472. --Post-Header-Items-Spacing:7px;
  1473. --Post-Header-Border-Size:1px;
  1474. --Post-Header-Border-Color:{color:post info bar border};
  1475.  
  1476. /*---- MAIN FONT ----*/
  1477. --Base-Font-Size:16px;
  1478. --Body-Font-Family:"{select:font}";
  1479. --Body-Font-Weight:normal;
  1480. --Body-Font-Size:{select:font size};
  1481. --Body-Letter-Spacing:0px;
  1482. --Body-Word-Spacing:0px;
  1483. --Body-Text-Color:{color:text};
  1484. --Body-Text-Color-Lighter:rgba({RGBcolor:text},0.8);
  1485. --Body-Line-Height:1.65; /* number only */
  1486. --Body-LH-V-Gap:calc(((var(--Body-Font-Size) * var(--Body-Line-Height)) - var(--Body-Font-Size)) / 2);
  1487.  
  1488. /*---- SMALL CAPS FONT ----*/
  1489. --SmallCaps-Font-Family:"{select:small caps font}";
  1490. --SmallCaps-Font-Weight:500;
  1491. --SmallCaps-Font-Size:{select:small caps font size};
  1492. --SmallCaps-Letter-Spacing:0.025em;
  1493. --SmallCaps-Word-Spacing:0px;
  1494. --SmallCaps-LH-V-Gap:calc(((var(--SmallCaps-Font-Size) * var(--Body-Line-Height)) - var(--SmallCaps-Font-Size)) / 2);
  1495.  
  1496. /*---- HEADING FONT ----*/
  1497. --Heading-Font-Family:"{select:heading font}";
  1498. --Heading-Font-Weight:700;
  1499. --Heading-Font-Size:{select:heading font size};
  1500. --Heading-Text-Case:uppercase;
  1501. --Heading-Letter-Spacing:0.025em;
  1502. --Heading-Word-Spacing:0px;
  1503. --Heading-Line-Height:var(--Body-Line-Height); /* number only */
  1504. --Heading-LH-V-Gap:calc(((var(--Heading-Font-Size) * var(--Heading-Line-Height)) - var(--Heading-Font-Size)) / 2);
  1505.  
  1506. /*---- POST TITLE ----*/
  1507. --Post-Title-Border-Size:1px;
  1508. --Post-Title-Border-Color:{color:post title border};
  1509. --Post-Title-Padding-X:calc(var(--Post-Padding) - 1px);
  1510. --Post-Title-Padding-Y:calc((var(--Post-Title-Padding-X) - (((var(--Heading-Font-Size) * var(--Heading-Line-Height)) - var(--Heading-Font-Size)) / 2)) + 2px);
  1511. --Post-Title-BG:{color:post title BG};
  1512. --Post-Title-Rounded-Corners:calc(var(--Post-Rounded-Corners) - var(--Post-Border-Size));
  1513. --Post-Title-Text-Color:{color:post title text};
  1514.  
  1515. /*---- TEXT FORMATTING ----*/
  1516. --Bold-Font-Weight:600;
  1517. --Bold:{color:bold};
  1518. --Italic:{color:italic};
  1519.  
  1520. --Links-Color:{color:links};
  1521. --Links-Underline-Gap:0.23em;
  1522. --Links-Underline-Size:1px;
  1523. --Links-Underline-Color:{color:links underline};
  1524. --Links-Hover-Speed:0.4s;
  1525.  
  1526. --Code-Block-Padding-X:max(calc(var(--Post-Padding) - 1px),1.420em);
  1527. --Code-Block-Padding-Y:calc(var(--Code-Block-Padding-X) - var(--Body-LH-V-Gap));
  1528. --Code-Block-Border-Size:var(--Post-Secondary-Border-Size);
  1529. --Code-Block-Border-Color:var(--Post-Secondary-Border-Color);
  1530. --Code-Block-Rounded-Corners:calc(var(--Post-Rounded-Corners) - var(--Post-Border-Size) - 1px);
  1531. --Code-Block-BG:var(--Post-Secondary-BG);
  1532. --Code-Block-Text-Color:var(--Post-Secondary-Text-Color);
  1533.  
  1534. --Code-Font-Family:"Google Sans Code";
  1535. --Code-Font-Weight:normal;
  1536. --Code-Font-Size:calc(var(--Body-Font-Size) * 0.875);
  1537. --Code-Letter-Spacing:0px;
  1538. --Code-Word-Spacing:0px;
  1539. --Code-Line-Height:var(--Body-Line-Height);
  1540.  
  1541. --Blockquote-Left-Gap-1:calc((var(--Post-Avatar-Size) / 2) - (var(--Blockquote-Border-Size) / 2));
  1542. --Blockquote-Border-Size:1px;
  1543. --Blockquote-Border-Color:{color:blockquote border};
  1544. --Blockquote-Left-Gap-2:calc(0px - var(--Blockquote-Border-Size) - var(--Blockquote-Left-Gap-1) + var(--Post-Avatar-Size) + var(--Reblog-Header-Center-Gap));
  1545.  
  1546. /*---- POST MEDIA SETTINGS ----*/
  1547. --Post-Media-Rounded-Corners:calc(var(--Post-Rounded-Corners) - var(--Post-Border-Size) - 1px);
  1548.  
  1549. /*---- NPF SETTINGS: PHOTO(SET)S ----*/
  1550. --NPF-Text-Container:".text-post-caption, .text-post-reblogs";
  1551. --NPF-Reblogs-Selector:".comment";
  1552. --NPF-Move-To-Top:"yes";
  1553. --NPF-Captionless-Add-Source:"no";
  1554. --NPF-Change-Post-Type:"yes";
  1555. --NPF-Caption-Spacing:0px;
  1556. --NPF-Images-Spacing:var(--Photoset-Spacing);
  1557.  
  1558. /*---- NPF SETTINGS: ALT TEXT ----*/
  1559. --NPF-Alt-Text-Button-Visibility:40%;
  1560. --NPF-Alt-Text-Button-Rounded-Corners:3px;
  1561. --NPF-Alt-Text-Button-Fade-Speed:0.4s;
  1562. --NPF-Alt-Text-Button-Font-Size:calc(var(--SmallCaps-Font-Size) - 0.5px);
  1563. --NPF-Alt-Text-Close-Button-Background-Color:var(--Body-Text-Color);
  1564. --NPF-Alt-Text-Close-Button-Icon-Size:var(--Body-Font-Size);
  1565. --NPF-Alt-Text-Close-Button-Icon-Color:var(--Post-BG);
  1566.  
  1567. /*---- PHOTOS / PHOTOSETS ----*/
  1568. --Photoset-Spacing:{select:photos spacing};
  1569. --Lightbox-BG:{color:background};
  1570. --Lightbox-BG-Strength:69%;
  1571. --Lightbox-BG-Blur-Amount:4px;
  1572. --Lightbox-Image-Rounded-Corners:var(--Post-Media-Rounded-Corners);
  1573.  
  1574. /*---- QUOTE POSTS ----*/
  1575. --Quote-Font-Family:var(--Heading-Font-Family);
  1576. --Quote-Font-Weight:var(--Heading-Font-Weight);
  1577. --Quote-Font-Size:var(--Heading-Font-Size);
  1578. --Quote-Text-Case:var(--Heading-Text-Case);
  1579. --Quote-Letter-Spacing:var(--Heading-Letter-Spacing);
  1580. --Quote-Word-Spacing:var(--Heading-Word-Spacing);
  1581. --Quote-Line-Height:var(--Heading-Line-Height);
  1582. --Quote-Side-Padding-Bonus:0.8em;
  1583.  
  1584. --Quote-Post-Row-Spacing:1em;
  1585.  
  1586. /*---- LINK POSTS ----*/
  1587. --Link-Post-Title-Font-Size:var(--Heading-Font-Size);
  1588. --Link-Post-Title-Line-Height:var(--Heading-Line-Height);
  1589. --Link-Post-Title-Arrow-Left-Gap:13px;
  1590. --Link-Post-Title-Arrow-Icon:'<i class="mageicons" icon-name="external-link" stroke="1.75"></i>';
  1591. --Link-Post-Title-Arrow-Size:calc(var(--Link-Post-Title-Font-Size) * 1.1);
  1592. --Link-Post-Row-Spacing:10px;
  1593. --Link-Post-Site-Name-Right-Gap:8px;
  1594. --Link-Post-Site-Name-Link-Icon:'<i class="mageicons" icon-name="link" stroke="1.75"></i>';
  1595.  
  1596. /*---- CHAT POSTS ----*/
  1597. --Chat-Post-Row-Padding-X:calc(var(--Post-Padding) - 1px);
  1598. --Chat-Post-Row-Padding-Y:calc(var(--Chat-Post-Row-Padding-X) - var(--Body-LH-V-Gap));
  1599. --Chat-Post-Row-Alternating-Rounded-Corners:calc(var(--Post-Rounded-Corners) - var(--Post-Border-Size) - 1px);
  1600. --Chat-Post-Row-Alternating-BG:var(--Post-Secondary-BG);
  1601. --Chat-Post-Row-Alternating-Text-Color:var(--Post-Secondary-Text-Color);
  1602.  
  1603. --Chat-Post-Font-Family:var(--Code-Font-Family);
  1604. --Chat-Post-Font-Weight:var(--Code-Font-Weight);
  1605. --Chat-Post-Font-Size:var(--Code-Font-Size);
  1606. --Chat-Post-Letter-Spacing:0px;
  1607. --Chat-Post-Word-Spacing:0px;
  1608. --Chat-Post-Line-Height:var(--Body-Line-Height);
  1609.  
  1610. /*---- AUDIO POSTS ----*/
  1611. --Audio-Post-Volume:75%;
  1612. --Audio-Post-Album-Image-Size:80px;
  1613. --Audio-Post-Play-Btn-Icon:'<i class="mgc_play_fill"></i>';
  1614. --Audio-Post-Play-Btn-Hover-Text:"Play";
  1615. --Audio-Post-Pause-Btn-Icon:'<i class="mageicons" icon-name="pause" solid></i>';
  1616. --Audio-Post-Pause-Btn-Hover-Text:"Pause";
  1617. --Audio-Post-Buttons-Icons-Size:calc(var(--Body-Font-Size) * 1.25);
  1618. --Audio-Post-Buttons-Icons-Color:var(--Post-Secondary-Text-Color);
  1619. --Audio-Post-Buttons-Padding:10px;
  1620. --Audio-Post-Buttons-BG:var(--Post-Secondary-BG);
  1621. --Audio-Post-Buttons-Total-Size:calc(var(--Audio-Post-Buttons-Icons-Size) + (var(--Audio-Post-Buttons-Padding) * 2));
  1622. --Audio-Post-Buttons-Rounded-Corners:100%;
  1623. --Audio-Post-Details-BG:var(--Post-Secondary-BG);
  1624. --Audio-Post-Details-Padding-X:14px;
  1625. --Audio-Post-Details-Padding-Y:calc(var(--Audio-Post-Details-Padding-X) - var(--Body-LH-V-Gap));
  1626. --Audio-Post-Details-Text-Color:var(--Post-Secondary-Text-Color);
  1627. --Audio-Post-Download-Btn-Touch-Padding:7px;
  1628. --Audio-Post-Download-Btn-Icon:'<i class="mageicons" icon-name="download" stroke="1.75"></i>';
  1629. --Audio-Post-Download-Btn-Icon-Size:calc(var(--Body-Font-Size) * 1.3);
  1630. --Audio-Post-Download-Btn-Hover-Text:'{lang:Download this track}';
  1631. --Audio-Post-Download-Btn-Icon-Color:var(--Audio-Post-Details-Text-Color);
  1632.  
  1633. /*---- OTHER AUDIO ----*/
  1634. --SoundCloud-Player-Height:20px; /* 20px, 116px, or 500px */
  1635. --SoundCloud-Show-Album-Image:"yes";
  1636.  
  1637. /*---- VIDEO POSTS ----*/
  1638. --Video-Post-Volume:75%;
  1639. --Video-Player-Font-Size:calc(var(--SmallCaps-Font-Size) + 1px);
  1640. --Video-Player-Font-Weight:normal;
  1641.  
  1642. /*---- ASK POSTS ----*/
  1643. --Ask-Post-Column-Gap:15px;
  1644. --Ask-Post-Header-Bottom-Gap:calc(0px - var(--SmallCaps-LH-V-Gap) + 0.55em);
  1645. --Ask-Post-QnA-Row-Spacing:var(--Photoset-Spacing);
  1646. --Ask-Post-Rounded-Corners:calc(var(--Post-Rounded-Corners) - var(--Post-Border-Size) - 1px);
  1647.  
  1648. --Ask-Post-Question-Padding:calc(var(--Post-Padding) - 1px);
  1649. --Ask-Post-Question-BG:var(--Post-Secondary-BG);
  1650. --Ask-Post-Question-Avatar-Size:52px;
  1651. --Ask-Post-Question-Avatar-Rounded-Corners:3px;
  1652. --Ask-Post-Question-Text-Color:var(--Post-Secondary-Text-Color);
  1653. --Ask-Post-Anon-Transparent:"yes";
  1654.  
  1655. --Ask-Post-Answer-Padding:calc(var(--Post-Padding) - 1px);
  1656. --Ask-Post-Answer-BG:var(--Post-Secondary-BG);
  1657. --Ask-Post-Answer-Avatar-Size:52px;
  1658. --Ask-Post-Answer-Avatar-Rounded-Corners:3px;
  1659. --Ask-Post-Answer-Text-Color:var(--Post-Secondary-Text-Color);
  1660.  
  1661. /*---- POLLS ----*/
  1662. --Poll-Question-Font-Size:var(--Body-Font-Size);
  1663. --Poll-Question-Font-Weight:var(--Body-Font-Weight);
  1664. --Poll-Question-Bottom-Gap:1em;
  1665. --Poll-Options-Border-Size:var(--Post-Secondary-Border-Size);
  1666. --Poll-Options-Border-Color:var(--Post-Secondary-Border-Color);
  1667. --Poll-Options-Padding-X:max(calc(var(--Post-Padding) - 1px),1.420em);
  1668. --Poll-Options-Padding-Y:calc(var(--Poll-Options-Padding-X) - var(--SmallCaps-LH-V-Gap));
  1669. --Poll-Options-BG:var(--Post-Secondary-BG);
  1670. --Poll-Options-Font-Size:calc(var(--SmallCaps-Font-Size));
  1671. --Poll-Options-Text-Color:var(--Post-Secondary-Text-Color);
  1672. --Poll-Options-Spacing:0.69em;
  1673.  
  1674. /*---- CAPTIONS / REBLOGS ----*/
  1675. --Captions-Top-Gap:var(--Post-Padding);
  1676.  
  1677. --Reblog-Header-Center-Gap:13px;
  1678. --Reblog-Header-Bottom-Gap:1em;
  1679.  
  1680. --Post-Avatar-Size:34px;
  1681. --Post-Avatar-Rounded-Corners:{select:post avatars rounded corners};
  1682. --Post-Usernames-Color:{color:post usernames};
  1683. --Post-Usernames-Underlines-Color:{color:post usernames underline};
  1684. --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};
  1685.  
  1686. --Reblog-Border-Size:1px;
  1687. --Reblog-Border-Color:var(--Post-Border-Color);
  1688.  
  1689. /*---- POST FOOTER ----*/
  1690. --Post-Footer-Border-Size:1px;
  1691. --Post-Footer-Border-Color:{color:post info bar border};
  1692. --Post-Footer-Padding-X:{select:post info bar padding};
  1693. --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);
  1694. --Post-Footer-BG:{color:post info bar BG};
  1695. --Post-Footer-Rounded-Corners:var(--Post-Rounded-Corners);
  1696. --Post-Footer-Column-Spacing:calc(var(--Post-Padding) - 1px);
  1697. --Post-Footer-Font-Size:calc(var(--SmallCaps-Font-Size) * 0.95);
  1698. --Post-Footer-Text-Color:{color:post info bar text};
  1699. --Post-Footer-LH-Full:calc(var(--Post-Footer-Font-Size) * var(--Body-Line-Height));
  1700. --Post-Footer-Icons-Size:calc(var(--Post-Controls-Icon-Size) - 1px);
  1701. --Post-Footer-Items-Spacing:6px;
  1702.  
  1703. --NoteCount-Label-Single:"note";
  1704. --NoteCount-Label-Plural:"notes";
  1705.  
  1706. /*---- TAGS ----*/
  1707. --Tags-Top-Gap:var(--Captions-Top-Gap);
  1708. --Tags-Slide-Speed:0.5s;
  1709. --Tags-Fade-Delay:0.35s;
  1710. --Tags-Fade-Speed:0.5s;
  1711. --Tags-Font-Size:calc(var(--SmallCaps-Font-Size) * 0.95);
  1712. --Tags-Line-Height:var(--Body-Line-Height);
  1713. --Tags-LH-V-Gap:calc(((var(--Tags-Font-Size) * var(--Tags-Line-Height)) - var(--Tags-Font-Size)) / 2);
  1714. --Tags-Padding-X:8px;
  1715. --Tags-Padding-Y:calc((var(--Tags-Padding-X) * 1.0) - var(--Tags-LH-V-Gap));
  1716. --Tags-Rounded-Corners:calc(var(--Post-Rounded-Corners) - 2px);
  1717. --Tags-Border-Size:1px;
  1718. --Tags-Spacing-X:8px;
  1719. --Tags-Spacing-Y:var(--Tags-Spacing-X);
  1720.  
  1721. --Tags-Border-Color:{color:tags border};
  1722. --Tags-BG:{color:tags BG};
  1723. --Tags-Text-Color:{color:tags text};
  1724.  
  1725. --Tags-Hover-Border-Color:{color:tags hover border};
  1726. --Tags-Hover-BG:{color:tags hover BG};
  1727. --Tags-Hover-Text-Color:{color:tags hover text};
  1728.  
  1729. /*---- POST CONTROLS ----*/
  1730. --Post-Controls-Spacing:5px;
  1731. --Post-Controls-Touch-Padding:6px;
  1732. --Post-Controls-Icon-Size:calc(var(--Body-Font-Size) * 1.1);
  1733. --Post-Controls-Button-Total-Size:calc(var(--Post-Controls-Icon-Size) + (var(--Post-Controls-Touch-Padding) * 2));
  1734. --Post-Controls-Icon-Color:{color:post info bar icons};
  1735. --Liked-Button-Color:{color:like button liked};
  1736.  
  1737. /*---- POST NOTES ----*/
  1738. --Post-Notes-Row-Spacing:0.75em;
  1739. --Post-Notes-Type-Icon-Size:calc(var(--Body-Font-Size) + 3px);
  1740. --Post-Notes-Type-Icon-Gap-Right:8px;
  1741.  
  1742. /*---- PAGE NUMBERS ----*/
  1743. --Page-Numbers-Arrow-Size:calc(var(--Body-Font-Size) * 1.1);
  1744. --Page-Numbers-Arrow-Gap:4px;
  1745. --Page-Numbers-Touch-Padding:6px;
  1746. --Page-Numbers-Spacing:calc(var(--Page-Numbers-Touch-Padding) + 8px);
  1747. --Page-Numbers-Color:{color:page numbers};
  1748. --Load-More-Spinner-Size:calc(var(--Heading-Font-Size) * 1.5);
  1749. --Load-More-Spinner-Speed:2.5s;
  1750.  
  1751. /*----- SCREEN CORNER -----*/
  1752. --Screen-Corner-Offset:18px;
  1753. --Screen-Corner-Items-Spacing:4px;
  1754.  
  1755. --BackToTop-Button-Total-Size:calc(var(--BackToTop-Button-Icon-Size) + (var(--BackToTop-Button-Border-Size) * 2) + (var(--BackToTop-Button-Padding) * 2));
  1756. --BackToTop-Button-Border-Size:var(--Navlinks-Border-Size);
  1757. --BackToTop-Button-Border-Color:{color:back to top button border};
  1758. --BackToTop-Button-Padding:var(--Navlinks-Icon-Padding);
  1759. --BackToTop-Button-BG:{color:back to top button BG};
  1760. --BackToTop-Button-Rounded-Corners:var(--Navlinks-Rounded-Corners);
  1761. --BackToTop-Button-Icon-Size:var(--Navlinks-Icon-Size);
  1762. --BackToTop-Button-Icon-Color:{color:back to top button arrow};
  1763. --BackToTop-Button-HOVER-Border-Color:{color:back to top button hover border};
  1764. --BackToTop-Button-HOVER-BG:{color:back to top button hover BG};
  1765. --BackToTop-Button-HOVER-Icon-Color:{color:back to top button hover icon};
  1766. --BackToTop-Fade-Speed:0.3s;
  1767.  
  1768. /*----- TOOLTIPS OPTIONS -----*/
  1769. --Tooltips-Margin:20; /* number only */
  1770. --Tooltips-Fade-In-Delay:0s;
  1771. --Tooltips-Fade-In-Speed:0.4s;
  1772. --Tooltips-Fade-Out-Delay:0s;
  1773. --Tooltips-Fade-Out-Speed:0.4s;
  1774. --Tooltips-Border-Size:1px;
  1775. --Tooltips-Border-Color:{color:hover text border};
  1776. --Tooltips-Padding-X:0.85em;
  1777. --Tooltips-Padding-Y:0.85em;
  1778. --Tooltips-Rounded-Corners:var(--Post-Footer-Rounded-Corners);
  1779. --Tooltips-Shadow-Offset:{select:hover text box shadow offset};
  1780. --Tooltips-Shadow-Size:{select:hover text box shadow size};
  1781. --Tooltips-Shadow-Color:{color:hover text box shadow};
  1782. --Tooltips-Shadow-Transparency:{select:hover text box shadow transparency};
  1783. --Tooltips-Shadow-Rounded-Corners:var(--Tooltips-Rounded-Corners);
  1784. --Tooltips-BG:{color:hover text BG};
  1785. --Tooltips-Font-Size:calc(var(--SmallCaps-Font-Size) - 1px);
  1786. --Tooltips-Text-Color:{color:hover text};
  1787.  
  1788. /*---- SCROLLBAR OPTIONS ----*/
  1789. --Scrollbar-Gutter:12px;
  1790. --Scrollbar-Padding:7px;
  1791. --Scrollbar-Thumb-Size:1px;
  1792. --Scrollbar-Total-Size:calc((var(--Scrollbar-Padding) * 2) + var(--Scrollbar-Thumb-Size));
  1793. --Scrollbar-Thumb:{color:scrollbar};
  1794. --Scrollbar-BG:{color:scrollbar BG};
  1795.  
  1796. /*---- RESPONSIVE VARS ----*/
  1797. --Largest-Shadow-Val:max({select:post shadow size},{select:sidebar shadow size});
  1798. }/* end root */
  1799.  
  1800. /*-------- TUMBLR CONTROLS --------*/
  1801. .tmblr-iframe-compact .tmblr-iframe--unified-controls {
  1802. width:100%!important;
  1803. }
  1804.  
  1805. .iframe-controls--phone-mobile,
  1806. .tmblr-iframe--app-cta-button,
  1807. body > .tmblr-iframe:not(.tmblr-iframe--gdpr-banner){
  1808. visibility:hidden!important;
  1809. height:0!important;
  1810. clip-path:inset(100%);
  1811. }
  1812.  
  1813. .new-tc-cont, iframe#new-tumblr-controls {
  1814. position:fixed;
  1815. top:0;left:0;
  1816. height:54px;
  1817. width:100%!important;
  1818. background:{color:tumblr controls BG};
  1819. z-index:10;
  1820. }
  1821.  
  1822. .new-tc-cont:after {
  1823. content:"";
  1824. position:absolute;
  1825. top:100%;left:0;
  1826. width:100%;
  1827. height:var(--Post-Border-Size);
  1828. background:{color:tumblr controls bottom border};
  1829. }
  1830.  
  1831. body:has(> .os-scrollbar-vertical.os-scrollbar-visible) .new-tc-cont,
  1832. body:has(> .os-scrollbar-vertical.os-scrollbar-visible) iframe#new-tumblr-controls {
  1833. width:calc(100% - var(--Scrollbar-Total-Size))!important;
  1834. }
  1835.  
  1836. iframe[class*="tumblr_"], iframe[id*="tumblr_"],
  1837. iframe[class*="tumblr-"], iframe[id*="tumblr-"],
  1838. iframe[class*="tmblr-"], iframe[id*="tmblr-"]{
  1839. user-select:none;
  1840. }
  1841.  
  1842. /*------- BASICS -------*/
  1843. html, body {
  1844. scroll-behavior:smooth;
  1845. }
  1846.  
  1847. html {
  1848. font-size:var(--Base-Font-Size);
  1849. -webkit-text-size-adjust:100%;
  1850. }
  1851.  
  1852. body {
  1853. margin:0;
  1854. font:var(--Body-Font-Weight,normal) var(--Body-Font-Size,0.9rem)/var(--Body-Line-Height,1.5) var(--Body-Font-Family), sans-serif;
  1855. letter-spacing:var(--Body-Letter-Spacing);
  1856. word-spacing:var(--Body-Word-Spacing);
  1857. word-break:break-word;
  1858. color:var(--Body-Text-Color);
  1859. background-color:{color:background};
  1860. background-image:none;
  1861. }
  1862.  
  1863. [checkers-bg*="no"] .bg-pattern { display:none }
  1864.  
  1865. [checkers-bg*="yes"] .bg-pattern {
  1866. position:fixed;
  1867. top:0;left:0;
  1868. width:100vw;
  1869. height:100vh;
  1870. background:
  1871. conic-gradient(
  1872. var(--Plaid-Checkers-Row-1-Square-B-Color) 0% 25%,
  1873. var(--Plaid-Checkers-Row-2-Square-B-Color) 25% 50%,
  1874. var(--Plaid-Checkers-Row-2-Square-A-Color) 50% 75%,
  1875. var(--Plaid-Checkers-Row-1-Square-A-Color) 75% 100%
  1876. );
  1877. background-size:calc(var(--Plaid-Checkers-Square-Size) * 2) calc(var(--Plaid-Checkers-Square-Size) * 2);
  1878. z-index:-1;
  1879. }
  1880.  
  1881. html:not(.page-narrow) [checkers-bg*=",1px"] .bg-pattern {
  1882. --Plaid-Checkers-Square-Size:min(0.1985vw,0.1985vh);
  1883. }
  1884.  
  1885. html:not(.page-narrow) [checkers-bg*=",1.5px"] .bg-pattern {
  1886. --Plaid-Checkers-Square-Size:min(0.2976vw,0.2976vh);
  1887. }
  1888.  
  1889. html:not(.page-narrow) [checkers-bg*=",2px"] .bg-pattern {
  1890. --Plaid-Checkers-Square-Size:min(0.3969vw,0.3969vh);
  1891. }
  1892.  
  1893. html:not(.page-narrow) [checkers-bg*=",2.5px"] .bg-pattern {
  1894. --Plaid-Checkers-Square-Size:min(0.4961vw,0.4961vh);
  1895. }
  1896.  
  1897. html:not(.page-narrow) [checkers-bg*=",3px"] .bg-pattern {
  1898. --Plaid-Checkers-Square-Size:min(0.5955vw,0.5955vh);
  1899. }
  1900.  
  1901. html:not(.page-narrow) [checkers-bg*=",3.5px"] .bg-pattern {
  1902. --Plaid-Checkers-Square-Size:min(0.6969vw,0.6969vh);
  1903. }
  1904.  
  1905. html:not(.page-narrow) [checkers-bg*=",4px"] .bg-pattern {
  1906. --Plaid-Checkers-Square-Size:min(0.7938vw,0.7938vh);
  1907. }
  1908.  
  1909. .bg-img {
  1910. position:fixed;
  1911. top:0;left:0;
  1912. width:100vw;
  1913. height:100vh;
  1914. background:url("{image:background image}") fixed {color:background};
  1915. z-index:-1;
  1916. pointer-events:none;
  1917. }
  1918.  
  1919. [bg-size="small"] .bg-img {
  1920. background:url("{image:background image}") repeat fixed {color:background};
  1921. }
  1922.  
  1923. [bg-size="large"] .bg-img {
  1924. background:url("{image:background image}") no-repeat fixed center/cover {color:background};
  1925. }
  1926.  
  1927. [bg-image*="assets.tumblr.com/images/x.gif"] .bg-img { display:none }
  1928.  
  1929. img, canvas, iframe, video {
  1930. max-width:100%;
  1931. vertical-align:middle;
  1932. }
  1933.  
  1934. img, canvas, video { height:auto }
  1935.  
  1936. a {
  1937. color:var(--Links-Color);
  1938. text-decoration:none;
  1939. transition:all var(--Links-Hover-Speed) ease-in-out;
  1940. }
  1941.  
  1942. b, strong {
  1943. font-weight:var(--Bold-Font-Weight);
  1944. color:var(--Bold);
  1945. }
  1946.  
  1947. i:not([class]), em {
  1948. font-style:italic;
  1949. color:var(--Italic);
  1950. }
  1951.  
  1952. [class*="mgc_"]:before {
  1953. color:inherit;
  1954. }
  1955.  
  1956. figure { margin:0 }
  1957.  
  1958. blockquote {
  1959. margin-right:0;
  1960. margin-left:var(--Blockquote-Left-Gap-1);
  1961. border-left:var(--Blockquote-Border-Size) solid var(--Blockquote-Border-Color);
  1962. padding-left:var(--Blockquote-Left-Gap-2);
  1963. }
  1964.  
  1965. [captions-style="old"]{
  1966. --Blockquote-Left-Gap-1:1em;
  1967. --Blockquote-Left-Gap-2:1em;
  1968. }
  1969.  
  1970. /* code text */
  1971. pre, code {
  1972. font:var(--Code-Font-Weight,normal) var(--Code-Font-Size,1.1rem)/var(--Code-Line-Height,1.65) var(--Code-Font-Family), monospace;
  1973. font-variant-ligatures:none;
  1974. font-variant-numeric:tabular-nums;
  1975. letter-spacing:var(--Code-Letter-Spacing);
  1976. word-spacing:var(--Code-Word-Spacing);
  1977. word-wrap:break-word;
  1978. }
  1979.  
  1980. pre {
  1981. border:var(--Code-Block-Border-Size) solid var(--Code-Block-Border-Color);
  1982. padding:var(--Code-Block-Padding-Y) var(--Code-Block-Padding-X);
  1983. border-radius:var(--Code-Block-Rounded-Corners);
  1984. background:var(--Code-Block-BG);
  1985. white-space:pre-wrap;
  1986. color:var(--Code-Block-Text-Color);
  1987. }
  1988.  
  1989. code:not(pre code){
  1990. border:var(--Code-Block-Border-Size) solid var(--Code-Block-Border-Color);
  1991. padding:calc(0.5em - (((var(--Code-Font-Size) * var(--Code-Line-Height)) - var(--Code-Font-Size)) / 2)) 0.5em;
  1992. background:var(--Code-Block-BG);
  1993. color:var(--Code-Block-Text-Color);
  1994. }
  1995.  
  1996. /* bullet lists, numbered lists */
  1997. ul, ol {
  1998. --ul-ol-gap-1:1em;
  1999. --ul-ol-gap-2:0.5em;
  2000. padding-left:0;
  2001. margin-left:calc(1em + var(--ul-ol-gap-1));
  2002. text-align:initial;
  2003. }
  2004.  
  2005. li {
  2006. padding-left:var(--ul-ol-gap-2);
  2007. }
  2008.  
  2009. /* nested bullet lists */
  2010. ul ul, ol ul, ol ol, ul ol {
  2011. margin-left:calc(((1em + var(--ul-ol-gap-1)) * 2) - var(--ul-ol-gap-2));
  2012. }
  2013.  
  2014. /* npf cursive */
  2015. body p.npf_quirky, body .npf_quirky {
  2016. font-size:calc(var(--Heading-Font-Size) * 1.25)!important;
  2017. line-height:calc(var(--Heading-Line-Height) * 0.9)!important;
  2018. }
  2019.  
  2020. /* default colored text */
  2021. /* tmblr.co/ZbO6tPho8Gd4Oq01 */
  2022. /* red */ .npf_color_joey, [style="color: #ff4930"]{color:#fe6b6d!important}
  2023. /* orange */ .npf_color_monica {color:#f98c64!important}
  2024. /* yellow */ .npf_color_phoebe, [style="color: #e8d738"]{color:#f4ba27!important}
  2025. /* green */ .npf_color_ross {color:#70bd76!important}
  2026. /* blue */ .npf_color_rachel {color:#5faeec!important}
  2027. /* purple */ .npf_color_chandler {color:#a995f0!important}
  2028. /* pink */ .npf_color_niles {color:#fd8fb3!important}
  2029.  
  2030. /* keep reading / read mores */
  2031. .read-more-row {
  2032. text-align:center;
  2033. }
  2034.  
  2035. a.read-more-link {
  2036. font-size:calc(var(--Heading-Font-Size) * 0.8);
  2037. }
  2038.  
  2039. :is(p,blockquote,pre,ul,ol,h1,h2,h3,h4,h5,h6):empty { display:none }
  2040.  
  2041. :is(p,blockquote,pre,ul,ol,h1,h2,h3,h4,h5,h6):first-child,
  2042. :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){
  2043. margin-top:0;
  2044. }
  2045.  
  2046. :is(p,blockquote,pre,ul,ol,h1,h2,h3,h4,h5,h6):last-child,
  2047. :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){
  2048. margin-bottom:0;
  2049. }
  2050.  
  2051. hr {
  2052. /* example post: tmblr.co/Z2hZ-ViiBJikOe00 */
  2053. display:block;
  2054. width:69%;
  2055. margin:1em auto;
  2056. border:none;
  2057. height:1px;
  2058. background:rgb(from var(--Body-Text-Color) r g b / 25%);
  2059. }
  2060.  
  2061. /* text highlight / text selection / text selected */
  2062. ::selection {
  2063. background:{color:text highlighted BG};
  2064. color:{color:text highlighted};
  2065. }
  2066.  
  2067. ::-moz-selection {
  2068. background:{color:text highlighted BG};
  2069. color:{color:text highlighted};
  2070. }
  2071.  
  2072. .full_h {
  2073. position:absolute;
  2074. top:0;left:0;
  2075. width:0;
  2076. height:calc(100vh - (var(--Screen-Gaps) * 2));
  2077. }
  2078.  
  2079. /*----- BODY FONT ADJUSTMENTS -----*/
  2080. [font="Funnel Sans"]{
  2081. --Body-Font-Weight:350;
  2082. --Body-Font-Size:calc({select:font size} * 1.035);
  2083. --Body-Letter-Spacing:0.0069em;
  2084. --Body-Word-Spacing:0.0069em;
  2085.  
  2086. --Desc-Font-Size:calc({select:font size} * 1.035);
  2087. }
  2088.  
  2089. [font="Cause"]{
  2090. --Body-Font-Size:calc({select:font size} * 1.05);
  2091. --Body-Letter-Spacing:0.0069em;
  2092. --Body-Word-Spacing:0.015em;
  2093.  
  2094. --Desc-Font-Size:calc({select:desc font size} * 1.05);
  2095. }
  2096.  
  2097. [font="Solway"]{
  2098. --Body-Font-Size:calc({select:font size} + .3px);
  2099. --Body-Letter-Spacing:0.0035em;
  2100. --Bold-Font-Weight:700;
  2101.  
  2102. --Desc-Font-Size:calc({select:desc font size} + .3px);
  2103. }
  2104.  
  2105. /*----- SMALL CAPS FONT ADJUSTMENTS -----*/
  2106. [caps-font="Gabarito"]{
  2107. --SmallCaps-Letter-Spacing:0.069em;
  2108. }
  2109.  
  2110. [caps-font="Mali"]{
  2111. --SmallCaps-Letter-Spacing:0.0420em;
  2112. --SmallCaps-Word-Spacing:-0.05em;
  2113. }
  2114.  
  2115. /*----- HEADING FONT ADJUSTMENTS -----*/
  2116. [heading-font="Winter Draw"]{
  2117. --Heading-Font-Weight:normal;
  2118. --Heading-Letter-Spacing:0.0420em;
  2119. --Heading-Word-Spacing:-0.025em;
  2120. }
  2121.  
  2122. [heading-font="Start Story"]{
  2123. --Heading-Font-Weight:normal;
  2124. --Heading-Letter-Spacing:0.008em;
  2125. --Heading-Word-Spacing:0.025em;
  2126. }
  2127.  
  2128. [heading-font="Mali"]{
  2129. --Heading-Font-Size:calc({select:heading font size} - 0.5px);
  2130. --Heading-Font-Weight:600;
  2131. --Heading-Letter-Spacing:0.03em;
  2132. --Heading-Word-Spacing:-0.05em;
  2133. }
  2134.  
  2135. [heading-font="Lexend"]{
  2136. --Heading-Font-Weight:600;
  2137. }
  2138.  
  2139. /*----- TOP TITLE FONT ADJUSTMENTS -----*/
  2140. [top-title-font="Winter Draw"]{
  2141. --Top-Title-Font-Weight:normal;
  2142. --Top-Title-Letter-Spacing:0.1em;
  2143. --Top-Title-Word-Spacing:-0.025em;
  2144. }
  2145.  
  2146. [top-title-font="Start Story"]{
  2147. --Top-Title-Font-Weight:normal;
  2148. --Top-Title-Letter-Spacing:0.03em;
  2149. --Top-Title-Word-Spacing:0.025em;
  2150. }
  2151.  
  2152. [top-title-font="Mali"]{
  2153. --Top-Title-Font-Weight:600;
  2154. --Top-Title-Letter-Spacing:0.05em;
  2155. --Top-Title-Word-Spacing:-0.05em;
  2156. }
  2157.  
  2158. [heading-font="Lexend"]{
  2159. --Top-Title-Font-Weight:600;
  2160. }
  2161.  
  2162. /*------ SMALL CAPS FONT ------*/
  2163. .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 {
  2164. font:var(--SmallCaps-Font-Weight,normal) var(--SmallCaps-Font-Size,inherit) var(--SmallCaps-Font-Family), sans-serif;
  2165. text-transform:uppercase;
  2166. letter-spacing:var(--SmallCaps-Letter-Spacing);
  2167. word-spacing:var(--SmallCaps-Word-Spacing);
  2168. }
  2169.  
  2170. /*------ HEADING FONT ------*/
  2171. h1, h2, h3, h4, h5, h6, h2.post-title {
  2172. font:var(--Heading-Font-Weight,normal) var(--Heading-Font-Size,1.1rem)/var(--Heading-Line-Height,1.7) var(--Heading-Font-Family), sans-serif;
  2173. text-transform:var(--Heading-Text-Case);
  2174. letter-spacing:var(--Heading-Letter-Spacing);
  2175. word-spacing:var(--Heading-Word-Spacing);
  2176. }
  2177.  
  2178. h1, h2, h3 { text-align:center }
  2179. h2 { font-size:calc(var(--Heading-Font-Size) * 0.9) }
  2180. h3 { font-size:calc(var(--Heading-Font-Size) * 0.985) }
  2181. h4, h5, h6 {
  2182. font-size:max(calc(var(--Heading-Font-Size) * 0.8), var(--Body-Font-Size));
  2183. }
  2184.  
  2185. /*------ LINKS (NORMAL) ------*/
  2186. /* links underline; link underlines */
  2187. [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 {
  2188. padding-bottom:var(--Links-Underline-Gap);
  2189. border-bottom:var(--Links-Underline-Size) solid var(--Links-Underline-Color);
  2190. }
  2191.  
  2192. [username-underlines="yes"] .comment-header .username-txt, [username-underlines="yes"] .comment-body p > a.tumblr_blog:first-child {
  2193. --Links-Underline-Color:var(--Post-Usernames-Underlines-Color);
  2194. }
  2195.  
  2196. /* gif src attribution */
  2197. p.tmblr-attribution:has(> a){
  2198. transform:translateY(calc(0px - var(--Links-Underline-Gap) - var(--Links-Underline-Size)));
  2199. }
  2200.  
  2201. /*------ CONTAINER [1/2] ------*/
  2202. .tout {
  2203. margin:calc(54px + var(--Screen-Gaps)) auto var(--Screen-Gaps) auto;
  2204. width:var(--Container-Width-Total-With-Side-Gaps);
  2205. display:flex;
  2206. flex-flow:column nowrap;
  2207. align-items:flex-start; /* x-left */
  2208. }
  2209.  
  2210. /*------ CONTAINER [2/2] ------*/
  2211. .tout-tu {
  2212. display:flex;
  2213. align-items:flex-start;
  2214. gap:var(--Center-Gap);
  2215. padding:0 var(--Screen-Gaps);
  2216. flex-shrink:0;
  2217. opacity:0;
  2218. }
  2219.  
  2220. body.reducks .tout-tu { opacity:1 }
  2221. .tout-tu, body.reducks .tout-tu {
  2222. transition:opacity var(--Page-LoadIn-FadeIn-Speed) ease-in-out;
  2223. }
  2224.  
  2225. .tout-tu[sb-pos="right"] main { order:1 }
  2226. .tout-tu[sb-pos="right"] aside.sb { order:2 }
  2227.  
  2228. /*-------- SIDEBAR --------*/
  2229. aside.sb {
  2230. position:sticky;
  2231. top:calc(54px + var(--Screen-Gaps));
  2232. width:var(--Sidebar-Width);
  2233. }
  2234.  
  2235. .sb-inner {
  2236. display:flex;
  2237. flex-flow:column nowrap;
  2238. }
  2239.  
  2240. aside.sb h1.top-title {
  2241. display:none;
  2242. margin-bottom:var(--Post-Spacing);
  2243. }
  2244.  
  2245. /*----- SIDEBAR IMAGE -----*/
  2246. .sb-pfp {
  2247. display:flex;
  2248. align-items:center;
  2249. justify-content:center;
  2250. margin-bottom:var(--Sidebar-Image-Y-Offset);
  2251. }
  2252.  
  2253. .sb-pfp.sb-img-hide,
  2254. .sb-pfp:not(:has(img)),
  2255. .sb-pfp:has(img[src*="assets.tumblr.com/images/x.gif"]){ display:none!important }
  2256.  
  2257. .sb-pfp-hug {
  2258. position:relative;
  2259. z-index:1;
  2260. width:calc(100% - (var(--Sidebar-Padding) * 2) - (var(--Sidebar-Border-Size) * 2));
  2261. display:flex;
  2262. flex-flow:column nowrap;
  2263. }
  2264.  
  2265. .sb-pfp-hug.pos-left { align-items:flex-start } /* x-left */
  2266. .sb-pfp-hug.pos-center { align-items:center } /* x-center */
  2267. .sb-pfp-hug.pos-right { align-items:flex-end } /* x-right */
  2268.  
  2269. .sb-pfp-hug img {
  2270. display:block;
  2271. width:var(--Sidebar-Image-Width);
  2272. }
  2273.  
  2274. .sb-pfp[sb-img-border="yes"] img {
  2275. 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));
  2276. }
  2277.  
  2278. .sb-pfp[sb-img-shadow="yes"] img {
  2279. filter:drop-shadow(0 0 var(--Sidebar-Image-Shadow-Size) var(--Sidebar-Image-Shadow-Color));
  2280. }
  2281.  
  2282. .sb-pfp[sb-img-border="yes"][sb-img-shadow="yes"] img {
  2283. 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));
  2284. }
  2285.  
  2286. .sb-pfp.sb-img-show:has(img[src]:not([src*="assets.tumblr.com/images/x.gif"])) + .sb-box {
  2287. padding-top:max(calc((0px - var(--Sidebar-Image-Y-Offset)) + var(--Sidebar-Padding)),var(--Sidebar-Padding));
  2288. }
  2289.  
  2290. .sb-pfp.sb-img-show[sb-img-border="yes"]:has(img[src]:not([src*="assets.tumblr.com/images/x.gif"])) + .sb-box {
  2291. margin-top:var(--Sidebar-Image-Outline-Thickness);
  2292. }
  2293.  
  2294. /*----- SIDEBAR BOX -----*/
  2295. .sb-box {
  2296. position:relative;
  2297. display:flex;
  2298. flex-flow:column wrap;
  2299. gap:var(--Sidebar-Box-Row-Spacing) 0;
  2300. width:100%;
  2301. background:var(--Sidebar-BG);
  2302. border:var(--Sidebar-Border-Size) solid var(--Sidebar-Border-Color);
  2303. border-radius:var(--Sidebar-Rounded-Corners);
  2304. padding:var(--Sidebar-Padding);
  2305. font-size:var(--Desc-Font-Size);
  2306. line-height:var(--Desc-Line-Height);
  2307. color:var(--Desc-Text-Color);
  2308. }
  2309.  
  2310. [sb-shadow="yes"] .sb-box:after,
  2311. [sb-shadow="yes"] .btt-btn:after,
  2312. [sb-shadow="yes"] .bot-crd > a:after {
  2313. content:"";
  2314. position:absolute;
  2315. top:0;left:0;
  2316. margin-top:var(--Sidebar-Shadow-Offset);
  2317. margin-left:var(--Sidebar-Shadow-Offset);
  2318. width:calc(100% - var(--Sidebar-Shadow-Offset) + var(--Sidebar-Shadow-Size));
  2319. height:calc(100% - var(--Sidebar-Shadow-Offset) + var(--Sidebar-Shadow-Size));
  2320. background:rgb(from var(--Sidebar-Shadow-Color) r g b / var(--Sidebar-Shadow-Transparency));
  2321. border-radius:var(--Sidebar-Rounded-Corners);
  2322. z-index:-1;
  2323. }
  2324.  
  2325. .sb-box + .sb-box,
  2326. .sb-box + .sb-footer {
  2327. margin-top:var(--Sidebar-Boxes-Spacing);
  2328. }
  2329.  
  2330. [sb-shadow="yes"] .sb-box + .sb-box,
  2331. [sb-shadow="yes"] .sb-box + .sb-footer {
  2332. margin-top:calc(var(--Sidebar-Boxes-Spacing) + var(--Sidebar-Shadow-Size));
  2333. }
  2334.  
  2335. /*----- SIDEBAR DESC -----*/
  2336. .sb-box.desc-box-hide .desc { display:none!important }
  2337.  
  2338. .desc {
  2339. margin-top:calc(0px - var(--Desc-LH-V-Gap));
  2340. }
  2341.  
  2342. .desc.txt-align-left { text-align:left }
  2343. .desc.txt-align-center { text-align:center }
  2344. .desc.txt-align-right { text-align:right }
  2345. .desc.txt-align-justify { text-align:justify }
  2346.  
  2347. .desc a {
  2348. color:var(--Desc-Links-Color);
  2349. --Links-Underline-Gap:var(--Desc-Links-Underline-Gap);
  2350. --Links-Underline-Color:var(--Desc-Links-Underline-Color);
  2351. }
  2352.  
  2353. .desc b, .desc strong {
  2354. color:var(--Desc-Bold);
  2355. }
  2356.  
  2357. .desc i:not([class]), .desc em {
  2358. color:var(--Desc-Italic);
  2359. }
  2360.  
  2361. /*----- SIDEBAR NAVLINKS -----*/
  2362. nav.navlinks {
  2363.  
  2364. }
  2365.  
  2366. nav.navlinks ul, nav.navlinks li {
  2367. list-style:none;
  2368. margin:0;
  2369. padding:0;
  2370. min-width:0;
  2371. }
  2372.  
  2373. nav.navlinks ul {
  2374. display:grid;
  2375. grid-template-columns:repeat(var(--Navlinks-Columns),1fr);
  2376. gap:var(--Navlinks-Spacing);
  2377. }
  2378.  
  2379. nav.navlinks ul li :is(a,button) {
  2380. display:flex;
  2381. min-height:max(var(--Navlinks-Icon-Total-Size),var(--Navlinks-Label-Total-Height));
  2382. align-items:stretch;
  2383. border:var(--Navlinks-Border-Size) solid var(--Navlinks-Border-Color);
  2384. background:var(--Navlinks-Label-BG);
  2385. border-radius:var(--Navlinks-Rounded-Corners);
  2386. overflow:hidden;
  2387. transition:border-color var(--Navlinks-Hover-Speed) ease-in-out, background-color var(--Navlinks-Hover-Speed) ease-in-out;
  2388. }
  2389.  
  2390. nav.navlinks ul li :is(a,button) .nav-ico {
  2391. flex-shrink:0;
  2392. display:flex;
  2393. align-items:flex-start;
  2394. justify-content:center;
  2395. width:var(--Navlinks-Icon-Total-Size);
  2396. min-height:var(--Navlinks-Icon-Total-Size);
  2397. font-size:var(--Navlinks-Icon-Size);
  2398. background:var(--Navlinks-Icon-BG);
  2399. color:var(--Navlinks-Icon-Color);
  2400. transition:background-color var(--Navlinks-Hover-Speed) ease-in-out, color var(--Navlinks-Hover-Speed) ease-in-out;
  2401. }
  2402.  
  2403. nav.navlinks ul li :is(a,button) .nav-ico i[class]:not([class=""]):before,
  2404. nav.navlinks ul li :is(a,button) .nav-ico span[class]:not([class=""]):before {
  2405. display:flex;
  2406. height:calc(var(--Navlinks-Icon-Total-Size) - 1px);
  2407. align-items:center;
  2408. }
  2409.  
  2410. nav.navlinks ul li :is(a,button) .nav-txt {
  2411. display:flex;
  2412. align-items:center;
  2413. padding:var(--Navlinks-Label-Padding-Y) calc(var(--Navlinks-Label-Padding-X) + 1px) var(--Navlinks-Label-Padding-Y) var(--Navlinks-Label-Padding-X);
  2414. flex:1;
  2415. min-height:var(--Navlinks-Icon-Total-Size);
  2416. font-size:var(--Navlinks-Label-Font-Size);
  2417. line-height:var(--Navlinks-Label-Line-Height);
  2418. color:var(--Navlinks-Label-Text-Color);
  2419. overflow:hidden;
  2420. transition:color var(--Navlinks-Hover-Speed) ease-in-out;
  2421. }
  2422.  
  2423. nav.navlinks ul li :is(a,button) .nav-txt:not(:first-child){
  2424. border-left:var(--Navlinks-Border-Size) solid var(--Navlinks-Border-Color);
  2425. }
  2426.  
  2427. nav.navlinks.truncate-links-yes ul li a .nav-txt > span {
  2428. display:block;
  2429. max-width:100%;
  2430. text-overflow:ellipsis;
  2431. white-space:nowrap;
  2432. overflow:hidden;
  2433. }
  2434.  
  2435. nav.navlinks ul li :is(a,button):hover {
  2436. border-color:var(--Navlinks-HOVER-Border-Color);
  2437. background:var(--Navlinks-HOVER-Label-BG);
  2438. }
  2439.  
  2440. nav.navlinks ul li :is(a,button):hover .nav-ico {
  2441. background:var(--Navlinks-HOVER-Icon-BG);
  2442. color:var(--Navlinks-HOVER-Icon-Color);
  2443. }
  2444.  
  2445. nav.navlinks ul li :is(a,button):hover .nav-txt {
  2446. color:var(--Navlinks-HOVER-Label-Text-Color);
  2447. }
  2448.  
  2449. /* "view more info" / "see more" in sidebar */
  2450. nav.navlinks ul li.sb-see-more {
  2451. display:none;
  2452. grid-column:span var(--Navlinks-Columns);
  2453. }
  2454.  
  2455. nav.navlinks ul li.sb-see-more button {
  2456. margin:0;
  2457. padding:0;
  2458. width:100%;
  2459. cursor:pointer;
  2460. }
  2461.  
  2462. /*----- CUSTOM LINKS -----*/
  2463. .sb-box.cl-box-hide { display:none!important }
  2464.  
  2465. nav.custom-links {
  2466. margin:-1px 0;
  2467. }
  2468.  
  2469. nav.custom-links ul, nav.custom-links li {
  2470. list-style:none;
  2471. margin:0;
  2472. padding:0;
  2473. min-width:0;
  2474. }
  2475.  
  2476. nav.custom-links ul li a {
  2477. display:flex;
  2478. align-items:stretch;
  2479. gap:calc(var(--Custom-Links-Line-Decor-Side-Gaps) + 1px);
  2480. padding:calc(var(--Custom-Links-Row-Spacing) / 2) 0;
  2481. }
  2482.  
  2483. nav.custom-links ul li:first-child a { padding-top:0 }
  2484. nav.custom-links ul li:last-child a { padding-bottom:0 }
  2485.  
  2486. nav.custom-links ul li a .cl-img {
  2487. display:flex;
  2488. align-items:center;
  2489. flex-shrink:0;
  2490. }
  2491.  
  2492. nav.custom-links ul li a .cl-img:has(img[src*="assets.tumblr.com/images/x.gif"]){ display:none!important }
  2493.  
  2494. nav.custom-links ul li a .cl-img img {
  2495. display:block;
  2496. width:var(--Custom-Links-Icon-Size);
  2497. height:var(--Custom-Links-Icon-Size);
  2498. object-fit:contain;
  2499. object-position:center;
  2500. }
  2501.  
  2502. nav.custom-links ul li a .cl-text {
  2503. position:relative;
  2504. display:flex;
  2505. align-items:center;
  2506. flex:1;
  2507. z-index:0;
  2508. font-size:var(--Custom-Links-Font-Size);
  2509. color:var(--Custom-Links-Text-Color);
  2510. transition:color var(--Custom-Links-Hover-Speed) ease-in-out;
  2511. }
  2512.  
  2513. nav.custom-links ul li a .cl-text:before {
  2514. content:"";
  2515. position:absolute;
  2516. top:50%;left:0;
  2517. transform:translateY(-50%);
  2518. width:100%;
  2519. height:var(--Custom-Links-Line-Decor-Thickness);
  2520. background:var(--Custom-Links-Line-Decor-Color);
  2521. transition:background-color var(--Custom-Links-Hover-Speed) ease-in-out;
  2522. z-index:-1;
  2523. }
  2524.  
  2525. nav.custom-links ul li a .cl-text > span {
  2526. margin-left:calc(0px - var(--Custom-Links-Line-Decor-Side-Gaps));
  2527. transform:translateX(0);
  2528. white-space:nowrap;
  2529. padding:0 var(--Custom-Links-Line-Decor-Side-Gaps);
  2530. background:var(--Sidebar-BG);
  2531. transition:margin-left var(--Custom-Links-Hover-Speed) ease-in-out, transform var(--Custom-Links-Hover-Speed) ease-in-out;
  2532. }
  2533.  
  2534. nav.custom-links.cl-lines-ani-yes ul li a:hover .cl-text > span {
  2535. margin-left:calc(100% + var(--Custom-Links-Line-Decor-Side-Gaps));
  2536. transform:translateX(-100%);
  2537. }
  2538.  
  2539. nav.custom-links ul li a:hover .cl-text {
  2540. color:var(--Custom-Links-Hover-Text-Color);
  2541. }
  2542.  
  2543. nav.custom-links ul li a:hover .cl-text:before {
  2544. background:var(--Custom-Links-Hover-Line-Decor-Color);
  2545. }
  2546.  
  2547. /*----- SEARCHBAR -----*/
  2548. .sb-box.searchbar-box-hide { display:none!important }
  2549.  
  2550. .searchblock {
  2551. grid-template-areas:"input btn" "dd dd";
  2552. }
  2553.  
  2554. .searchbar-button {
  2555. white-space:nowrap;
  2556. }
  2557.  
  2558. .searchbar-button button {
  2559. display:flex;
  2560. align-items:center;
  2561. justify-content:center;
  2562. 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;
  2563. }
  2564.  
  2565. .searchbar-button button:has(> i[class]:not([class=""])){
  2566. aspect-ratio:1/1;
  2567. }
  2568.  
  2569. .searchbar-button button i[class]:not([class=""]){
  2570. font-size:var(--Searchbar-Button-Icon-Size);
  2571. }
  2572.  
  2573. .searchbar-button button:hover {
  2574. border-color:var(--Searchbar-Button-HOVER-Border-Color);
  2575. background:var(--Searchbar-Button-HOVER-BG);
  2576. color:var(--Searchbar-Button-HOVER-Text-Color);
  2577. }
  2578.  
  2579. .search-suggestions a {
  2580. --yp:calc(var(--Search-Suggestion-Items-Padding) - var(--SmallCaps-LH-V-Gap));
  2581. padding:var(--yp) var(--Search-Suggestion-Items-Padding);
  2582. line-height:var(--Body-Line-Height);
  2583. margin:0;
  2584. width:100%;
  2585. border-radius:0!important;
  2586. }
  2587.  
  2588. .search-suggestions a:not(:last-child){
  2589. border-bottom:var(--Search-Suggestion-Items-Border-Size) solid var(--Search-Suggestion-Items-Border-Color);
  2590. }
  2591.  
  2592. .search-suggestions a:first-child { margin-top:0 }
  2593. .search-suggestions a:last-child { margin-bottom:0 }
  2594.  
  2595. /*----- SIDEBAR FOOTER -----*/
  2596. .sb-footer.sb-footer-hide { display:none!important }
  2597.  
  2598. .sb-footer {
  2599. text-align:center;
  2600. line-height:var(--Body-Line-Height);
  2601. color:var(--Sidebar-Footer-Text-Color);
  2602. }
  2603.  
  2604. .sb-footer .sbf-flex {
  2605. position:relative;
  2606. --c:calc(var(--SmallCaps-Font-Size) * 1.25);
  2607. }
  2608.  
  2609. .sb-footer .sbf-flex [class*="mgc_"]{
  2610. position:absolute;
  2611. top:50%;
  2612. transform:translateY(-50%);
  2613. margin-top:.5px;
  2614. font-size:var(--c);
  2615. }
  2616.  
  2617. .sb-footer .sbf-flex [class*="mgc_"] + span {
  2618. padding-left:var(--c);
  2619. margin-left:4px;
  2620. }
  2621.  
  2622. .sb-footer a {
  2623. color:var(--Sidebar-Footer-Link-Color);
  2624. --Links-Underline-Color:var(--Sidebar-Footer-Link-Underline-Color);
  2625. --Links-Underline-Gap:0.169em;
  2626. }
  2627.  
  2628. main .sb-footer { display:none }
  2629.  
  2630. /*-------- COLUMN: POSTS --------*/
  2631. main {
  2632. width:var(--Post-Width-Total);
  2633. display:flex;
  2634. flex-flow:column nowrap;
  2635. align-items:center; /* x-center */
  2636. gap:var(--Post-Spacing);
  2637. flex-shrink:0;
  2638. }
  2639.  
  2640. h1.top-title {
  2641. margin:calc(0px - var(--Top-Title-LH-V-Gap)) auto;
  2642. width:calc(100% - (var(--Post-Padding) * 2) - max(var(--Post-Header-Border-Size),var(--Post-Footer-Border-Size)));
  2643. 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;
  2644. text-transform:var(--Top-Title-Text-Case);
  2645. letter-spacing:var(--Top-Title-Letter-Spacing);
  2646. word-spacing:var(--Top-Title-Word-Spacing);
  2647. color:var(--Top-Title-Text-Color);
  2648. text-align:var(--Top-Title-Text-Align);
  2649. }
  2650.  
  2651. h1.top-title[tt-outline*="yes"]{
  2652. letter-spacing:calc(var(--Top-Title-Letter-Spacing) + var(--Top-Title-Outline-Thickness));
  2653. }
  2654.  
  2655. h1.top-title[tt-shad="yes"]{
  2656. --Top-Title-Shadow-Offset-X:calc(var(--Top-Title-Shadow-Offset-X-OG) + var(--Top-Title-Outline-Thickness));
  2657. --Top-Title-Shadow-Offset-Y:var(--Top-Title-Shadow-Offset-X);
  2658. }
  2659.  
  2660. h1.top-title[tt-shad="yes"][tt-outline*="no"]{
  2661. --Top-Title-Shadow-Offset-X:var(--Top-Title-Shadow-Offset-X-OG);
  2662. --Top-Title-Shadow-Offset-Y:var(--Top-Title-Shadow-Offset-Y-OG);
  2663. 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));
  2664. }
  2665.  
  2666. h1.top-title > a.top-title-blog-link:first-child {
  2667. margin:calc(0px - var(--Top-Title-Touch-Padding-Y)) calc(0px - var(--Top-Title-Touch-Padding-X));
  2668. padding:var(--Top-Title-Touch-Padding-Y) var(--Top-Title-Touch-Padding-X);
  2669. color:var(--Top-Title-Text-Color);
  2670. }
  2671.  
  2672. /*------- POSTS -------*/
  2673. .all-posts {
  2674. display:flex;
  2675. flex-flow:column nowrap;
  2676. gap:var(--Post-Spacing);
  2677. width:100%;
  2678. flex:1;
  2679. }
  2680.  
  2681. .posts, .post-outer-1 {
  2682. position:relative;
  2683. width:100%;
  2684. z-index:0;
  2685. }
  2686.  
  2687. [post-shadow="yes"] .post-outer-1:after,
  2688. [post-shadow="yes"] .npf-alt-text-box-outer:after,
  2689. [post-shadow="yes"] .post-notes:after,
  2690. [post-shadow="yes"] .page-numbers:after {
  2691. content:"";
  2692. position:absolute;
  2693. top:0;left:0;
  2694. margin-top:var(--Post-Shadow-Offset);
  2695. margin-left:var(--Post-Shadow-Offset);
  2696. width:calc(100% - var(--Post-Shadow-Offset) + var(--Post-Shadow-Size));
  2697. height:calc(100% - var(--Post-Shadow-Offset) + var(--Post-Shadow-Size));
  2698. background:rgb(from var(--Post-Shadow-Color) r g b / var(--Post-Shadow-Transparency));
  2699. border-radius:var(--Post-Rounded-Corners);
  2700. z-index:-1;
  2701. }
  2702.  
  2703. .post-inner {
  2704. border:var(--Post-Border-Size) solid var(--Post-Border-Color);
  2705. border-radius:var(--Post-Rounded-Corners);
  2706. width:100%;
  2707. background:var(--Post-BG);
  2708. overflow:hidden;
  2709. }
  2710.  
  2711. .post-body {
  2712. padding:var(--Post-Padding);
  2713. background:var(--Post-BG);
  2714. overflow:hidden;
  2715. }
  2716.  
  2717. /*------- POST HEADER -------*/
  2718. header.post-header {
  2719. display:flex;
  2720. flex-flow:column nowrap;
  2721. padding:0 var(--Post-Padding);
  2722. background:var(--Post-BG);
  2723. }
  2724.  
  2725. [top-waves="no"] header.post-header {
  2726. padding-top:var(--Post-Padding);
  2727. }
  2728.  
  2729. .ph-inner {
  2730. display:flex;
  2731. justify-content:space-between;
  2732. border:var(--Post-Header-Border-Size) solid var(--Post-Header-Border-Color);
  2733. padding:var(--Post-Header-Padding-Y) var(--Post-Header-Padding-X);
  2734. background:var(--Post-Header-BG);
  2735. border-radius:var(--Post-Header-Rounded-Corners);
  2736. overflow:hidden;
  2737. gap:var(--Post-Header-Padding-X);
  2738. font-size:var(--Post-Header-Font-Size);
  2739. line-height:var(--Body-Line-Height);
  2740. }
  2741.  
  2742. .ph-inner, .ph-inner a {
  2743. color:var(--Post-Header-Text-Color);
  2744. }
  2745.  
  2746. .ph-left {
  2747. }
  2748.  
  2749. .pinned-flex {
  2750. display:flex;
  2751. align-items:center;
  2752. gap:var(--Post-Header-Items-Spacing);
  2753. }
  2754.  
  2755. .pinned-flex:only-child {
  2756. margin:calc(0px - var(--Post-Header-Padding-Y)) calc(0px - var(--Post-Header-Padding-X));
  2757. padding:var(--Post-Header-Padding-Y) var(--Post-Header-Padding-X);
  2758. }
  2759.  
  2760. .pinned-flex i[class]{
  2761. font-size:var(--Post-Header-Icon-Size);
  2762. }
  2763.  
  2764. .ph-right {
  2765. white-space:nowrap;
  2766. }
  2767.  
  2768. .ph-user-display:only-child {
  2769. margin:calc(0px - var(--Post-Header-Padding-Y)) calc(0px - var(--Post-Header-Padding-X));
  2770. padding:var(--Post-Header-Padding-Y) var(--Post-Header-Padding-X);
  2771. }
  2772.  
  2773. .ph-user-display:before {
  2774. content:"@";
  2775. margin-right:1px;
  2776. }
  2777.  
  2778. /*------- NPF ADJUSTMENTS -------*/
  2779. /* row: single col: img width is greater than 299 but less than post width */
  2780. /* example post: devsmaycry.tumblr.com/post/809022013246259200 */
  2781. .npf_row-full-width-image .tmblr-full,
  2782. .npf_row-full-width-image .tmblr-full img {
  2783. width:100%!important;
  2784. }
  2785.  
  2786. /* npf stuff before v4 does its thing */
  2787. .comment-body figure:not([class]) + figure:not([class]){
  2788. margin-top:var(--NPF-Images-Spacing);
  2789. }
  2790.  
  2791. /*------- ROUNDED POST MEDIA -------*/
  2792. [rounded-media="yes"] .npf_inst,
  2793. [rounded-media="yes"] .photo-post,
  2794. [rounded-media="yes"] .photoset-post,
  2795. [rounded-media="yes"] .video-post,
  2796. [rounded-media="yes"] .audio-post {
  2797. border-radius:var(--Post-Media-Rounded-Corners);
  2798. overflow:hidden;
  2799. }
  2800.  
  2801. [rounded-media="yes"] .npf_row-small-image img {
  2802. /* example post: glen-test.tumblr.com/post/738994635798691840 */
  2803. border-radius:var(--Post-Media-Rounded-Corners);
  2804. }
  2805.  
  2806. /*------- TEXT POSTS -------*/
  2807. /* post titles / post headings */
  2808. .post-body-inner > .text-post:first-child > h1:first-child,
  2809. .post-title, .link-title-wrap, .read-more-row {
  2810. border:var(--Post-Title-Border-Size) solid var(--Post-Title-Border-Color);
  2811. padding:var(--Post-Title-Padding-Y) var(--Post-Title-Padding-X);
  2812. background:var(--Post-Title-BG);
  2813. border-radius:var(--Post-Title-Rounded-Corners);
  2814. color:var(--Post-Title-Text-Color);
  2815. }
  2816.  
  2817. .post-header + .post-body > .post-body-inner:first-child > .text-post:first-child > .post-title:first-child,
  2818. .post-header + .post-body > .post-body-inner:first-child > .link-post:first-child {
  2819. margin-top:calc(0px - var(--Post-Padding) + var(--Post-Header-Padding-Y));
  2820. }
  2821.  
  2822. /*------- PHOTO POSTS -------*/
  2823. .legacy-photo img {
  2824. display:block;
  2825. width:100%;
  2826. }
  2827.  
  2828. .legacy-photoset > img { display:none }
  2829. .legacy-photoset {
  2830. display:flex;
  2831. flex-flow:column nowrap;
  2832. }
  2833. .legacy-photoset .photoset-row {
  2834. display:grid;
  2835. }
  2836. .legacy-photoset, .photoset-row { gap:var(--Photoset-Spacing) }
  2837. .legacy-photoset .photoset-row[cols="2"]{ grid-template-columns:auto auto }
  2838. .legacy-photoset .photoset-row[cols="3"]{ grid-template-columns:auto auto auto }
  2839. .legacy-photoset .photoset-row:not([cols="1"]) .img-cell {
  2840. position:relative;
  2841. min-width:0;
  2842. height:0;
  2843. padding-bottom:var(--rowH);
  2844. overflow:hidden;
  2845. }
  2846. .legacy-photoset .photoset-row:not([cols="1"]) .img-cell-inner {
  2847. position:absolute;
  2848. top:0;bottom:0;left:0;right:0;
  2849. display:flex;
  2850. align-items:center;
  2851. justify-content:center;
  2852. }
  2853. img[onclick*="Tumblr.Lightbox.init"]{
  2854. cursor:pointer;
  2855. }
  2856.  
  2857. /* lightboxes */
  2858. .tmblr-lightbox, #tumblr_lightbox {
  2859. background:rgb(from var(--Lightbox-BG) r g b / var(--Lightbox-BG-Strength))!important;
  2860. backdrop-filter:blur(var(--Lightbox-BG-Blur-Amount));
  2861. }
  2862.  
  2863. .tmblr-lightbox .vignette, #tumblr_lightbox #vignette {
  2864. opacity:0;
  2865. }
  2866.  
  2867. .tmblr-lightbox img, #tumblr_lightbox img {
  2868. max-width:none!important;
  2869. box-shadow:none!important;
  2870. border-radius:0!important;
  2871. }
  2872.  
  2873. [rounded-media="yes"] .tmblr-lightbox img,
  2874. [rounded-media="yes"] #tumblr_lightbox img {
  2875. border-radius:var(--Lightbox-Image-Rounded-Corners)!important;
  2876. }
  2877.  
  2878. /*------- QUOTE POSTS -------*/
  2879. .quote-set, .quote-set blockquote, .quote-set figcaption {
  2880. margin:0;
  2881. text-align:center;
  2882. }
  2883.  
  2884. .quote-set:not(:first-child){ margin-top:1em }
  2885. .quote-set:not(:last-child){ margin-bottom:1em }
  2886.  
  2887. .quote-set {
  2888. display:flex;
  2889. flex-flow:column nowrap;
  2890. gap:var(--Quote-Post-Row-Spacing);
  2891. }
  2892.  
  2893. .quote-set blockquote {
  2894. padding:0 var(--Quote-Side-Padding-Bonus);
  2895. border:none;
  2896. font:var(--Quote-Font-Weight,normal) var(--Quote-Font-Size,1.1rem)/var(--Quote-Line-Height,1.7) var(--Quote-Font-Family), sans-serif;
  2897. text-transform:var(--Quote-Text-Case);
  2898. letter-spacing:var(--Quote-Letter-Spacing);
  2899. word-spacing:var(--Quote-Word-Spacing);
  2900. text-wrap:pretty;
  2901. }
  2902.  
  2903. .quote-set figcaption {
  2904. color:var(--Body-Text-Color-Lighter);
  2905. }
  2906.  
  2907. [post-type="quote"]:not(.previously-npf) .quote-post + .quote-post-reblogs {
  2908. display:none!important;
  2909. }
  2910.  
  2911. /* inline quotes */
  2912. body .npf_quote, body p.npf_quote {
  2913. font:var(--Quote-Font-Weight, normal) var(--Quote-Font-Size, 1.1rem) / var(--Quote-Line-Height, 1.7) var(--Quote-Font-Family), sans-serif;
  2914. text-transform:var(--Quote-Text-Case);
  2915. letter-spacing:var(--Quote-Letter-Spacing);
  2916. word-spacing:var(--Quote-Word-Spacing);
  2917. }
  2918.  
  2919. /*------- LINK POSTS -------*/
  2920. .legacy-link-info, .npf-link-block { display:none!important }
  2921. .comment-body article.link-article:not(:last-child){
  2922. margin-bottom:1em;
  2923. }
  2924.  
  2925. a.the-link {
  2926. display:flex;
  2927. flex-flow:column nowrap;
  2928. gap:var(--Link-Post-Row-Spacing);
  2929. }
  2930.  
  2931. a.the-link > *, a.the-link h2 { margin:0 }
  2932.  
  2933. .link-title-wrap {
  2934. display:flex;
  2935. justify-content:space-between;
  2936. gap:var(--Link-Post-Title-Arrow-Left-Gap);
  2937. }
  2938.  
  2939. .link-title-wrap h2 {
  2940. flex:1;
  2941. font-size:var(--Link-Post-Title-Font-Size);
  2942. line-height:var(--Link-Post-Title-Line-Height);
  2943. text-align:left;
  2944. text-wrap:auto;
  2945. }
  2946.  
  2947. .link-arr-wrap {
  2948. height:calc(var(--Link-Post-Title-Font-Size) * var(--Link-Post-Title-Line-Height));
  2949. display:flex;
  2950. align-items:center;
  2951. flex-shrink:0;
  2952. }
  2953.  
  2954. .link-arr-wrap i {
  2955. font-size:var(--Link-Post-Title-Arrow-Size);
  2956. transform:translateY(.5px);
  2957. }
  2958.  
  2959. .link-excerpt {
  2960. padding:var(--Post-Padding);
  2961. border:var(--Post-Secondary-Border-Size) solid var(--Post-Secondary-Border-Color);
  2962. border-radius:calc(var(--Post-Rounded-Corners) - var(--Post-Border-Size) - 1px);
  2963. background:var(--Post-Secondary-BG);
  2964. color:var(--Post-Secondary-Text-Color);
  2965. }
  2966.  
  2967. .link-site-wrap {
  2968. display:flex;
  2969. align-items:center;
  2970. gap:var(--Link-Post-Site-Name-Right-Gap);
  2971. }
  2972.  
  2973. .link-site-wrap { display:none }
  2974.  
  2975. /*------- CHAT POSTS -------*/
  2976. ul.chat-wrap {
  2977. margin:0;
  2978. padding:0;
  2979. display:block;
  2980. list-style:none;
  2981. }
  2982.  
  2983. .comment-body ul.chat-wrap:not(:first-child){ margin-top:1em }
  2984. .comment-body ul.chat-wrap:not(:last-child){ margin-bottom:1em }
  2985.  
  2986. li.chat-line {
  2987. padding:var(--Chat-Post-Row-Padding-Y) var(--Chat-Post-Row-Padding-X);
  2988. }
  2989.  
  2990. li.chat-line.odd {
  2991. background:var(--Chat-Post-Row-Alternating-BG);
  2992. border-radius:var(--Chat-Post-Row-Alternating-Rounded-Corners);
  2993. color:var(--Chat-Post-Row-Alternating-Text-Color);
  2994. }
  2995.  
  2996. li.chat-line.even:last-child {
  2997. padding-bottom:0;
  2998. }
  2999.  
  3000. .chat-content {
  3001. 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;
  3002. letter-spacing:var(--Chat-Post-Letter-Spacing);
  3003. word-spacing:var(--Chat-Post-Word-Spacing);
  3004. }
  3005.  
  3006. [post-type="chat"]:not(.previously-npf) .chat-post + .chat-post-reblogs {
  3007. display:none!important;
  3008. }
  3009.  
  3010. /*------- VIDEO POSTS -------*/
  3011. .video-post {
  3012.  
  3013. }
  3014.  
  3015. .legacy-video.use-iframe .poster-thumb { display:none }
  3016. .legacy-video .tumblr_video_container {
  3017. width:auto!important;
  3018. height:auto!important;
  3019. max-width:100%;
  3020. }
  3021.  
  3022. .actual-ct, .actual-dur {
  3023. font-weight:var(--Video-Player-Font-Weight)!important;
  3024. font-size:var(--Video-Player-Font-Size)!important;
  3025. }
  3026.  
  3027. /*------- AUDIO POSTS -------*/
  3028. .audio-post {
  3029.  
  3030. }
  3031.  
  3032. /* hide unprocessed audio */
  3033. .legacy-audio-info, figcaption.audio-caption, .tmblr-full audio, .audio-wrap + .npf_inst.npf_audio {
  3034. display:none!important;
  3035. }
  3036.  
  3037. .audio-wrap {
  3038. display:flex;
  3039. }
  3040.  
  3041. .npf_group .audio-wrap:not(:first-child){ margin-top:var(--NPF-Images-Spacing) }
  3042. .npf_group .audio-wrap:not(:last-child){ margin-bottom:var(--NPF-Images-Spacing) }
  3043.  
  3044. .album-square {
  3045. position:relative;
  3046. width:var(--Audio-Post-Album-Image-Size);
  3047. height:var(--Audio-Post-Album-Image-Size);
  3048. background:var(--Audio-Post-Details-BG); /* only noticeable if player doesn't have album art or is transparent */
  3049. overflow:hidden;
  3050. z-index:0;
  3051. }
  3052.  
  3053. .album-square img {
  3054. display:block;
  3055. width:100%;
  3056. height:100%;
  3057. object-fit:cover;
  3058. }
  3059.  
  3060. .album-square img[src=""]{ visibility:hidden }
  3061.  
  3062. .btns-wrap {
  3063. position:absolute;
  3064. top:0;left:0;
  3065. width:100%;
  3066. height:100%;
  3067. display:flex;
  3068. align-items:center;
  3069. justify-content:center;
  3070. z-index:1;
  3071. }
  3072.  
  3073. .btns-wrap button {
  3074. display:flex;
  3075. align-items:center;
  3076. justify-content:center;
  3077. margin:0;
  3078. padding:0;
  3079. border:none;
  3080. outline:none;
  3081. width:var(--Audio-Post-Buttons-Total-Size);
  3082. height:var(--Audio-Post-Buttons-Total-Size);
  3083. border-radius:var(--Audio-Post-Buttons-Rounded-Corners);
  3084. background:var(--Audio-Post-Buttons-BG);
  3085. cursor:pointer;
  3086. }
  3087.  
  3088. .btns-wrap button.pause-btn {
  3089. display:none;
  3090. }
  3091.  
  3092. .btns-wrap i {
  3093. font-size:var(--Audio-Post-Buttons-Icons-Size);
  3094. color:var(--Audio-Post-Buttons-Icons-Color);
  3095. }
  3096.  
  3097. .audio-deets {
  3098. flex:1;
  3099. display:flex;
  3100. justify-content:space-between;
  3101. background:var(--Audio-Post-Details-BG);
  3102. height:var(--Audio-Post-Album-Image-Size);
  3103. overflow:hidden;
  3104. }
  3105.  
  3106. .deets-inner {
  3107. margin:var(--Audio-Post-Details-Padding-Y) 0 0 var(--Audio-Post-Details-Padding-X);
  3108. width:calc(100% - var(--Audio-Post-Details-Padding-X));
  3109. height:calc(100% - (var(--Audio-Post-Details-Padding-Y) * 2));
  3110. overflow:hidden;
  3111. display:flex;
  3112. justify-content:space-between;
  3113. gap:var(--Audio-Post-Details-Padding-X);
  3114. color:var(--Audio-Post-Details-Text-Color);
  3115. }
  3116.  
  3117. .deets-rows {
  3118. flex:1;
  3119. display:grid;
  3120. align-content:center;
  3121. }
  3122.  
  3123. .deets-rows > * {
  3124. min-width:0;
  3125. min-height:0;
  3126. overflow:hidden;
  3127. text-overflow:ellipsis;
  3128. white-space:nowrap;
  3129. }
  3130.  
  3131. .audio-deets .audio-dl {
  3132. flex-shrink:0;
  3133. display:block;
  3134. align-self:center;
  3135. line-height:initial;
  3136. margin:calc(0px - var(--Audio-Post-Download-Btn-Touch-Padding));
  3137. margin-right:0;
  3138. padding:var(--Audio-Post-Download-Btn-Touch-Padding);
  3139. padding-right:var(--Audio-Post-Details-Padding-X);
  3140. }
  3141.  
  3142. .audio-deets .audio-dl i {
  3143. font-size:var(--Audio-Post-Download-Btn-Icon-Size);
  3144. color:var(--Audio-Post-Download-Btn-Icon-Color);
  3145. }
  3146.  
  3147. .audio-wrap audio {
  3148. display:none;
  3149. }
  3150.  
  3151. /* static.tumblr.com/gtjt4bo/Is2sl84e9/innbv.jpg */
  3152. .npf_audio_row figure.sc-short {
  3153. position:relative;
  3154. z-index:0;
  3155. }
  3156.  
  3157. .npf_audio_row figure.sc-short:before {
  3158. content:"";
  3159. position:absolute;
  3160. top:0;left:0;
  3161. width:20px;
  3162. height:20px;
  3163. border-radius:100%;
  3164. background:var(--Audio-Post-Buttons-Icons-Color);
  3165. z-index:-1;
  3166. }
  3167.  
  3168. .npf_audio_row:has(figure.sc-short){
  3169. overflow:revert!important;
  3170. }
  3171.  
  3172. figure.sc-20 > .gframe-wrapper,
  3173. figure.sc-116 > .gframe-wrapper,
  3174. figure.sc-500 > .gframe-wrapper {
  3175. aspect-ratio:initial!important;
  3176. width:100%;
  3177. }
  3178.  
  3179. figure.sc-20 > .gframe-wrapper, figure.sc-20 iframe { height:20px!important }
  3180. figure.sc-116 > .gframe-wrapper, figure.sc-116 iframe { height:116px!important }
  3181. figure.sc-500 > .gframe-wrapper, figure.sc-500 iframe { height:500px!important }
  3182.  
  3183. iframe[src*='open.spotify.com'][src*='track'],
  3184. figure[data-npf*='open.spotify.com'][data-npf*='track']{
  3185. height:80px!important;
  3186. }
  3187.  
  3188. /*------- ASK POSTS -------*/
  3189. .ask-post {
  3190. border-radius:var(--Ask-Post-Rounded-Corners);
  3191. overflow:hidden;
  3192. }
  3193.  
  3194. .qa-set {
  3195. margin:0;
  3196. display:flex;
  3197. flex-flow:column nowrap;
  3198. gap:var(--Ask-Post-QnA-Row-Spacing);
  3199. }
  3200.  
  3201. .que-flex > img, .ans-flex > img {
  3202. display:block;
  3203. flex-shrink:0;
  3204. }
  3205.  
  3206. .que-flex, .ans-flex {
  3207. display:flex;
  3208. gap:var(--Ask-Post-Column-Gap);
  3209. }
  3210.  
  3211. .ask-head, .ans-head {
  3212. margin:0;
  3213. line-height:inherit;
  3214. }
  3215.  
  3216. .ask-head a, .ans-head a {
  3217. color:var(--Post-Usernames-Color);
  3218. }
  3219.  
  3220. .que-right, .ans-left {
  3221. display:flex;
  3222. flex-direction:column;
  3223. justify-content:center;
  3224. gap:var(--Ask-Post-Header-Bottom-Gap);
  3225. }
  3226.  
  3227. /* questions */
  3228. .que-sect {
  3229. padding:var(--Ask-Post-Question-Padding);
  3230. background:var(--Ask-Post-Question-BG);
  3231. color:var(--Ask-Post-Question-Text-Color);
  3232. }
  3233.  
  3234. .que-flex { justify-content:flex-start }
  3235.  
  3236. .que-flex > img {
  3237. width:var(--Ask-Post-Question-Avatar-Size);
  3238. height:var(--Ask-Post-Question-Avatar-Size);
  3239. border-radius:var(--Ask-Post-Question-Avatar-Rounded-Corners);
  3240. }
  3241.  
  3242. .que-right {
  3243. align-items:flex-start;
  3244. text-align:left;
  3245. }
  3246.  
  3247. .ans-sect {
  3248. margin:0;
  3249. padding:var(--Ask-Post-Answer-Padding);
  3250. background:var(--Ask-Post-Answer-BG);
  3251. color:var(--Ask-Post-Answer-Text-Color);
  3252. }
  3253.  
  3254. /* answers */
  3255. .ans-flex { justify-content:flex-end }
  3256.  
  3257. .ans-flex > img {
  3258. width:var(--Ask-Post-Answer-Avatar-Size);
  3259. height:var(--Ask-Post-Answer-Avatar-Size);
  3260. border-radius:var(--Ask-Post-Answer-Avatar-Rounded-Corners);
  3261. }
  3262.  
  3263. .ans-left {
  3264. align-items:flex-end;
  3265. text-align:right;
  3266. }
  3267.  
  3268. .ans blockquote {
  3269. margin-left:0;
  3270. padding-left:0;
  3271. margin-right:var(--Blockquote-Left-Gap-1);
  3272. border-left:none;
  3273. border-right:var(--Blockquote-Border-Size) solid var(--Blockquote-Border-Color);
  3274. padding-right:var(--Blockquote-Left-Gap-2);
  3275. }
  3276.  
  3277. .ans > .npf_inst:first-child {
  3278. margin-top:1em;
  3279. }
  3280.  
  3281. /*------- POLLS -------*/
  3282. .poll-post,
  3283. div[data-npf*='"type":"poll"']{
  3284. display:flex;
  3285. flex-flow:column nowrap;
  3286. gap:var(--Poll-Options-Spacing);
  3287. }
  3288.  
  3289. .poll-post > *,
  3290. div[data-npf*='"type":"poll"'] > * {
  3291. margin:0!important;
  3292. }
  3293.  
  3294. /* poll question */
  3295. .poll-post .poll-question,
  3296. div[data-npf*='"type":"poll"'] .poll-question,
  3297. .poll-question {
  3298. font-size:var(--Poll-Question-Font-Size)!important;
  3299. font-weight:var(--Poll-Question-Font-Weight)!important;
  3300. }
  3301.  
  3302. .poll-post .poll-question:not(:last-child),
  3303. div[data-npf*='"type":"poll"'] .poll-question:not(:last-child),
  3304. .poll-question:not(:last-child){
  3305. margin-bottom:calc(0px - var(--Poll-Options-Spacing) + var(--Poll-Question-Bottom-Gap))!important;
  3306. }
  3307.  
  3308. /* poll options */
  3309. .poll-post a.poll-row,
  3310. div[data-npf*='"type":"poll"'] a.poll-row,
  3311. a.poll-row {
  3312. all:unset;
  3313. border:var(--Poll-Options-Border-Size) solid var(--Poll-Options-Border-Color);
  3314. padding:var(--Poll-Options-Padding-Y) var(--Poll-Options-Padding-X);
  3315. background:var(--Poll-Options-BG);
  3316. text-align:center;
  3317. cursor:pointer;
  3318.  
  3319. /* inherit smallcaps stuff */
  3320. font:var(--SmallCaps-Font-Weight,normal) var(--Poll-Options-Font-Size,inherit) var(--SmallCaps-Font-Family), sans-serif;
  3321. text-transform:uppercase;
  3322. letter-spacing:var(--SmallCaps-Letter-Spacing);
  3323. word-spacing:var(--SmallCaps-Word-Spacing);
  3324. line-height:var(--Body-Line-Height);
  3325. }
  3326.  
  3327. /* poll 'see results' */
  3328. .poll-post .poll-see-results {
  3329. width:auto;
  3330. margin:auto!important;
  3331. }
  3332.  
  3333. /*------ CAPTIONS / REBLOGS ------*/
  3334. .comments {
  3335. margin:calc(0px - var(--Post-Padding));
  3336. }
  3337.  
  3338. .comments:not(:first-child){
  3339. margin-top:calc(0px - var(--Post-Padding) + var(--Captions-Top-Gap));
  3340. }
  3341.  
  3342. [captions-style="old"] .comments { padding:var(--Post-Padding) }
  3343.  
  3344. [captions-style="new"] .comment {
  3345. padding:var(--Post-Padding);
  3346. display:flex;
  3347. flex-flow:column nowrap;
  3348. gap:var(--Reblog-Header-Bottom-Gap);
  3349. }
  3350.  
  3351. [captions-style="new"] .npf-post-source:only-child {
  3352. padding:var(--Post-Padding);
  3353. padding-top:0;
  3354. margin-top:1em;
  3355. }
  3356.  
  3357. [captions-style="new"] .comment + .npf-post-source {
  3358. padding:var(--Post-Padding);
  3359. padding-top:0;
  3360. margin-top:calc(0px - var(--Post-Padding) + 1em);
  3361. }
  3362.  
  3363. [rb-dividers="yes"] .comment + .comment {
  3364. border-top:var(--Reblog-Border-Size) solid var(--Reblog-Border-Color);
  3365. }
  3366.  
  3367. .comment-header {
  3368. display:flex;
  3369. justify-content:flex-start;
  3370. }
  3371.  
  3372. .user-flex {
  3373. display:flex;
  3374. justify-content:flex-start;
  3375. gap:var(--Reblog-Header-Center-Gap);
  3376. }
  3377.  
  3378. .userpic {
  3379. flex-shrink:0;
  3380. }
  3381.  
  3382. .userpic img {
  3383. width:var(--Post-Avatar-Size);
  3384. height:var(--Post-Avatar-Size);
  3385. border-radius:var(--Post-Avatar-Rounded-Corners);
  3386. }
  3387.  
  3388. .username {
  3389. display:flex;
  3390. flex-direction:column;
  3391. justify-content:center;
  3392. color:var(--Post-Usernames-Color);
  3393. }
  3394.  
  3395. .is-deac {
  3396. opacity:0.8;
  3397. }
  3398.  
  3399. .comment-body {
  3400. text-wrap:pretty;
  3401. }
  3402.  
  3403. /*------- TAGS -------*/
  3404. .tagscont {
  3405. display:grid;
  3406. overflow:hidden;
  3407. font-size:var(--Tags-Font-Size)!important;
  3408. line-height:var(--Tags-Line-Height)!important;
  3409. }
  3410.  
  3411. [index-page][tags-vis="toggle"] .tagscont {
  3412. grid-template-rows:0fr;
  3413. transition:grid-template-rows var(--Tags-Slide-Speed) 0s ease-in-out;
  3414. }
  3415.  
  3416. [index-page][tags-vis="toggle-fade"] .tagscont {
  3417. grid-template-rows:0fr;
  3418. opacity:0;
  3419. transition:grid-template-rows var(--Tags-Slide-Speed) var(--Tags-Fade-Delay) ease-in-out, opacity var(--Tags-Fade-Speed) ease-in-out;
  3420. }
  3421.  
  3422. [index-page][tags-vis*="toggle"] .tc-inner-1 {
  3423. min-height:0;
  3424. visibility:hidden;
  3425. transition:visibility var(--Tags-Slide-Speed) 0s;
  3426. }
  3427.  
  3428. [index-page][tags-vis*="toggle"] .posts:has(input[id^="tags-"]:checked) .tagscont {
  3429. grid-template-rows:1fr;
  3430. }
  3431.  
  3432. [index-page][tags-vis="toggle"] .posts:has(input[id^="tags-"]:checked) .tagscont {
  3433. transition:grid-template-rows var(--Tags-Slide-Speed) 0s ease-in-out;
  3434. }
  3435.  
  3436. [index-page][tags-vis="toggle-fade"] .posts:has(input[id^="tags-"]:checked) .tagscont {
  3437. opacity:1;
  3438. transition:grid-template-rows var(--Tags-Slide-Speed) 0s ease-in-out, opacity var(--Tags-Fade-Speed) var(--Tags-Fade-Delay) ease-in-out;
  3439. }
  3440.  
  3441. .posts:has(input[id^="tags-"]:checked) .tagscont .tc-inner-1 {
  3442. visibility:visible;
  3443. transition:visibility 0s 0s;
  3444. }
  3445.  
  3446. .tc-inner-2 {
  3447. display:flex;
  3448. flex-flow:row wrap;
  3449. gap:var(--Tags-Spacing-Y) var(--Tags-Spacing-X);
  3450. margin-top:var(--Tags-Top-Gap);
  3451. width:100%;
  3452. }
  3453.  
  3454. [tags-align="left"] .tc-inner-2 {
  3455. justify-content:flex-start;
  3456. text-align:left;
  3457. }
  3458.  
  3459. [tags-align="right"] .tc-inner-2 {
  3460. justify-content:flex-end;
  3461. text-align:right;
  3462. }
  3463.  
  3464. .tagscont a {
  3465. padding:var(--Tags-Padding-Y) var(--Tags-Padding-X);
  3466. background:var(--Tags-BG);
  3467. border-radius:var(--Tags-Rounded-Corners);
  3468. border:var(--Tags-Border-Size) solid var(--Tags-Border-Color);
  3469. color:var(--Tags-Text-Color);
  3470. }
  3471.  
  3472. .tagscont a:before {
  3473. content:"#";
  3474. margin-right:0.5px;
  3475. }
  3476.  
  3477. .tagscont a:hover {
  3478. border-color:var(--Tags-Hover-Border-Color);
  3479. background:var(--Tags-Hover-BG);
  3480. color:var(--Tags-Hover-Text-Color);
  3481. }
  3482.  
  3483. /*------- POST FOOTER -------*/
  3484. footer.post-footer {
  3485. display:flex;
  3486. flex-flow:column nowrap;
  3487. padding:var(--Post-Padding);
  3488. padding-top:0;
  3489. background:var(--Post-BG);
  3490. }
  3491.  
  3492. /*------ PERMALINK + CONTROLS ------*/
  3493. .pf-inner {
  3494. display:flex;
  3495. justify-content:space-between;
  3496. max-width:calc(100% + (var(--Post-Padding) * 2));
  3497. overflow:hidden;
  3498. padding:var(--Post-Footer-Padding-Y) var(--Post-Footer-Padding-X);
  3499. border:var(--Post-Footer-Border-Size) solid var(--Post-Footer-Border-Color);
  3500. background:var(--Post-Footer-BG);
  3501. border-radius:var(--Post-Footer-Rounded-Corners);
  3502. gap:var(--Post-Footer-Padding-X);
  3503. }
  3504.  
  3505. .post-info-left {
  3506. display:flex;
  3507. flex-flow:column nowrap;
  3508. max-width:100%;
  3509. overflow:hidden;
  3510. gap:var(--Post-Footer-Items-Spacing);
  3511. font-size:var(--Post-Footer-Font-Size);
  3512. line-height:var(--Body-Line-Height);
  3513. }
  3514.  
  3515. .post-info-left, .post-info-left a {
  3516. color:var(--Post-Footer-Text-Color);
  3517. }
  3518.  
  3519. .post-info-left i[class]:not([class=""]){
  3520. display:flex;
  3521. height:var(--Post-Footer-LH-Full);
  3522. align-items:center;
  3523. font-size:var(--Post-Footer-Icons-Size);
  3524. flex-shrink:0;
  3525. }
  3526.  
  3527. [shorten-timeago="no"] .shortened-timeago,
  3528. [shorten-timeago="yes"] .normal-timeago { display:none }
  3529.  
  3530. [shorten-notecount="no"] .shortened-notecount,
  3531. [shorten-notecount="yes"] .normal-notecount { display:none }
  3532.  
  3533. .notecount-label-single:before, .notecount-label-plural:before { content:" " }
  3534.  
  3535. .notecount-label-single,
  3536. .notecount-label-plural.nc-1 { display:none }
  3537. .notecount-label-single.nc-1 { display:unset }
  3538.  
  3539. /*----- PERMALINK / POST DATE -----*/
  3540. .post-date {
  3541. display:block;
  3542. overflow:hidden;
  3543. }
  3544.  
  3545. .post-date:not(:last-child){
  3546. margin-right:0;
  3547. padding-right:0;
  3548. }
  3549.  
  3550. [date-group]{
  3551. display:flex;
  3552. flex-flow:row nowrap;
  3553. gap:calc(var(--Post-Footer-Items-Spacing) - var(--SmallCaps-LH-V-Gap)) var(--Post-Footer-Items-Spacing);
  3554. }
  3555.  
  3556. [date-text]{
  3557. flex:1;
  3558. max-width:100%;
  3559. overflow:hidden;
  3560. }
  3561.  
  3562. [date-text][single-line] [date-text-inner]{
  3563. display:block;
  3564. max-width:100%;
  3565. overflow:hidden;
  3566. white-space:nowrap;
  3567. text-overflow:ellipsis;
  3568. }
  3569.  
  3570. /*------ VIA & OG POSTER ------*/
  3571. .via-and-op {
  3572. display:flex;
  3573. flex-flow:row wrap;
  3574. gap:var(--Post-Footer-Items-Spacing);
  3575. }
  3576.  
  3577. .via-and-op[single-row]{
  3578. flex-wrap:nowrap;
  3579. white-space:nowrap;
  3580. overflow:hidden;
  3581. }
  3582.  
  3583. .via-and-op[single-row] > * {
  3584. max-width:100%;
  3585. overflow:hidden;
  3586. text-overflow:ellipsis;
  3587. }
  3588.  
  3589. .via-and-op [data-via=""], .via-and-op [data-op=""],
  3590. .via-and-op [data-via=""] + .via-op-sep,
  3591. .via-op-sep:has(+ [data-op=""]){ display:none }
  3592.  
  3593. /*------- POST CONTROLS -------*/
  3594. .post-btns {
  3595. flex-shrink:0;
  3596. display:flex;
  3597. justify-content:flex-end;
  3598. gap:var(--Post-Controls-Spacing);
  3599. height:calc(var(--Post-Footer-Font-Size) * var(--Body-Line-Height));
  3600. align-items:center;
  3601. }
  3602.  
  3603. .post-btns label[for^="tags-"] input[id^="tags-"]{
  3604. position:absolute;
  3605. top:0;left:0;
  3606. margin:0;padding:0;
  3607. border:0;outline:none;
  3608. width:100%;
  3609. height:100%;
  3610. opacity:0;
  3611. -webkit-appearance:none;
  3612. -moz-appearance:none;
  3613. appearance:none;
  3614. cursor:pointer;
  3615. }
  3616.  
  3617. [tags-vis="show"] .post-btns label[for^="tags-"],
  3618. [perma-page] .post-btns label[for^="tags-"]{
  3619. display:none;
  3620. }
  3621.  
  3622. .post-btns > [class*="-btn"]{
  3623. position:relative;
  3624. display:flex;
  3625. align-items:center;
  3626. justify-content:center;
  3627. width:var(--Post-Controls-Button-Total-Size);
  3628. height:var(--Post-Controls-Button-Total-Size);
  3629. overflow:hidden;
  3630. margin-left:calc(0px - var(--Post-Controls-Touch-Padding));
  3631. margin-right:calc(0px - var(--Post-Controls-Touch-Padding));
  3632. }
  3633.  
  3634. .post-btns button {
  3635. padding:0;
  3636. background:none;
  3637. border:none;
  3638. outline:none;
  3639. }
  3640.  
  3641. .post-btns i {
  3642. font-size:var(--Post-Controls-Icon-Size);
  3643. color:var(--Post-Controls-Icon-Color);
  3644. line-height:initial;
  3645. pointer-events:none;
  3646. }
  3647.  
  3648. .post-btns i.mageicons[icon-name="reload"]{
  3649. transform:rotate(15deg);
  3650. }
  3651.  
  3652. .post-btns i.mageicons[icon-name="hash"]{
  3653. transform:translateX(calc(var(--Post-Controls-Icon-Size) * 0.08));
  3654. font-size:calc(var(--Post-Controls-Icon-Size) * 0.875);
  3655. }
  3656.  
  3657. .post-btns .like-btn iframe {
  3658. position:absolute;
  3659. top:0;left:0;
  3660. width:100%;
  3661. height:100%;
  3662. opacity:0;
  3663. z-index:1;
  3664. }
  3665.  
  3666. .post-btns .like-btn .liked ~ i {
  3667. color:var(--Liked-Button-Color);
  3668. }
  3669.  
  3670. .post-btns .like-btn i.solid-style {
  3671. display:none;
  3672. }
  3673.  
  3674. [solid-when-liked="yes"] .post-btns .like-btn .liked ~ i.solid-style {
  3675. display:block;
  3676. }
  3677.  
  3678. [solid-when-liked="yes"] .post-btns .like-btn .liked ~ i.outline-style {
  3679. display:none;
  3680. }
  3681.  
  3682. /*------- POST NOTES -------*/
  3683. .post-notes {
  3684. position:relative;
  3685. width:100%;
  3686. }
  3687.  
  3688. ol.notes li span.action > a {
  3689. color:var(--Post-Usernames-Color);
  3690. }
  3691.  
  3692. ol.notes li.original_post.with_commentary blockquote { display:none }
  3693.  
  3694. /*------- PAGE NUMBERS -------*/
  3695. .page-numbers {
  3696. position:relative;
  3697. width:100%;
  3698. text-align:center;
  3699. }
  3700.  
  3701. .pagi-wrap {
  3702. display:flex;
  3703. flex-flow:row wrap;
  3704. align-items:center;
  3705. justify-content:center;
  3706. gap:var(--Page-Numbers-Spacing);
  3707. }
  3708.  
  3709. [iscroll="yes"] .page-numbers:not(.show-spinny,.iscroll-end),
  3710. [iscroll="yes"] .pagi-wrap { display:none }
  3711.  
  3712. .pagi-wrap > a, .pagi-wrap > span {
  3713. margin:calc(0px - var(--Page-Numbers-Touch-Padding));
  3714. display:flex;
  3715. align-items:center;
  3716. gap:var(--Page-Numbers-Arrow-Gap);
  3717. padding:var(--Page-Numbers-Touch-Padding);
  3718. color:var(--Page-Numbers-Color);
  3719. line-height:initial;
  3720. }
  3721.  
  3722. .pagi-wrap > a:not([href]), .pagi-wrap > span { cursor:help }
  3723.  
  3724. .pagi-wrap i[class]{
  3725. font-size:var(--Page-Numbers-Arrow-Size);
  3726. transform:translateY(1px);
  3727. }
  3728.  
  3729. .pagi-num {
  3730. transform-origin:center;
  3731. transform:scale(1.069,1.069);
  3732. }
  3733.  
  3734. [iscroll="no"] .spinny,
  3735. [iscroll="yes"] .page-numbers:not(.show-spinny) .spinny { display:none }
  3736.  
  3737. .show-spinny .spinny {
  3738. justify-self:center;
  3739. display:flex;
  3740. align-items:center;
  3741. justify-content:center;
  3742. }
  3743.  
  3744. .spinny > i {
  3745. transform-origin:center;
  3746. font-size:var(--Load-More-Spinner-Size);
  3747. color:var(--Page-Numbers-Color);
  3748. animation:spinner var(--Load-More-Spinner-Speed) linear 0s infinite normal forwards;
  3749. }
  3750.  
  3751. @keyframes spinner {
  3752. from { transform:rotate(0deg) }
  3753. to { transform:rotate(360deg) }
  3754. }
  3755.  
  3756. .page-numbers:not(.iscroll-end) .no-more-posts { display:none }
  3757.  
  3758. /*----- SCREEN CORNER -----*/
  3759. footer.screen-corner {
  3760. position:fixed;
  3761. bottom:0;right:0;
  3762. margin-bottom:var(--Screen-Corner-Offset);
  3763. margin-right:var(--Screen-Corner-Offset);
  3764. display:flex;
  3765. flex-flow:column nowrap;
  3766. gap:var(--Screen-Corner-Items-Spacing);
  3767. z-index:9;
  3768. }
  3769.  
  3770. [sb-shadow="yes"] footer.screen-corner {
  3771. --Sidebar-Shadow-Size:max(0px,calc({select:sidebar shadow size} - 2px));
  3772. gap:calc(var(--Screen-Corner-Items-Spacing) + var(--Sidebar-Shadow-Offset));
  3773. }
  3774.  
  3775. body:has(> .os-scrollbar-vertical.os-scrollbar-visible) footer.screen-corner {
  3776. margin-right:calc(var(--Scrollbar-Total-Size) + var(--Scrollbar-Gutter) + var(--Screen-Corner-Offset));
  3777. }
  3778.  
  3779. body:has(> .os-scrollbar-horizontal.os-scrollbar-visible) footer.screen-corner {
  3780. margin-bottom:calc(var(--Scrollbar-Total-Size) + var(--Scrollbar-Gutter) + var(--Screen-Corner-Offset));
  3781. }
  3782.  
  3783. /*------- TOOLTIPS -------*/
  3784. [data-tippy-root]{
  3785. z-index:100001!important;
  3786. }
  3787.  
  3788. .tippy-box {
  3789. position:relative;
  3790. border:var(--Tooltips-Border-Size) solid var(--Tooltips-Border-Color);
  3791. background:var(--Tooltips-BG);
  3792. border-radius:var(--Tooltips-Rounded-Corners);
  3793. }
  3794.  
  3795. .tippy-box:before {
  3796. content:"";
  3797. position:absolute;
  3798. top:0;left:0;
  3799. margin-top:calc(0px - var(--Tooltips-Border-Size));
  3800. margin-left:calc(0px - var(--Tooltips-Border-Size));
  3801. width:calc(100% + (var(--Tooltips-Border-Size) * 2));
  3802. height:calc(100% + (var(--Tooltips-Border-Size) * 2));
  3803. border:var(--Tooltips-Border-Size) solid var(--Tooltips-Border-Color);
  3804. background:var(--Tooltips-BG);
  3805. border-radius:var(--Tooltips-Rounded-Corners);
  3806. }
  3807.  
  3808. [tt-shad="yes"] .tippy-box:after {
  3809. content:"";
  3810. position:absolute;
  3811. top:0;left:0;
  3812. margin-top:var(--Tooltips-Shadow-Offset);
  3813. margin-left:var(--Tooltips-Shadow-Offset);
  3814. width:calc(100% - var(--Tooltips-Shadow-Offset) + var(--Tooltips-Shadow-Size));
  3815. height:calc(100% - var(--Tooltips-Shadow-Offset) + var(--Tooltips-Shadow-Size));
  3816. background:rgb(from var(--Tooltips-Shadow-Color) r g b / var(--Tooltips-Shadow-Transparency));
  3817. border-radius:var(--Tooltips-Shadow-Rounded-Corners);
  3818. z-index:-1;
  3819. }
  3820.  
  3821. .tippy-content {
  3822. padding:calc(var(--Tooltips-Padding-Y) - (((var(--SmallCaps-Font-Size) * var(--Body-Line-Height)) - var(--SmallCaps-Font-Size)) / 2)) var(--Tooltips-Padding-X);
  3823. color:var(--Tooltips-Text-Color);
  3824. line-height:var(--Body-Line-Height);
  3825. }
  3826.  
  3827. a[aria-label]:not([aria-label=""]) > i[class]:not([class=""]),
  3828. button[aria-label]:not([aria-label=""]) > i[class]:not([class=""]){
  3829. pointer-events:none; /* prevents tooltip flickering */
  3830. }
  3831.  
  3832. /*----- SCROLLBAR ADJUSTMENTS -----*/
  3833. body:has(> .os-scrollbar-vertical.os-scrollbar-visible){
  3834. padding-right:calc(var(--Scrollbar-Total-Size) + var(--Scrollbar-Gutter));
  3835. }
  3836.  
  3837. body:has(> .os-scrollbar-horizontal.os-scrollbar-visible){
  3838. padding-bottom:calc(var(--Scrollbar-Total-Size) + var(--Scrollbar-Gutter));
  3839. }
  3840.  
  3841. /*----- CUSTOMIZE PAGE ADJUSTMENTS -----*/
  3842. html:has(script[src*="assets.tumblr.com/assets/scripts/customize"]):root {
  3843. --Container-Width-Total:calc(var(--Sidebar-Width) + var(--Center-Gap) + var(--Post-Width-Total));
  3844. }
  3845.  
  3846. .comment-header .userpic img[src=""]{ display:none }
  3847.  
  3848. .comment-body p > a.tumblr_blog {
  3849. color:var(--Post-Usernames-Color);
  3850. }
  3851.  
  3852. {CustomCSS}
  3853.  
  3854. </style>
  3855.  
  3856. </head>
  3857.  
  3858. <!--+++++++++++++++++++++++++++++++++++++++++++++++++-->
  3859.  
  3860. <body>
  3861.  
  3862. <!-- tumblr controls -->
  3863. <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>
  3864. <script>
  3865. document.addEventListener("DOMContentLoaded", () => {
  3866. tumblrControls("{color:tumblr controls BG}","{color:tumblr controls text}","{Name}",{block:Posts}{block:PermalinkPage}{block:Date}"{PostID}","{RelativePermalink}"{/block:Date}{/block:PermalinkPage}{/block:Posts})
  3867. })
  3868. </script>
  3869.  
  3870. <div class="bg-pattern" aria-hidden="true" tabindex="-1"></div>
  3871. <div class="bg-img" aria-hidden="true" tabindex="-1"></div>
  3872.  
  3873. <!----- CONTAINER ----->
  3874. <div class="tout">
  3875. <div class="tout-tu" sb-pos="{select:sidebar position}">
  3876.  
  3877. <!----- SIDEBAR ----->
  3878. <aside class="sb">
  3879. <div class="sb-inner">
  3880. <!-- top title (mobile) -->
  3881. <!-- hidden on wide(r) screens -->
  3882. {block:iftoptitle}
  3883. <h1 class="top-title" tt-outline="{select:top title outline},{select:top title outline thickness}" tt-shad="{select:top title shadow}">
  3884. <a href="{BlogURL}"{block:iftoptitlehovertext} aria-label="{text:top title hover text}"{/block:iftoptitlehovertext} class="top-title-blog-link">{text:top title}</a>
  3885. </h1>
  3886. {/block:iftoptitle}
  3887.  
  3888. <!-- sidebar image -->
  3889. <div class="sb-pfp sb-img-{select:show sidebar image}" sb-img-border="{select:sidebar image border}" sb-img-shadow="{select:sidebar image shadow}">
  3890. <div class="sb-pfp-hug pos-{select:sidebar image align}">
  3891. <img src="{image:sidebar image}" alt="{Name}&rsquo;s sidebar icon"{block:ifsidebarimagehovertext} aria-label="{text:sidebar image hover text}"{/block:ifsidebarimagehovertext} crossorigin/>
  3892. </div>
  3893. </div><!--end sb-pfp-->
  3894.  
  3895. <!-- sidebar box 1 -->
  3896. <div class="sb-box desc-box-{select:show desc}">
  3897. <!-- description -->
  3898. <div class="desc txt-align-{select:desc text align} caps-links-{select:desc capitalize links}">
  3899. {block:ifsidebardesc}
  3900. {text:sidebar desc}
  3901. {/block:ifsidebardesc}
  3902.  
  3903. {block:ifnotsidebardesc}
  3904. {block:Description}
  3905. {Description}
  3906. {/block:Description}
  3907. {/block:ifnotsidebardesc}
  3908. </div><!--end desc-->
  3909.  
  3910. <!-- navlinks -->
  3911. {block:ifnavlink1name}
  3912. <nav class="navlinks truncate-links-{select:truncate long navlinks}">
  3913. <ul role="menu">
  3914. <!-- navlink 1 -->
  3915. <li role="presentation">
  3916. <a href="{text:navlink 1 URL}" role="menuitem">
  3917. <span class="nav-ico">
  3918. <i class="mgc_{text:navlink 1 icon}" aria-hidden="true"></i>
  3919. </span>
  3920. <span class="nav-txt">
  3921. <span>{text:navlink 1 name}</span>
  3922. </span>
  3923. </a>
  3924. </li>
  3925.  
  3926. <!-- navlink 2 -->
  3927. {block:ifnavlink2name}
  3928. <li role="presentation">
  3929. <a href="{text:navlink 2 URL}" role="menuitem">
  3930. <span class="nav-ico">
  3931. <i class="mgc_{text:navlink 2 icon}" aria-hidden="true"></i>
  3932. </span>
  3933. <span class="nav-txt">
  3934. <span>{text:navlink 2 name}</span>
  3935. </span>
  3936. </a>
  3937. </li>
  3938. {/block:ifnavlink2name}
  3939.  
  3940. <!-- navlink 3 -->
  3941. {block:ifnavlink3name}
  3942. <li role="presentation">
  3943. <a href="{text:navlink 3 URL}" role="menuitem">
  3944. <span class="nav-ico">
  3945. <i class="mgc_{text:navlink 3 icon}" aria-hidden="true"></i>
  3946. </span>
  3947. <span class="nav-txt">
  3948. <span>{text:navlink 3 name}</span>
  3949. </span>
  3950. </a>
  3951. </li>
  3952. {/block:ifnavlink3name}
  3953.  
  3954. <!-- navlink 4 -->
  3955. {block:ifnavlink4name}
  3956. <li role="presentation">
  3957. <a href="{text:navlink 4 URL}" role="menuitem">
  3958. <span class="nav-ico">
  3959. <i class="mgc_{text:navlink 4 icon}" aria-hidden="true"></i>
  3960. </span>
  3961. <span class="nav-txt">
  3962. <span>{text:navlink 4 name}</span>
  3963. </span>
  3964. </a>
  3965. </li>
  3966. {/block:ifnavlink4name}
  3967.  
  3968. <!-- navlink 5 -->
  3969. {block:ifnavlink5name}
  3970. <li role="presentation">
  3971. <a href="{text:navlink 5 URL}" role="menuitem">
  3972. <span class="nav-ico">
  3973. <i class="mgc_{text:navlink 5 icon}" aria-hidden="true"></i>
  3974. </span>
  3975. <span class="nav-txt">
  3976. <span>{text:navlink 5 name}</span>
  3977. </span>
  3978. </a>
  3979. </li>
  3980. {/block:ifnavlink5name}
  3981.  
  3982. <!-- navlink 6 -->
  3983. {block:ifnavlink6name}
  3984. <li role="presentation">
  3985. <a href="{text:navlink 6 URL}" role="menuitem">
  3986. <span class="nav-ico">
  3987. <i class="mgc_{text:navlink 6 icon}" aria-hidden="true"></i>
  3988. </span>
  3989. <span class="nav-txt">
  3990. <span>{text:navlink 6 name}</span>
  3991. </span>
  3992. </a>
  3993. </li>
  3994. {/block:ifnavlink6name}
  3995.  
  3996. <!-- theme credit link (sidebar) -->
  3997. <!-- pls do not remove! -->
  3998. <li role="presentation" class="sb-crd">
  3999. <a href="//glenthemes.tumblr.com" aria-label="&#x1F424;&ensp;&#xFF62; Reducks &#xFF63;&ensp;by glenthemes" role="menuitem">
  4000. <span class="nav-ico">
  4001. <i class="gt-misc-icons" icon-name="gt-3" aria-hidden="true"></i>
  4002. </span>
  4003. <span class="nav-txt">
  4004. <span>Theme</span>
  4005. </span>
  4006. </a>
  4007. </li>
  4008.  
  4009. <!-- toggle show/hide extra boxes (mobile only) -->
  4010. <!-- hidden on wide(r) screens -->
  4011. <li class="sb-see-more" role="presentation">
  4012. <button class="sb-see-more-btn">
  4013. <span class="nav-ico">
  4014. <i class="sb-label-see-more mgc_down_line" aria-hidden="true"></i>
  4015. <i class="sb-label-see-less mgc_up_line" aria-hidden="true"></i>
  4016. </span>
  4017. <span class="nav-txt">
  4018. <span class="sb-label-see-more">View more info</span>
  4019. <span class="sb-label-see-less">Show less</span>
  4020. </span>
  4021. </button>
  4022. </li>
  4023. </ul>
  4024. </nav><!--end navlinks-->
  4025. {/block:ifnavlink1name}
  4026. </div><!--end sb-box-->
  4027.  
  4028. <!-- sidebar box 2 -->
  4029. {block:ifcustomlink1name}
  4030. <div class="sb-box cl-box-{select:show custom links} sb-extra-box">
  4031. <nav class="custom-links cl-lines-ani-{select:custom links line hover animation}">
  4032. <ul role="menu">
  4033. <li role="presentation">
  4034. <a href="{text:custom link 1 URL}" role="menuitem">
  4035. <span class="cl-img">
  4036. <img src="{image:custom link 1 icon}" alt="">
  4037. </span>
  4038.  
  4039. <span class="cl-text">
  4040. <span>{text:custom link 1 name}</span>
  4041. </span>
  4042. </a>
  4043. </li>
  4044.  
  4045. {block:ifcustomlink2name}
  4046. <li role="presentation">
  4047. <a href="{text:custom link 2 URL}" role="menuitem">
  4048. <span class="cl-img">
  4049. <img src="{image:custom link 2 icon}" alt="">
  4050. </span>
  4051.  
  4052. <span class="cl-text">
  4053. <span>{text:custom link 2 name}</span>
  4054. </span>
  4055. </a>
  4056. </li>
  4057. {/block:ifcustomlink2name}
  4058.  
  4059. {block:ifcustomlink3name}
  4060. <li role="presentation">
  4061. <a href="{text:custom link 3 URL}" role="menuitem">
  4062. <span class="cl-img">
  4063. <img src="{image:custom link 3 icon}" alt="">
  4064. </span>
  4065.  
  4066. <span class="cl-text">
  4067. <span>{text:custom link 3 name}</span>
  4068. </span>
  4069. </a>
  4070. </li>
  4071. {/block:ifcustomlink3name}
  4072.  
  4073. {block:ifcustomlink4name}
  4074. <li role="presentation">
  4075. <a href="{text:custom link 4 URL}" role="menuitem">
  4076. <span class="cl-img">
  4077. <img src="{image:custom link 4 icon}" alt="">
  4078. </span>
  4079.  
  4080. <span class="cl-text">
  4081. <span>{text:custom link 4 name}</span>
  4082. </span>
  4083. </a>
  4084. </li>
  4085. {/block:ifcustomlink4name}
  4086.  
  4087. {block:ifcustomlink5name}
  4088. <li role="presentation">
  4089. <a href="{text:custom link 5 URL}" role="menuitem">
  4090. <span class="cl-img">
  4091. <img src="{image:custom link 5 icon}" alt="">
  4092. </span>
  4093.  
  4094. <span class="cl-text">
  4095. <span>{text:custom link 5 name}</span>
  4096. </span>
  4097. </a>
  4098. </li>
  4099. {/block:ifcustomlink5name}
  4100.  
  4101. {block:ifcustomlink6name}
  4102. <li role="presentation">
  4103. <a href="{text:custom link 6 URL}" role="menuitem">
  4104. <span class="cl-img">
  4105. <img src="{image:custom link 6 icon}" alt="">
  4106. </span>
  4107.  
  4108. <span class="cl-text">
  4109. <span>{text:custom link 6 name}</span>
  4110. </span>
  4111. </a>
  4112. </li>
  4113. {/block:ifcustomlink6name}
  4114.  
  4115. {block:ifcustomlink7name}
  4116. <li role="presentation">
  4117. <a href="{text:custom link 7 URL}" role="menuitem">
  4118. <span class="cl-img">
  4119. <img src="{image:custom link 7 icon}" alt="">
  4120. </span>
  4121.  
  4122. <span class="cl-text">
  4123. <span>{text:custom link 7 name}</span>
  4124. </span>
  4125. </a>
  4126. </li>
  4127. {/block:ifcustomlink7name}
  4128.  
  4129. {block:ifcustomlink8name}
  4130. <li role="presentation">
  4131. <a href="{text:custom link 8 URL}" role="menuitem">
  4132. <span class="cl-img">
  4133. <img src="{image:custom link 8 icon}" alt="">
  4134. </span>
  4135.  
  4136. <span class="cl-text">
  4137. <span>{text:custom link 8 name}</span>
  4138. </span>
  4139. </a>
  4140. </li>
  4141. {/block:ifcustomlink8name}
  4142. </ul>
  4143. </nav><!--end custom-links-->
  4144. </div><!--end sb-box-->
  4145. {/block:ifcustomlink1name}
  4146.  
  4147. <!-- sidebar box 3 -->
  4148. <!-- (searchbar) -->
  4149. <div class="sb-box searchbar-box-{select:show searchbar} sb-extra-box">
  4150. <form class="searchblock" action="/search" method="get">
  4151.  
  4152. <input class="searchbar-field" type="text" name="q" value="{SearchQuery}"{block:ifsearchbarprompttext} placeholder="{text:searchbar prompt text}"{/block:ifsearchbarprompttext} required>
  4153.  
  4154. <div class="searchbar-button">
  4155. <button type="submit">
  4156. <i class="mgc_search_3_line"></i>
  4157. </button>
  4158. </div>
  4159.  
  4160. {block:ifsearchsuggestion1name}
  4161. <div class="search-suggestions-wrapper">
  4162. <div class="search-suggestions">
  4163. <a href="{text:search suggestion 1 URL}">{text:search suggestion 1 name}</a>
  4164.  
  4165. {block:ifsearchsuggestion2name}
  4166. <a href="{text:search suggestion 2 URL}">{text:search suggestion 2 name}</a>
  4167. {/block:ifsearchsuggestion2name}
  4168.  
  4169. {block:ifsearchsuggestion3name}
  4170. <a href="{text:search suggestion 3 URL}">{text:search suggestion 3 name}</a>
  4171. {/block:ifsearchsuggestion3name}
  4172.  
  4173. {block:ifsearchsuggestion4name}
  4174. <a href="{text:search suggestion 4 URL}">{text:search suggestion 4 name}</a>
  4175. {/block:ifsearchsuggestion4name}
  4176.  
  4177. {block:ifsearchsuggestion5name}
  4178. <a href="{text:search suggestion 5 URL}">{text:search suggestion 5 name}</a>
  4179. {/block:ifsearchsuggestion5name}
  4180. </div>
  4181. </div>
  4182. {/block:ifsearchsuggestion1name}
  4183. </form>
  4184. </div><!--end sb-box-->
  4185.  
  4186. <!-- years active + tumblr (desktop) -->
  4187. <!-- not a box but the footer in the sidebar -->
  4188. <footer class="sb-footer sb-footer-{select:show sidebar footer} sb-extra-box">
  4189. <span class="sbf-flex"><i class="mgc_copyright_line"></i><span>{CopyrightYears}</span></span>&emsp13;&middot;&emsp13;{lang:Powered by Tumblr 2}
  4190. </footer>
  4191. </div><!--end sb-inner-->
  4192. </aside><!--end sidebar-->
  4193.  
  4194.  
  4195.  
  4196. <!----- ALL POSTS ----->
  4197. <main>
  4198.  
  4199. <!-- top title (desktop) -->
  4200. {block:iftoptitle}
  4201. <h1 class="top-title" tt-outline="{select:top title outline},{select:top title outline thickness}" tt-shad="{select:top title shadow}">
  4202. <a href="{BlogURL}"{block:iftoptitlehovertext} aria-label="{text:top title hover text}"{/block:iftoptitlehovertext} class="top-title-blog-link">{text:top title}</a>
  4203. </h1>
  4204. {/block:iftoptitle}
  4205.  
  4206. <section class="all-posts">
  4207.  
  4208. <!----- POSTS ----->
  4209. {block:Posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
  4210. <article
  4211. class="posts"
  4212. id="post-{PostID}"
  4213. post-type="{PostType}"
  4214. {block:NotReblog}original-post{/block:NotReblog}
  4215. {block:RebloggedFrom}reblogged-post via-name="{ReblogParentName}" src-name="{ReblogRootName}"{/block:RebloggedFrom}
  4216. username="{block:NotReblog}{Name}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootName}{/block:RebloggedFrom}"
  4217. root-url="{block:NotReblog}{Permalink}{block:NotReblog}{block:RebloggedFrom}{ReblogRootURL}{/block:RebloggedFrom}"
  4218. {block:HasTags}has-tags{/block:HasTags}
  4219. >
  4220.  
  4221. <div class="duckscont" ducks-ani="{select:post header images animation}">
  4222. <div class="ducks-row-outer">
  4223. <div class="ducks-row-inner pos-{select:post header images align}">
  4224. <div class="duck-single" data-duck="1">
  4225. <img src="{image:post header image 1}" crossorigin>
  4226. </div>
  4227.  
  4228. <div class="duck-single" data-duck="2">
  4229. <img src="{image:post header image 2}" crossorigin>
  4230. </div>
  4231.  
  4232. <div class="duck-single" data-duck="3">
  4233. <img src="{image:post header image 3}" crossorigin>
  4234. </div>
  4235.  
  4236. <div class="duck-single" data-duck="4">
  4237. <img src="{image:post header image 4}" crossorigin>
  4238. </div>
  4239.  
  4240. <div class="duck-single" data-duck="5">
  4241. <img src="{image:post header image 5}" crossorigin>
  4242. </div>
  4243.  
  4244. <div class="duck-single" data-duck="6">
  4245. <img src="{image:post header image 6}" crossorigin>
  4246. </div>
  4247.  
  4248. <div class="duck-single" data-duck="7">
  4249. <img src="{image:post header image 7}" crossorigin>
  4250. </div>
  4251.  
  4252. <div class="duck-single" data-duck="8">
  4253. <img src="{image:post header image 8}" crossorigin>
  4254. </div>
  4255. </div><!--end ducks-row-inner-->
  4256. </div><!--end ducks-row-outer-->
  4257. </div><!--end duckscont-->
  4258.  
  4259. <div class="post-outer-1">
  4260. <div class="post-outer-2">
  4261.  
  4262. <div class="waves">
  4263. <div></div>
  4264. </div>
  4265.  
  4266. <div class="post-inner">
  4267.  
  4268. <!----- POST HEADER ----->
  4269. {block:Date}
  4270. {block:PinnedPostLabel}
  4271. <header class="post-header">
  4272. <div class="ph-inner">
  4273. <!-- "pinned post" -->
  4274. <div class="ph-left">
  4275. <{block:IndexPage}a href="{Permalink}"{/block:IndexPage}{block:PermalinkPage}div{/block:PermalinkPage} class="pinned-flex">
  4276. <i class="mageicons" icon-name="pin" stroke="1.75"></i>
  4277. <span>{PinnedPostLabel}</span>
  4278. </{block:IndexPage}a{/block:IndexPage}{block:PermalinkPage}div{/block:PermalinkPage}>
  4279. </div>
  4280.  
  4281. <!-- originally by @name -->
  4282. <div class="ph-right">
  4283. <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>
  4284. </div>
  4285. </div><!--end ph-inner-->
  4286. </header><!--end post-header-->
  4287. {/block:PinnedPostLabel}
  4288. {/block:Date}
  4289.  
  4290. <div class="post-body">
  4291. <div class="post-body-inner">
  4292. <!------ LEGACY TEXT POSTS: TITLE ------>
  4293. {block:Text}
  4294. {block:Title}
  4295. <div class="text-post">
  4296. <h1 class="post-title">{Title}</h1>
  4297. </div>
  4298. {/block:Title}
  4299. {/block:Text}
  4300.  
  4301. <!------ LEGACY PHOTO POSTS: SINGLE ------>
  4302. {block:Photo}
  4303. <div class="photo-post">
  4304. <div class="legacy-photo">
  4305. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" onclick="Tumblr.Lightbox.init([{'width':{PhotoWidth-HighRes},'height':{PhotoHeight-HighRes},'low_res':'{PhotoURL-500}','high_res':'{PhotoURL-HighRes}'}])">
  4306. </div>
  4307. </div>
  4308. {/block:Photo}
  4309.  
  4310. <!------ LEGACY PHOTO POSTS: PHOTOSETS ------>
  4311. {block:Photoset}
  4312. <div class="photoset-post">
  4313. <div class="legacy-photoset" layout="{PhotosetLayout}">
  4314. {block:Photos}
  4315. <img src="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-low-res="{PhotoURL-500}" alt="{PhotoAlt}">
  4316. {/block:Photos}
  4317. </div>
  4318. </div>
  4319. {/block:Photoset}
  4320.  
  4321. <!------ LEGACY QUOTE POSTS ------>
  4322. {block:Quote}
  4323. <div class="quote-post">
  4324. <figure class="quote-set">
  4325. <blockquote>&ldquo;{Quote}&rdquo;</blockquote>
  4326. {block:Source}
  4327. <figcaption>&mdash;&emsp13;{Source}</figcaption>
  4328. {/block:Source}
  4329. </figure>
  4330. </div>
  4331. {/block:Quote}
  4332.  
  4333. <!------ LEGACY LINK POSTS ------>
  4334. {block:Link}
  4335. <div class="link-post">
  4336. <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>
  4337. </div>
  4338. {/block:Link}
  4339.  
  4340. <!------ LEGACY CHAT POSTS ------>
  4341. {block:Chat}
  4342. <div class="chat-post">
  4343. <ul class="chat-wrap">
  4344. {block:Lines}
  4345. <li class="chat-line {Alt}">
  4346. {block:Label}
  4347. <b class="chat-label">{Label}</b>
  4348. {/block:Label}
  4349.  
  4350. <span class="chat-content"> {Line}</span>
  4351. </li>
  4352. {/block:Lines}
  4353. </ul>
  4354. </div>
  4355. {/block:Chat}
  4356.  
  4357. <!------ LEGACY AUDIO POSTS ------>
  4358. {block:Audio}
  4359. <div class="audio-post">
  4360. <div class="legacy-audio">
  4361. {block:AudioPlayer}
  4362. <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>
  4363. {/block:AudioPlayer}
  4364. </div>
  4365. </div>
  4366. {/block:Audio}
  4367.  
  4368. <!------ LEGACY VIDEO POSTS ------>
  4369. {block:Video}
  4370. <div class="video-post">
  4371. <div class="legacy-video">
  4372. {Video-700}
  4373.  
  4374. {block:VideoThumbnail}
  4375. <span class="poster-thumb" url="{VideoThumbnailURL}"></span>
  4376. {/block:VideoThumbnail}
  4377. </div>
  4378. </div>
  4379. {/block:Video}
  4380.  
  4381. <!------ ASK POSTS ------>
  4382. {block:Answer}
  4383. <div class="ask-post">
  4384. <dl class="qa-set">
  4385. <!-- question -->
  4386. <dt class="que-sect">
  4387. <div class="que-flex">
  4388. <img src="{AskerPortraitURL-128}" alt="{PlaintextAsker}&rsquo;s avatar">
  4389. <div class="que-right">
  4390. <p class="ask-head" role="heading" aria-level="6">
  4391. <span data-user="{PlaintextAsker}">{Asker}</span> asked:
  4392. </p>
  4393. <div class="que">{Question}</div>
  4394. </div>
  4395.  
  4396. </div>
  4397. </dt><!--end question-->
  4398.  
  4399. <!-- answer -->
  4400. <dd class="ans-sect">
  4401. <div class="ans-flex">
  4402. <div class="ans-left">
  4403. <p class="ans-head" role="heading" aria-level="6">
  4404. {block:NotReblog}<a href="{Permalink}">{Name}</a>{/block:NotReblog}
  4405. {block:Answerer}<span data-user="{PlaintextAnswerer}">{Answerer}</span>{/block:Answerer}
  4406. answered:
  4407. </p>
  4408. <div class="ans">
  4409. {block:NotReblog}{Replies}{/block:NotReblog}
  4410. {block:Answerer}{Answer}{/block:Answerer}
  4411. </div>
  4412. </div>
  4413. <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}&rsquo;s avatar">
  4414. </div>
  4415. </dd><!--end answer-->
  4416. </dl><!--end q&a-->
  4417. </div>
  4418. {/block:Answer}
  4419.  
  4420. <!----- CAPTIONS / REBLOGS ----->
  4421. {block:NotReblog}
  4422. <div class="comments {PostType}-post-caption legacy-original-caption">
  4423. <div class="comment">
  4424. <div class="comment-body">
  4425. {block:Text}{Body}{/block:Text}
  4426. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  4427. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  4428. {block:Link}{Description}{/block:Link}
  4429. {block:Audio}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  4430. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  4431. {block:ContentSource}
  4432. <p class="content-src">
  4433. ({lang:Source}: <a href="{SourceURL}">{SourceTitle}</a>)
  4434. </p>
  4435. {/block:ContentSource}
  4436. </div>
  4437. </div>
  4438. </div>
  4439. {/block:NotReblog}
  4440.  
  4441. {block:RebloggedFrom}
  4442. <div class="comments {PostType}-post-reblogs">
  4443. {block:Reblogs}
  4444. <div class="comment">
  4445. <div class="comment-header">
  4446. <a class="user-flex" href="{block:IsOriginalEntry}{ReblogRootURL}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Permalink}{/block:IsNotOriginalEntry}">
  4447. <div class="userpic">
  4448. <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}&rsquo;s avatar">
  4449. </div>
  4450.  
  4451. <div class="username">
  4452. <div class="username-inner">
  4453. <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>
  4454. </div>
  4455. </div>
  4456. </a><!--end user-flex-->
  4457. </div><!--end comment-header-->
  4458.  
  4459. <div class="comment-body">
  4460. {Body}
  4461. {block:ContentSource}
  4462. <p class="content-src">
  4463. ({lang:Source}: <a href="{SourceURL}">{SourceTitle}</a>)
  4464. </p>
  4465. {/block:ContentSource}
  4466. </div>
  4467. </div><!--end comment-->
  4468. {/block:Reblogs}
  4469. </div><!--end comments-->
  4470. {/block:RebloggedFrom}
  4471.  
  4472. <!----- TAGS ----->
  4473. {block:HasTags}
  4474. <div class="tagscont" tags-align="{select:tags position}" role="list">
  4475. <div class="tc-inner-1">
  4476. <div class="tc-inner-2">
  4477. {block:Tags}
  4478. <a href="{TagURL}" role="listitem">{Tag}</a>
  4479. {/block:Tags}
  4480. </div>
  4481. </div>
  4482. </div>
  4483. {/block:HasTags}
  4484. </div><!--end post-body-inner-->
  4485. </div><!--end post-body-->
  4486.  
  4487. <!----- POST FOOTER ----->
  4488. {block:Date}
  4489. <footer class="post-footer">
  4490. <!---- PERMALINK + CONTROLS ---->
  4491. <div class="pf-inner">
  4492. <!---- POST INFO (LEFT) ---->
  4493. <div class="post-info-left">
  4494. <!---- PERMALINK / POST DATE ---->
  4495. <{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">
  4496. <time date-group datetime="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}T{24HourWithZero}:{Minutes}">
  4497. <span date-text single-line>
  4498. <span date-text-inner>
  4499. {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}&emsp13;&middot;&emsp13;<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}&emsp13;&middot;&emsp13;{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix} &lsquo;{ShortYear}{/block:PermalinkPage}
  4500. </span>
  4501. </span>
  4502. </time>
  4503. </{block:IndexPage}a{/block:IndexPage}{block:PermalinkPage}div{/block:PermalinkPage}><!--end post-date-->
  4504.  
  4505. <!---- VIA / OG POSTER ---->
  4506. {block:PermalinkPage}
  4507. {block:RebloggedFrom}
  4508. <div class="via-and-op" single-row role="list">
  4509. <i class="mageicons" icon-name="note" stroke="2"></i>
  4510.  
  4511. <!-- via / reblogged from -->
  4512. <div class="via-part" data-via="{ReblogParentName}" role="listitem">
  4513. <span>{lang:Via}: </span>
  4514. <a href="{ReblogParentURL}" aria-label="{PlaintextReblogParentTitle}" data-user="{ReblogParentName}">{ReblogParentName}</a>
  4515. </div>
  4516.  
  4517. <!-- bullet/separator -->
  4518. <div class="via-op-sep">&middot;</div>
  4519.  
  4520. <!-- OG poster -->
  4521. <div class="op-part" data-op="{ReblogRootName}" role="listitem">
  4522. <span>By: </span>
  4523. <a href="{ReblogRootURL}" aria-label="{PlaintextReblogRootTitle}" data-user="{ReblogRootName}">{ReblogRootName}</a>
  4524. </div>
  4525. </div>
  4526. {/block:RebloggedFrom}
  4527. {/block:PermalinkPage}
  4528. </div><!--end post-info-left-->
  4529.  
  4530. <!----- POST CONTROLS ----->
  4531. <div class="post-btns" role="group">
  4532. <!-- show/hide tags btn -->
  4533. {block:HasTags}
  4534. <label for="tags-{PostID}" class="tags-btn">
  4535. <input id="tags-{PostID}" type="checkbox" data-show-tags="{lang:Show} {lang:Tags}" data-hide-tags="{lang:Close} {lang:Tags}"/>
  4536. <i class="mageicons" stroke="2" icon-name="hash"></i>
  4537. </label>
  4538. {/block:HasTags}
  4539.  
  4540. <!-- reblog btn -->
  4541. <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">
  4542. <i class="mageicons" stroke="1.75" icon-name="reload"></i>
  4543. </a>
  4544.  
  4545. <!-- like btn -->
  4546. <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}">
  4547. {LikeButton}
  4548. <i class="mageicons outline-style" stroke="1.75" icon-name="heart"></i>
  4549. <i class="mageicons solid-style" solid icon-name="heart"></i>
  4550. </button>
  4551. </div><!--end post-btns-->
  4552. </div><!--end pf-inner-->
  4553. </footer><!--end post-footer-->
  4554. {/block:Date}
  4555. </div><!--end post-inner-->
  4556. </div><!--end post-outer-1-->
  4557. </div><!--end post-outer-2-->
  4558. </article><!--end posts-->
  4559.  
  4560. <!----- POST NOTES ----->
  4561. {block:PostNotes}
  4562. <article class="post-notes">
  4563. <div class="post-inner">
  4564. <div class="post-body">
  4565. <div class="post-body-inner">
  4566. {block:NoteCount}
  4567. <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>
  4568. {/block:NoteCount}
  4569. {PostNotes}
  4570. </div>
  4571. </div>
  4572. </div>
  4573. </article>
  4574. {/block:PostNotes}
  4575.  
  4576. {/block:Posts}
  4577. </section><!--end all-posts-->
  4578.  
  4579. <!----- PAGE NUMBERS ----->
  4580. {block:Pagination length="5"}
  4581. <section class="page-numbers">
  4582. <div class="post-inner">
  4583. <div class="post-body">
  4584. <div class="post-body-inner">
  4585. <div class="pagi-wrap">
  4586. {block:PreviousPage}
  4587. <a href="{PreviousPage}" class="prev-page" aria-label="{lang:Previous Page}">
  4588. <i class="mageicons" icon-name="chevron-left" stroke="1.75"></i>
  4589. <span aria-hidden="true">{lang:Prev}</span>
  4590. </a>
  4591. {/block:PreviousPage}
  4592.  
  4593. {block:JumpPagination length="5"}
  4594. {block:CurrentPage}
  4595. <span aria-label="You are here (Page {CurrentPage})">
  4596. <i class="mageicons" icon-name="map-marker" stroke="1.75"></i>
  4597. </span>
  4598. {/block:CurrentPage}
  4599.  
  4600. {block:JumpPage}
  4601. <a href="{URL}" aria-label="Go to page {PageNumber}">
  4602. <span class="pagi-num" aria-hidden="true">{PageNumber}</span>
  4603. </a>
  4604. {/block:JumpPage}
  4605. {/block:JumpPagination}
  4606.  
  4607. {block:NextPage}
  4608. <a href="{NextPage}" class="next-page" aria-label="{lang:Next Page}">
  4609. <span aria-hidden="true">{lang:Next}</span>
  4610. <i class="mageicons" icon-name="chevron-right" stroke="1.75"></i>
  4611. </a>
  4612. {/block:NextPage}
  4613. </div><!--pagi-wrap-->
  4614.  
  4615. <div class="spinny">
  4616. <i class="mgc_loading_2_line"></i>
  4617. </div>
  4618.  
  4619. <div class="no-more-posts">
  4620. <span>{lang:No more posts}</span>
  4621. </div>
  4622. </div><!--pbi-->
  4623. </div><!--pb-->
  4624. </div><!--end post-inner-->
  4625. </section><!--end page-numbers-->
  4626. {/block:Pagination}
  4627.  
  4628. <!-- years active + tumblr (mobile) -->
  4629. <!-- hidden on wide(r) screens -->
  4630. <footer class="sb-footer sb-footer-{select:show sidebar footer}">
  4631. <span class="sbf-flex"><i class="mgc_copyright_line"></i><span>{CopyrightYears}</span></span>&emsp13;&middot;&emsp13;{lang:Powered by Tumblr 2}
  4632. </footer>
  4633.  
  4634. </main><!--end main-->
  4635.  
  4636. </div><!--end tout-tu-->
  4637. </div><!--end tout-->
  4638.  
  4639. <!----- SCREEN CORNER ----->
  4640. <footer class="screen-corner">
  4641. <button class="btt-btn btt-{select:back to top button}" aria-label="{lang:Back to top}">
  4642. <i class="mageicons" icon-name="arrow-up" stroke="2"></i>
  4643. </button>
  4644. <div class="bot-crd">
  4645. <!-- theme credit link (corner) -->
  4646. <!-- pls do not remove! -->
  4647. <a href="//glenthemes.tumblr.com" aria-label="&#x1F424;&ensp;&#xFF62; Reducks &#xFF63;&ensp;by glenthemes" role="menuitem">
  4648. <i class="gt-misc-icons" icon-name="gt-3" aria-hidden="true"></i>
  4649. </a>
  4650. </div>
  4651. </footer>
  4652.  
  4653. <!-- ignore this -->
  4654. <div class="full_h" aria-hidden="true" tabindex="-1"></div>
  4655.  
  4656. </body>
  4657. </html>
  4658.  
  4659.  
  4660.  
  4661.  
Add Comment
Please, Sign In to add comment