API tools faq
paste
glenthemes

Theme [40]: Web Zero

glenthemes
Apr 1st, 2025 (edited)
94
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 215.54 KB | None | 0 0
raw download clone embed print report
  1. <!-------------------------------------------------------------------
  2.  
  3. Theme [40]: Web Zero
  4. Made by glenthemes
  5.  
  6. Release date: 2025/04/01
  7. Last updated: 2025/06/11
  8. Updates/changelog: dub.sh/web-zero-updates
  9.  
  10. 「 THEME INFO. 」
  11. ❃ Post: glenthemes.tumblr.com/post/779633084816670720
  12. ❃ Preview: glenthpvs.tumblr.com/web-zero
  13. ❃ Code: glen-themes.gitlab.io/thms/40/web-zero
  14.  
  15. 「 HOW TO USE. 」
  16. dub.sh/web-zero-guide
  17.  
  18. 「 TERMS OF USE. 」
  19. 1) Do not remove the theme credit.
  20. 2) Do not repost/redistribute my themes.
  21. 3) Do not take parts of the code and use it as your own.
  22. 4) Do not use my themes as a base code.
  23. 5) Do not mix my themes together.
  24.  
  25. 「 CREDITS. 」
  26. ᕙ(ಠ∀ಠ)ᕗ～ glencredits.tumblr.com/web-zero
  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. tumblr-controls-color="{select:tumblr controls color}"
  35. bg-size="{select:background image size}"
  36. {block:IndexPage}index-page{/block:IndexPage}
  37. {block:PermalinkPage}permalink-page{/block:PermalinkPage}
  38. {block:Posts}{block:Post1}{block:Date}has-posts{/block:Date}{/block:Post1}{/block:Posts}
  39. icons-style="{select:icons style}"
  40. reblog-borders="{select:reblog dividers}"
  41. font="{select:font}"
  42. heading-font="{select:heading font}"
  43. caps-font="{select:uppercase font}"
  44. desc-font="{select:sidebar desc font}"
  45. links-underline="{select:links underline}"
  46. links-caps="{select:links uppercase}"
  47. links-hover-effect="{select:links hover effect}"
  48. bw-posts="{select:grayscale posts}"
  49. captions-style="{select:captions and reblogs}"
  50. tags-vis="{block:IndexPage}{select:tags}{/block:IndexPage}{block:PermalinkPage}always-show{/block:PermalinkPage}"
  51. blinkies-hover-zoom="{select:blinkies zoom on hover}"
  52. blinkies-draggable="{select:draggable blinkies}"
  53. cursor-sparkles="{select:cursor sparkles}"
  54. data-overlayscrollbars-initialize
  55. >
  56. <head>
  57.  
  58. <!---- BROWSER TAB TITLE ---->
  59. <title>
  60. {Title}
  61. {block:PostSummary} &vellip; {PostSummary}{/block:PostSummary}
  62. {block:TagPage} &vellip; #{Tag}{/block:TagPage}
  63. {block:SearchPage} &vellip;
  64. {lang:Search}: &ldquo;{SearchQuery}&rdquo; &ndash; {lang:SearchResultCount results}{block:NoSearchResults}{lang:No results found}{/block:NoSearchResults}
  65. {/block:SearchPage}
  66. </title>
  67.  
  68. <meta property="og:title" content="
  69. {Title}
  70. {block:PostSummary} &vellip; {PostSummary}{/block:PostSummary}
  71. {block:TagPage} &vellip; #{Tag}{/block:TagPage}
  72. {block:SearchPage} &vellip;
  73. {lang:Search}: &ldquo;{SearchQuery}&rdquo; &ndash; {lang:SearchResultCount results}{block:NoSearchResults}{lang:No results found}{/block:NoSearchResults}
  74. {/block:SearchPage}
  75. ">
  76.  
  77. <!---- FAVICON / BROWSER TAB ICON ---->
  78. <link rel="shortcut icon" href="{Favicon}">
  79. <link rel="apple-touch-icon" href="{Favicon}">
  80. <link rel="apple-touch-icon-precomposed" href="{Favicon}">
  81.  
  82. <!---- DESCRIPTION ---->
  83. <meta name="description" content="{block:Description}{block:IndexPage}{MetaDescription}{/block:IndexPage}{/block:Description}{block:PermalinkPage}{block:PostSummary}{PostSummary}{/block:PostSummary}{/block:PermalinkPage}"/>
  84. <meta property="og:description" content="{block:Description}{block:IndexPage}{MetaDescription}{/block:IndexPage}{/block:Description}{block:PermalinkPage}{block:PostSummary}{PostSummary}{/block:PostSummary}{/block:PermalinkPage}"/>
  85.  
  86. <!---- GENERIC META STUFF ---->
  87. <meta charset="UTF-8">
  88. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  89. <meta property="og:type" content="website">
  90. <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
  91. <meta name="theme-color" content="{AccentColor}">
  92. {block:PermalinkPage}{block:Posts}{block:NotReblog}
  93. <meta name="author" content="{Name}">
  94. {/block:NotReblog}{/block:Posts}{/block:PermalinkPage}
  95.  
  96. <base href="//{Name}.tumblr.com">
  97.  
  98. <!------- FONTS ------->
  99. <script src="//ht-devx.github.io/addGoogleFonts/v2/addGoogleFonts.min.js"></script>
  100. <link rel="preconnect" href="//fonts.googleapis.com">
  101. <link rel="preconnect" href="//fonts.gstatic.com" crossorigin>
  102. <link href="//fonts.googleapis.com/css2?family=New+Rocker:ital,wght@0,400;1,400&family=Space+Grotesk:ital,wght@0,300..700;1,300..700&family=Schibsted+Grotesk:ital,wght@0,400..900;1,400..900&family=Figtree:ital,wght@0,300..900;1,300..900&family=Karla:ital,wght@0,200..800;1,200..800&family=Public+Sans:ital,wght@0,100..900;1,100..900&family=Lexend:ital,wght@0,100..900;1,100..900&family=Geist:ital,wght@0,100..900;1,100..900&family=Geist+Mono:ital,wght@0,100..900;1,100..900&family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&family=Wavefont:wght,ROND,YELA@100,0..100,0&display=swap" rel="stylesheet" crossorigin>
  103. <script>
  104. addGoogleFonts("");
  105. </script>
  106. <style include-fonts>
  107.  
  108. </style>
  109.  
  110. <!------- SCRIPTS ------->
  111. <script src="//glen-iframes.gitlab.io/i/v2/use.min.js"></script>
  112.  
  113. <link href="//static.tumblr.com/gtjt4bo/jUIstwqol/overlayscrollbars_2.7.3.css" rel="stylesheet" crossorigin>
  114. <script src="//static.tumblr.com/gtjt4bo/hp7stwqo5/overlayscrollbars_2.7.3.js"></script>
  115.  
  116. <link href="//glen-npf.gitlab.io/v4-beta/main.min.css" rel="stylesheet" crossorigin>
  117. <script src="//glen-npf.gitlab.io/v4-beta/use.min.js"></script>
  118.  
  119. <script src="//static.tumblr.com/gtjt4bo/X40sl854p/popper-2.11.8.min.js"></script>
  120. <script src="//static.tumblr.com/gtjt4bo/ubOsl854r/tippy-6.3.7.min.js"></script>
  121.  
  122. <link href="//cdn.jsdelivr.net/gh/ht-devx/VIDYO/VIDYO.min.css" rel="stylesheet" crossorigin>
  123. <script src="//cdn.jsdelivr.net/gh/ht-devx/VIDYO/VIDYO.min.js"></script>
  124.  
  125. <script src="//npf-alt-text.gitlab.io/n/main.min.js"></script>
  126. <link href="//npf-alt-text.gitlab.io/n/main.min.css" rel="stylesheet" crossorigin>
  127.  
  128. <script src="//glen-themes.gitlab.io/thms/40/desandro.js"></script>
  129. <link href="//glen-themes.gitlab.io/thms/40/wzi.css" rel="stylesheet" crossorigin>
  130. <link href="//glen-themes.gitlab.io/thms/40/wzf.css" rel="stylesheet" crossorigin>
  131. <script src="//glen-themes.gitlab.io/thms/40/its-april.min.js"></script>
  132. <link href="//glen-themes.gitlab.io/thms/40/im-the-fool.min.css" rel="stylesheet" crossorigin>
  133.  
  134. <!------ CUSTOMIZATION OPTIONS ------>
  135. <!-- DO NOT edit your options here; go back and scroll down -->
  136. {block:Options}
  137.  
  138. <!-- divider: images: general images -->
  139. <meta name="image:&#x1F4F7;&#x2003;&#x1D406;&#x1D404;&#x1D40D;&#x1D404;&#x1D411;&#x1D400;&#x1D40B; &#x1D408;&#x1D40C;&#x1D400;&#x1D406;&#x1D404;&#x1D412;&#x2002;&#x2002;&#x2508;&#x2508;" content="//assets.tumblr.com/images/x.gif">
  140. <meta name="image:background image" content="//64.media.tumblr.com/8036d9d070eb543153919361c65d9d6f/5ef6deb46ee9e07a-7b/s2048x3072/4dcde989b42a8373190c9b48b50d3b25b1f57c75.png">
  141. <meta name="image:lace" content="//64.media.tumblr.com/4f48f2ae22c34f2a6595476a8925c670/tumblr_inline_strsvxIJfR1qf8af3_500.png">
  142.  
  143. <meta name="image:sidebar image" content="//64.media.tumblr.com/e6b8b5314a5fabd2362aa1f34fee0ca7/tumblr_pbxggzwORJ1xvwkewo1_540.gif">
  144. <meta name="image:sidebar image tape" content="//64.media.tumblr.com/de1bfaf56d7aa7d38ed75ad77d891148/tumblr_inline_su13c3faK61qf8af3_500.png">
  145. <meta name="image:corner image" content="//64.media.tumblr.com/3d45092d011c136cfe267ea26e08eb4c/tumblr_inline_str33e2mmg1qf8af3_500.png">
  146.  
  147. <!-- divider: images: blinkie images -->
  148. <meta name="image:&#x1F4F7;&#x2003;&#x1D401;&#x1D40B;&#x1D408;&#x1D40D;&#x1D40A;&#x1D408;&#x1D404; &#x1D408;&#x1D40C;&#x1D400;&#x1D406;&#x1D404;&#x1D412;&#x2002;&#x2002;&#x2508;&#x2508;&#x2508;" content="//assets.tumblr.com/images/x.gif">
  149. <meta name="image:blinkie 1" content="//64.media.tumblr.com/5b8ac7e0ba2aa76b4102ce4743c589a9/tumblr_inline_stxc7rseHL1qf8af3_500.png">
  150. <meta name="image:blinkie 2" content="//64.media.tumblr.com/a87ed677656302919d8e70917f5d3116/068eef31031a1ccf-a2/s250x400/f853105ea031a1b3f5a5564f9ad4ff6dc4caf049.gif">
  151. <meta name="image:blinkie 3" content="//64.media.tumblr.com/bceffd20f8cbf6948186856a375a275d/tumblr_inline_stxca3Rd1N1qf8af3_500.png">
  152. <meta name="image:blinkie 4" content="//64.media.tumblr.com/d1897be174cb7b1dd58e34ee4e572b61/2ed01964368ee3a9-eb/s250x400/05a16824aa475b0e25194f6caeb28f5335079043.gif">
  153. <meta name="image:blinkie 5" content="//64.media.tumblr.com/def9fdfb73038847fce045a253b42504/tumblr_inline_stxcawJ99P1qf8af3_500.png">
  154. <meta name="image:blinkie 6" content="//64.media.tumblr.com/a430e3472b1bfb8d538f09451d80a69b/57afcf8767df6163-3a/s1280x1920/3653e31d77eaeb21e48b05aeb093bf7fd240dc42.gif">
  155. <meta name="image:blinkie 7" content="//64.media.tumblr.com/302bcf26572ee783e7dcfc9124d58a47/03dea6320b0ffd94-36/s100x200/7b9aaf110a517b6a04d43ef3892c85290ee4b820.gif">
  156. <meta name="image:blinkie 8" content="//64.media.tumblr.com/05e810197ae99309f5de40f52f522d60/321aa268678c99b9-fe/s250x400/bc0ecc778cfd2d9b084603fb21ebf6430ff1852e.gif">
  157. <meta name="image:blinkie 9" content="//64.media.tumblr.com/0b10b0706b4639155309668851dcd75b/tumblr_inline_stxcc67KgV1qf8af3_500.png">
  158. <meta name="image:blinkie 10" content="//64.media.tumblr.com/761ecd8a41d135c5c4ea0d165da03e8b/tumblr_inline_stxccxKdu91qf8af3_500.png">
  159. <meta name="image:blinkie 11" content="//64.media.tumblr.com/e7fb86d94a907d2cca8368e61b8075a5/8ccf13a3c7941251-92/s400x600/3117d9ec9168d4021d2f8ae4e49544c095dbcb91.gif">
  160. <meta name="image:blinkie 12" content="//64.media.tumblr.com/689184120cb80df0b5adaa117bb63746/e69ada103ddfcdc2-ed/s250x400/2a9c696451b6bdf13b89414775546191bcdea2eb.gif">
  161. <meta name="image:blinkie 13" content="//64.media.tumblr.com/cf7afc875178a62853e0ee6847577fb3/8f3b966c768a7a38-9d/s100x200/c6da937ca1bd8a359498b7e5043c734fd949a801.gif">
  162. <meta name="image:blinkie 14" content="//64.media.tumblr.com/c94d4f28aa5f97fb10b5ff52bbfa1f01/ad913d8997f91cc3-38/s250x400/379724b659d696b043a1a25261a9690aa669d2d4.gif">
  163. <meta name="image:blinkie 15" content="//64.media.tumblr.com/189f9cbb2263e5f73568186b7d3ff395/c437455119aa39ef-a9/s250x400/88092c4dc6e9d668f5915204a566f35fbbee78d6.gif">
  164. <meta name="image:blinkie 16" content="//64.media.tumblr.com/b391291e46996997a76ad7e8658ad057/tumblr_inline_stxcf4VxWO1qf8af3_500.png">
  165. <meta name="image:blinkie 17" content="//64.media.tumblr.com/9114ccbcb35ad08670aa6cad21bf8c9e/tumblr_inline_stxcgg7Kss1qf8af3_500.gif">
  166. <meta name="image:blinkie 18" content="//64.media.tumblr.com/3cfe78793d752ad4df1000eca8ba4d35/tumblr_inline_stxchaY8Ip1qf8af3_500.png">
  167. <meta name="image:blinkie 19" content="">
  168. <meta name="image:blinkie 20" content="">
  169.  
  170. <!-- divider: colors: colors -->
  171. <meta name="color:&#x1F3A8;&#x2003;&#x1D402;&#x1D40E;&#x1D40B;&#x1D40E;&#x1D411;&#x1D412;&#x2002;&#x2002;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;" content="">
  172.  
  173. <meta name="color:background" content="#fdfdfd">
  174. <meta name="color:cursor sparkles" content="#252525">
  175.  
  176. <!-- divider: colors: top bar -->
  177. <meta name="color:&#x1F3A8;&#x2003;&#x1D413;&#x1D40E;&#x1D40F; &#x1D401;&#x1D400;&#x1D411;&#x2002;&#x2002;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;" content="">
  178.  
  179. <meta name="color:stripes" content="#252525">
  180. <meta name="color:stripes BG" content="#fcfcfc">
  181.  
  182. <!-- divider: colors: primary -->
  183. <meta name="color:&#x1F3A8;&#x2003;&#x1D402;&#x1D40E;&#x1D40B;&#x1D40E;&#x1D411;&#x1D412;: &#x1D40F;&#x1D411;&#x1D408;&#x1D40C;&#x1D400;&#x1D411;&#x1D418;&#x2002;&#x2002;&#x2508;&#x2508;" content="">
  184.  
  185. <meta name="color:primary borders 1" content="#252525">
  186. <meta name="color:primary borders 2" content="#252525">
  187. <meta name="color:primary BG" content="#fff">
  188.  
  189. <!-- divider: colors: secondary -->
  190. <meta name="color:&#x1F3A8;&#x2003;&#x1D402;&#x1D40E;&#x1D40B;&#x1D40E;&#x1D411;&#x1D412;: &#x1D412;&#x1D404;&#x1D402;&#x1D40E;&#x1D40D;&#x1D403;&#x1D400;&#x1D411;&#x1D418;" content="">
  191.  
  192. <meta name="color:secondary borders 1" content="#252525">
  193. <meta name="color:secondary borders 2" content="#fff">
  194. <meta name="color:secondary BG" content="#252525">
  195. <meta name="color:secondary text" content="#fafafa">
  196.  
  197. <!-- divider: colors: posts -->
  198. <meta name="color:&#x1F3A8;&#x2003;&#x1D40F;&#x1D40E;&#x1D412;&#x1D413;&#x1D412;&#x2002;&#x2002;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;" content="">
  199.  
  200. <meta name="color:text" content="#555a68">
  201.  
  202. <meta name="color:headings" content="#404a54">
  203. <meta name="color:bold" content="#3e424c">
  204. <meta name="color:italic" content="#555a68">
  205.  
  206. <meta name="color:links" content="#252525">
  207. <meta name="color:links underline" content="#444444">
  208.  
  209. <meta name="color:blockquote border" content="#aeb0b7">
  210.  
  211. <meta name="color:reblog dividers" content="#f0f0f0">
  212.  
  213. <meta name="color:like button liked" content="#ff7474">
  214.  
  215. <meta name="color:text highlight BG" content="#b4d7ff">
  216. <meta name="color:text highlighted" content="#555a68">
  217.  
  218. <!-- divider: colors: sidebar -->
  219. <meta name="color:&#x1F3A8;&#x2003;&#x1D412;&#x1D408;&#x1D403;&#x1D404;&#x1D401;&#x1D400;&#x1D411;&#x2002;&#x2002;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;" content="">
  220.  
  221. <meta name="color:paint splats" content="#252525">
  222. <meta name="color:sidebar title" content="#fafafa">
  223. <meta name="color:desc text" content="#fafafa">
  224. <meta name="color:desc bold" content="#fcfcfc">
  225. <meta name="color:desc italic" content="#f6f6f6">
  226. <meta name="color:desc links" content="#ffffff">
  227.  
  228. <!-- divider: colors: scrollbar -->
  229. <meta name="color:&#x1F3A8;&#x2003;&#x1D412;&#x1D402;&#x1D411;&#x1D40E;&#x1D40B;&#x1D40B;&#x1D401;&#x1D400;&#x1D411;&#x2002;&#x2002;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;" content="">
  230. <meta name="color:scrollbar border" content="#c3c3c3">
  231. <meta name="color:scrollbar" content="#b2b4bc">
  232. <meta name="color:scrollbar highlight" content="#efefef">
  233. <meta name="color:scrollbar shadow" content="#292929">
  234. <meta name="color:scrollbar hover" content="#cccccc">
  235. <meta name="color:scrollbar pressed" content="#b0b0b0">
  236. <meta name="color:scrollbar track" content="#efefef">
  237.  
  238. <!-- divider: dropdowns: general -->
  239. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D406;&#x1D404;&#x1D40D;&#x1D404;&#x1D411;&#x1D400;&#x1D40B;&#x2002;&#x2002;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;">
  240.  
  241. <!-- tumblr controls -->
  242. <meta name="select:tumblr controls color" title="black" content="black">
  243. <meta name="select:tumblr controls color" title="white" content="white">
  244.  
  245. <!-- background image size -->
  246. <meta name="select:background image size" title="small&#x2009;&#x2F;&#x2009;repeating" content="repeat">
  247. <meta name="select:background image size" title="large&#x2009;&#x2F;&#x2009;full" content="full">
  248.  
  249. <!-- screen gap -->
  250. <meta name="select:screen gap" title="60px" content="60px">
  251. <meta name="select:screen gap" title="30px" content="30px">
  252. <meta name="select:screen gap" title="35px" content="35px">
  253. <meta name="select:screen gap" title="40px" content="40px">
  254. <meta name="select:screen gap" title="45px" content="45px">
  255. <meta name="select:screen gap" title="50px" content="50px">
  256. <meta name="select:screen gap" title="55px" content="55px">
  257. <meta name="select:screen gap" title="65px" content="65px">
  258. <meta name="select:screen gap" title="70px" content="70px">
  259. <meta name="select:screen gap" title="75px" content="75px">
  260. <meta name="select:screen gap" title="80px" content="80px">
  261. <meta name="select:screen gap" title="85px" content="85px">
  262. <meta name="select:screen gap" title="90px" content="90px">
  263. <meta name="select:screen gap" title="95px" content="95px">
  264. <meta name="select:screen gap" title="100px" content="100px">
  265.  
  266. <!-- icons style -->
  267. <meta name="select:icons style" title="fill" content="-fill">
  268. <meta name="select:icons style" title="outline" content="-bold">
  269.  
  270. <!-- cursor sparkles -->
  271. <meta name="select:cursor sparkles" title="show" content="show">
  272. <meta name="select:cursor sparkles" title="hide" content="hide">
  273.  
  274. <!-- scrollbar size -->
  275. <meta name="select:scrollbar size" title="12px" content="12px">
  276. <meta name="select:scrollbar size" title="6px" content="6px">
  277. <meta name="select:scrollbar size" title="8px" content="8px">
  278. <meta name="select:scrollbar size" title="10px" content="10px">
  279. <meta name="select:scrollbar size" title="14px" content="14px">
  280. <meta name="select:scrollbar size" title="16px" content="16px">
  281. <meta name="select:scrollbar size" title="18px" content="18px">
  282.  
  283. <!-- divider: dropdowns: top bar -->
  284. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D413;&#x1D40E;&#x1D40F; &#x1D401;&#x1D400;&#x1D411;&#x2002;&#x2002;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;">
  285.  
  286. <meta name="select:show stripes" title="show" content="show">
  287. <meta name="select:show stripes" title="hide" content="hide">
  288.  
  289. <meta name="select:stripes thickness" title="1px" content="1px">
  290. <meta name="select:stripes thickness" title="2px" content="2px">
  291. <meta name="select:stripes thickness" title="3px" content="3px">
  292.  
  293. <meta name="select:stripes direction" title="diagonal 1" content="-45deg">
  294. <meta name="select:stripes direction" title="diagonal 2" content="45deg">
  295. <meta name="select:stripes direction" title="vertical" content="90deg">
  296. <meta name="select:stripes direction" title="horizontal" content="180deg">
  297.  
  298. <meta name="select:stripes spacing" title="3px" content="5px">
  299. <meta name="select:stripes spacing" title="0.5px" content="2px">
  300. <meta name="select:stripes spacing" title="1px" content="3px">
  301. <meta name="select:stripes spacing" title="2px" content="4px">
  302. <meta name="select:stripes spacing" title="4px" content="6px">
  303. <meta name="select:stripes spacing" title="5px" content="7px">
  304. <meta name="select:stripes spacing" title="6px" content="8px">
  305. <meta name="select:stripes spacing" title="7px" content="9px">
  306. <meta name="select:stripes spacing" title="8px" content="10px">
  307. <meta name="select:stripes spacing" title="9px" content="11px">
  308. <meta name="select:stripes spacing" title="10px" content="12px">
  309.  
  310. <meta name="select:stripes height" title="18px" content="18px">
  311. <meta name="select:stripes height" title="4px" content="4px">
  312. <meta name="select:stripes height" title="6px" content="6px">
  313. <meta name="select:stripes height" title="8px" content="8px">
  314. <meta name="select:stripes height" title="10px" content="10px">
  315. <meta name="select:stripes height" title="12px" content="12px">
  316. <meta name="select:stripes height" title="14px" content="14px">
  317. <meta name="select:stripes height" title="16px" content="16px">
  318. <meta name="select:stripes height" title="20px" content="20px">
  319. <meta name="select:stripes height" title="22px" content="22px">
  320. <meta name="select:stripes height" title="24px" content="24px">
  321. <meta name="select:stripes height" title="26px" content="26px">
  322. <meta name="select:stripes height" title="28px" content="28px">
  323. <meta name="select:stripes height" title="30px" content="30px">
  324.  
  325. <meta name="select:show stripes underline" title="show" content="show">
  326. <meta name="select:show stripes underline" title="hide" content="hide">
  327.  
  328. <meta name="select:stripes underline size" title="1px" content="1px">
  329. <meta name="select:stripes underline size" title="1.5px" content="1.5px">
  330. <meta name="select:stripes underline size" title="2px" content="2px">
  331. <meta name="select:stripes underline size" title="2.5px" content="2.5px">
  332. <meta name="select:stripes underline size" title="3px" content="3px">
  333.  
  334. <meta name="select:stripes underline style" title="dotted" content="dotted">
  335. <meta name="select:stripes underline style" title="solid" content="solid">
  336. <meta name="select:stripes underline style" title="dashed" content="dashed">
  337.  
  338. <meta name="select:show lace" title="show" content="show">
  339. <meta name="select:show lace" title="hide" content="hide">
  340.  
  341. <meta name="select:lace alignment" title="top" content="top">
  342. <meta name="select:lace alignment" title="middle" content="middle">
  343.  
  344. <meta name="select:lace height" title="34px" content="34px">
  345. <meta name="select:lace height" title="18px" content="18px">
  346. <meta name="select:lace height" title="22px" content="22px">
  347. <meta name="select:lace height" title="26px" content="26px">
  348. <meta name="select:lace height" title="30px" content="30px">
  349. <meta name="select:lace height" title="38px" content="38px">
  350. <meta name="select:lace height" title="42px" content="42px">
  351. <meta name="select:lace height" title="46px" content="46px">
  352. <meta name="select:lace height" title="50px" content="50px">
  353. <meta name="select:lace height" title="54px" content="54px">
  354.  
  355. <!-- divider: dropdowns: borders: primary -->
  356. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D401;&#x1D40E;&#x1D411;&#x1D403;&#x1D404;&#x1D411;&#x1D412;: &#x1D40F;&#x1D411;&#x1D408;&#x1D40C;&#x1D400;&#x1D411;&#x1D418;">
  357.  
  358. <meta name="select:primary borders 1 size" title="5px" content="5px">
  359. <meta name="select:primary borders 1 size" title="3px" content="3px">
  360. <meta name="select:primary borders 1 size" title="4px" content="4px">
  361. <meta name="select:primary borders 1 size" title="6px" content="6px">
  362.  
  363. <meta name="select:primary borders 2 size" title="1px" content="1px">
  364. <meta name="select:primary borders 2 size" title="0.5px" content="0.5px">
  365. <meta name="select:primary borders 2 size" title="1.5px" content="1.5px">
  366. <meta name="select:primary borders 2 size" title="2px" content="2px">
  367. <meta name="select:primary borders 2 size" title="2.5px" content="2.5px">
  368.  
  369. <meta name="select:primary borders 2 dots spacing" title="x2" content="2">
  370. <meta name="select:primary borders 2 dots spacing" title="x1" content="1">
  371. <meta name="select:primary borders 2 dots spacing" title="x1.5" content="1.5">
  372. <meta name="select:primary borders 2 dots spacing" title="x2.5" content="2.5">
  373. <meta name="select:primary borders 2 dots spacing" title="x3" content="3">
  374. <meta name="select:primary borders 2 dots spacing" title="x3.5" content="3.5">
  375. <meta name="select:primary borders 2 dots spacing" title="x4" content="4">
  376. <meta name="select:primary borders 2 dots spacing" title="x4.5" content="4.5">
  377. <meta name="select:primary borders 2 dots spacing" title="x5" content="5">
  378. <meta name="select:primary borders 2 dots spacing" title="x5.5" content="5.5">
  379.  
  380. <!-- post border spacing -->
  381. <!-- (gap between outer & inner borders) -->
  382. <meta name="select:borders spacing" title="8px" content="8px">
  383. <meta name="select:borders spacing" title="4px" content="4px">
  384. <meta name="select:borders spacing" title="10px" content="10px">
  385. <meta name="select:borders spacing" title="12px" content="12px">
  386. <meta name="select:borders spacing" title="14px" content="14px">
  387. <meta name="select:borders spacing" title="16px" content="16px">
  388. <meta name="select:borders spacing" title="18px" content="18px">
  389. <meta name="select:borders spacing" title="20px" content="20px">
  390.  
  391. <!-- divider: dropdowns: borders: secondary -->
  392. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D401;&#x1D40E;&#x1D411;&#x1D403;&#x1D404;&#x1D411;&#x1D412;: &#x1D412;&#x1D404;&#x1D402;&#x1D40E;&#x1D40D;&#x1D403;&#x1D400;&#x1D411;&#x1D418;">
  393.  
  394. <meta name="select:secondary borders 1 size" title="1px" content="1px">
  395. <meta name="select:secondary borders 1 size" title="0.5px" content="0.5px">
  396. <meta name="select:secondary borders 1 size" title="1.5px" content="1.5px">
  397. <meta name="select:secondary borders 1 size" title="2px" content="2px">
  398. <meta name="select:secondary borders 1 size" title="2.5px" content="2.5px">
  399. <meta name="select:secondary borders 1 size" title="3px" content="3px">
  400.  
  401. <meta name="select:secondary borders 1 dots spacing" title="x2" content="2">
  402. <meta name="select:secondary borders 1 dots spacing" title="x1" content="1">
  403. <meta name="select:secondary borders 1 dots spacing" title="x1.5" content="1.5">
  404. <meta name="select:secondary borders 1 dots spacing" title="x2.5" content="2.5">
  405. <meta name="select:secondary borders 1 dots spacing" title="x3" content="3">
  406. <meta name="select:secondary borders 1 dots spacing" title="x3.5" content="3.5">
  407. <meta name="select:secondary borders 1 dots spacing" title="x4" content="4">
  408. <meta name="select:secondary borders 1 dots spacing" title="x4.5" content="4.5">
  409. <meta name="select:secondary borders 1 dots spacing" title="x5" content="5">
  410. <meta name="select:secondary borders 1 dots spacing" title="x5.5" content="5.5">
  411.  
  412. <meta name="select:secondary borders 2 size" title="1px" content="1px">
  413. <meta name="select:secondary borders 2 size" title="0.5px" content="0.5px">
  414. <meta name="select:secondary borders 2 size" title="1.5px" content="1.5px">
  415. <meta name="select:secondary borders 2 size" title="2px" content="2px">
  416. <meta name="select:secondary borders 2 size" title="2.5px" content="2.5px">
  417. <meta name="select:secondary borders 2 size" title="3px" content="3px">
  418.  
  419. <meta name="select:secondary borders 2 dots spacing" title="x1" content="1">
  420. <meta name="select:secondary borders 2 dots spacing" title="x1.5" content="1.5">
  421. <meta name="select:secondary borders 2 dots spacing" title="x2" content="2">
  422. <meta name="select:secondary borders 2 dots spacing" title="x2.5" content="2.5">
  423. <meta name="select:secondary borders 2 dots spacing" title="x3" content="3">
  424. <meta name="select:secondary borders 2 dots spacing" title="x3.5" content="3.5">
  425. <meta name="select:secondary borders 2 dots spacing" title="x4" content="4">
  426. <meta name="select:secondary borders 2 dots spacing" title="x4.5" content="4.5">
  427. <meta name="select:secondary borders 2 dots spacing" title="x5" content="5">
  428. <meta name="select:secondary borders 2 dots spacing" title="x5.5" content="5.5">
  429.  
  430. <!-- divider: dropdowns: blinkies -->
  431. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D401;&#x1D40B;&#x1D408;&#x1D40D;&#x1D40A;&#x1D408;&#x1D404;&#x1D412;&#x2002;&#x2002;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;">
  432.  
  433. <meta name="select:blinkies wall align" title="middle" content="middle">
  434. <meta name="select:blinkies wall align" title="top" content="top">
  435. <meta name="select:blinkies wall align" title="bottom" content="bottom">
  436.  
  437. <meta name="select:blinkies max width" title="150px" content="150px">
  438. <meta name="select:blinkies max width" title="100px" content="100px">
  439. <meta name="select:blinkies max width" title="125px" content="125px">
  440. <meta name="select:blinkies max width" title="175px" content="175px">
  441. <meta name="select:blinkies max width" title="200px" content="200px">
  442.  
  443. <meta name="select:blinkies max height" title="150px" content="150px">
  444. <meta name="select:blinkies max height" title="100px" content="100px">
  445. <meta name="select:blinkies max height" title="125px" content="125px">
  446. <meta name="select:blinkies max height" title="175px" content="175px">
  447. <meta name="select:blinkies max height" title="200px" content="200px">
  448.  
  449. <meta name="select:blinkies zoom on hover" title="yes" content="yes">
  450. <meta name="select:blinkies zoom on hover" title="no" content="no">
  451.  
  452. <meta name="select:draggable blinkies" title="yes" content="yes">
  453. <meta name="select:draggable blinkies" title="no" content="no">
  454.  
  455. <meta name="select:blinkies spacing" title="8px" content="8px">
  456. <meta name="select:blinkies spacing" title="4px" content="4px">
  457. <meta name="select:blinkies spacing" title="12px" content="12px">
  458. <meta name="select:blinkies spacing" title="16px" content="16px">
  459. <meta name="select:blinkies spacing" title="20px" content="20px">
  460.  
  461. <!-- divider: dropdowns: fonts -->
  462. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D405;&#x1D40E;&#x1D40D;&#x1D413;&#x1D412;&#x2002;&#x2002;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;">
  463.  
  464. <!-- body font -->
  465. <meta name="select:font" title="Schibsted Grotesk" content="Schibsted Grotesk">
  466. <meta name="select:font" title="Space Grotesk" content="Space Grotesk">
  467. <meta name="select:font" title="Velvelyne" content="Velvelyne">
  468. <meta name="select:font" title="Public Sans" content="Public Sans">
  469. <meta name="select:font" title="Karla" content="Karla">
  470. <meta name="select:font" title="Geist" content="Geist">
  471. <meta name="select:font" title="Departure Mono" content="Departure Mono">
  472.  
  473. <!-- heading font -->
  474. <meta name="select:heading font" title="New Rocker" content="New Rocker">
  475. <meta name="select:heading font" title="Departure Mono" content="Departure Mono">
  476. <meta name="select:heading font" title="Courier Prime" content="Courier Prime">
  477. <meta name="select:heading font" title="Input Sans Narrow" content="Input Sans Narrow">
  478. <meta name="select:heading font" title="Input Serif Narrow" content="Input Serif Narrow">
  479. <meta name="select:heading font" title="Lexend" content="Lexend">
  480.  
  481. <!-- uppercase font -->
  482. <meta name="select:uppercase font" title="Input Serif Narrow" content="Input Serif Narrow">
  483. <meta name="select:uppercase font" title="Input Sans Narrow" content="Input Sans Narrow">
  484. <meta name="select:uppercase font" title="Figtree" content="Figtree">
  485. <meta name="select:uppercase font" title="Public Sans" content="Public Sans">
  486. <meta name="select:uppercase font" title="Karla" content="Karla">
  487.  
  488. <!-- font size -->
  489. <meta name="select:font size" title="14px" content="0.85rem">
  490. <meta name="select:font size" title="12px" content="0.75rem">
  491. <meta name="select:font size" title="13px" content="0.8rem">
  492. <meta name="select:font size" title="15px" content="0.9rem">
  493. <meta name="select:font size" title="16px" content="0.95rem">
  494. <meta name="select:font size" title="17px" content="1rem">
  495.  
  496. <!-- divider: dropdowns: links -->
  497. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D40B;&#x1D408;&#x1D40D;&#x1D40A;&#x1D412;&#x2002;&#x2002;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;">
  498.  
  499. <!-- links underline style -->
  500. <meta name="select:links underline" title="yes" content="yes">
  501. <meta name="select:links underline" title="no" content="no">
  502.  
  503. <!-- capitalize links -->
  504. <meta name="select:links uppercase" title="yes" content="yes">
  505. <meta name="select:links uppercase" title="no" content="no">
  506.  
  507. <!-- links hover effect -->
  508. <meta name="select:links hover effect" title="yes" content="yes">
  509. <meta name="select:links hover effect" title="no" content="no">
  510.  
  511. <!-- divider: dropdowns: posts -->
  512. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D40F;&#x1D40E;&#x1D412;&#x1D413;&#x1D412;&#x2002;&#x2002;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;">
  513.  
  514. <meta name="select:post side gaps" title="55px" content="55px">
  515. <meta name="select:post side gaps" title="30px" content="30px">
  516. <meta name="select:post side gaps" title="35px" content="35px">
  517. <meta name="select:post side gaps" title="40px" content="40px">
  518. <meta name="select:post side gaps" title="45px" content="45px">
  519. <meta name="select:post side gaps" title="50px" content="50px">
  520. <meta name="select:post side gaps" title="60px" content="60px">
  521. <meta name="select:post side gaps" title="65px" content="65px">
  522. <meta name="select:post side gaps" title="70px" content="70px">
  523. <meta name="select:post side gaps" title="75px" content="75px">
  524. <meta name="select:post side gaps" title="80px" content="80px">
  525. <meta name="select:post side gaps" title="85px" content="85px">
  526. <meta name="select:post side gaps" title="90px" content="90px">
  527. <meta name="select:post side gaps" title="95px" content="95px">
  528. <meta name="select:post side gaps" title="100px" content="100px">
  529. <meta name="select:post side gaps" title="105px" content="105px">
  530. <meta name="select:post side gaps" title="110px" content="110px">
  531.  
  532. <meta name="select:post width" title="400px" content="400px">
  533. <meta name="select:post width" title="300px" content="300px">
  534. <meta name="select:post width" title="325px" content="325px">
  535. <meta name="select:post width" title="350px" content="350px">
  536. <meta name="select:post width" title="375px" content="375px">
  537. <meta name="select:post width" title="425px" content="425px">
  538. <meta name="select:post width" title="450px" content="450px">
  539. <meta name="select:post width" title="475px" content="475px">
  540. <meta name="select:post width" title="500px" content="500px">
  541. <meta name="select:post width" title="540px" content="540px">
  542. <meta name="select:post width" title="600px" content="600px">
  543. <meta name="select:post width" title="650px" content="650px">
  544. <meta name="select:post width" title="700px" content="700px">
  545.  
  546. <meta name="select:post padding" title="12px" content="12px">
  547. <meta name="select:post padding" title="10px" content="10px">
  548. <meta name="select:post padding" title="14px" content="14px">
  549. <meta name="select:post padding" title="16px" content="16px">
  550. <meta name="select:post padding" title="18px" content="18px">
  551. <meta name="select:post padding" title="20px" content="20px">
  552. <meta name="select:post padding" title="22px" content="22px">
  553. <meta name="select:post padding" title="24px" content="24px">
  554.  
  555. <meta name="select:captions and reblogs" title="old" content="old">
  556. <meta name="select:captions and reblogs" title="new" content="new">
  557.  
  558. <meta name="select:blockquote border style" title="dashed" content="dashed">
  559. <meta name="select:blockquote border style" title="solid" content="solid">
  560. <meta name="select:blockquote border style" title="dotted" content="dotted">
  561.  
  562. <meta name="select:reblog dividers" title="yes" content="yes">
  563. <meta name="select:reblog dividers" title="no" content="no">
  564.  
  565. <meta name="select:grayscale posts" title="yes" content="yes">
  566. <meta name="select:grayscale posts" title="no" content="no">
  567.  
  568. <meta name="select:post spacing" title="45px" content="45px">
  569. <meta name="select:post spacing" title="30px" content="30px">
  570. <meta name="select:post spacing" title="35px" content="35px">
  571. <meta name="select:post spacing" title="40px" content="40px">
  572. <meta name="select:post spacing" title="50px" content="50px">
  573. <meta name="select:post spacing" title="55px" content="55px">
  574. <meta name="select:post spacing" title="60px" content="60px">
  575. <meta name="select:post spacing" title="65px" content="65px">
  576. <meta name="select:post spacing" title="70px" content="70px">
  577. <meta name="select:post spacing" title="75px" content="75px">
  578. <meta name="select:post spacing" title="80px" content="80px">
  579.  
  580. <meta name="select:photos spacing" title="10px" content="10px">
  581. <meta name="select:photos spacing" title="0px" content="0px">
  582. <meta name="select:photos spacing" title="2px" content="2px">
  583. <meta name="select:photos spacing" title="4px" content="4px">
  584. <meta name="select:photos spacing" title="6px" content="6px">
  585. <meta name="select:photos spacing" title="8px" content="8px">
  586.  
  587. <!-- divider: dropdowns: tags -->
  588. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D413;&#x1D400;&#x1D406;&#x1D412;&#x2002;&#x2002;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;">
  589.  
  590. <meta name="select:tags position" title="right" content="right">
  591. <meta name="select:tags position" title="left" content="left">
  592.  
  593. <meta name="select:tags" title="toggle" content="toggle">
  594. <meta name="select:tags" title="always show" content="always-show">
  595. <meta name="select:tags" title="toggle + fade" content="toggle-fade">
  596.  
  597. <!-- divider: dropdowns: sidebar -->
  598. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D412;&#x1D408;&#x1D403;&#x1D404;&#x1D401;&#x1D400;&#x1D411;&#x2002;&#x2002;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;">
  599. <meta name="select:sidebar align" title="top" content="top">
  600. <meta name="select:sidebar align" title="middle" content="middle">
  601.  
  602. <!-- divider: dropdowns: sidebar image -->
  603. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D412;&#x1D408;&#x1D403;&#x1D404;&#x1D401;&#x1D400;&#x1D411; &#x1D408;&#x1D40C;&#x1D400;&#x1D406;&#x1D404;&#x2002;&#x2002;&#x2508;&#x2508;&#x2508;">
  604.  
  605. <meta name="select:sidebar image width" title="280px" content="280px">
  606. <meta name="select:sidebar image width" title="200px" content="200px">
  607. <meta name="select:sidebar image width" title="210px" content="210px">
  608. <meta name="select:sidebar image width" title="220px" content="220px">
  609. <meta name="select:sidebar image width" title="230px" content="230px">
  610. <meta name="select:sidebar image width" title="240px" content="240px">
  611. <meta name="select:sidebar image width" title="250px" content="250px">
  612. <meta name="select:sidebar image width" title="260px" content="260px">
  613. <meta name="select:sidebar image width" title="270px" content="270px">
  614. <meta name="select:sidebar image width" title="290px" content="290px">
  615. <meta name="select:sidebar image width" title="300px" content="300px">
  616. <meta name="select:sidebar image width" title="310px" content="310px">
  617. <meta name="select:sidebar image width" title="320px" content="320px">
  618. <meta name="select:sidebar image width" title="330px" content="330px">
  619. <meta name="select:sidebar image width" title="340px" content="340px">
  620. <meta name="select:sidebar image width" title="350px" content="350px">
  621.  
  622. <meta name="select:show tape" title="show" content="show">
  623. <meta name="select:show tape" title="hide" content="hide">
  624.  
  625. <meta name="select:sidebar image tape texture" title="yes" content="yes">
  626. <meta name="select:sidebar image tape texture" title="no" content="no">
  627.  
  628. <meta name="select:sidebar image tape size" title="160px" content="160px">
  629. <meta name="select:sidebar image tape size" title="80px" content="80px">
  630. <meta name="select:sidebar image tape size" title="90px" content="90px">
  631. <meta name="select:sidebar image tape size" title="100px" content="100px">
  632. <meta name="select:sidebar image tape size" title="110px" content="110px">
  633. <meta name="select:sidebar image tape size" title="120px" content="120px">
  634. <meta name="select:sidebar image tape size" title="130px" content="130px">
  635. <meta name="select:sidebar image tape size" title="140px" content="140px">
  636. <meta name="select:sidebar image tape size" title="150px" content="150px">
  637. <meta name="select:sidebar image tape size" title="150px" content="150px">
  638. <meta name="select:sidebar image tape size" title="170px" content="170px">
  639. <meta name="select:sidebar image tape size" title="180px" content="180px">
  640. <meta name="select:sidebar image tape size" title="190px" content="190px">
  641. <meta name="select:sidebar image tape size" title="200px" content="200px">
  642.  
  643. <meta name="select:sidebar image tape rotate" title="-25&#xB0;" content="-25deg">
  644. <meta name="select:sidebar image tape rotate" title="-45&#xB0;" content="-45deg">
  645. <meta name="select:sidebar image tape rotate" title="-40&#xB0;" content="-40deg">
  646. <meta name="select:sidebar image tape rotate" title="-35&#xB0;" content="-35deg">
  647. <meta name="select:sidebar image tape rotate" title="-30&#xB0;" content="-30deg">
  648. <meta name="select:sidebar image tape rotate" title="-20&#xB0;" content="-20deg">
  649. <meta name="select:sidebar image tape rotate" title="-15&#xB0;" content="-15deg">
  650. <meta name="select:sidebar image tape rotate" title="-10&#xB0;" content="-10deg">
  651. <meta name="select:sidebar image tape rotate" title="-5&#xB0;" content="-5deg">
  652. <meta name="select:sidebar image tape rotate" title="0&#xB0;" content="0deg">
  653. <meta name="select:sidebar image tape rotate" title="5&#xB0;" content="5deg">
  654. <meta name="select:sidebar image tape rotate" title="10&#xB0;" content="10deg">
  655. <meta name="select:sidebar image tape rotate" title="15&#xB0;" content="15deg">
  656. <meta name="select:sidebar image tape rotate" title="20&#xB0;" content="20deg">
  657. <meta name="select:sidebar image tape rotate" title="25&#xB0;" content="25deg">
  658. <meta name="select:sidebar image tape rotate" title="30&#xB0;" content="30deg">
  659. <meta name="select:sidebar image tape rotate" title="35&#xB0;" content="35deg">
  660. <meta name="select:sidebar image tape rotate" title="40&#xB0;" content="40deg">
  661. <meta name="select:sidebar image tape rotate" title="45&#xB0;" content="45deg">
  662.  
  663. <meta name="select:sidebar image tape move X direction" title="right" content="1">
  664. <meta name="select:sidebar image tape move X direction" title="left" content="-1">
  665.  
  666. <meta name="select:sidebar image tape move X" title="16px" content="16px">
  667. <meta name="select:sidebar image tape move X" title="0px" content="0px">
  668. <meta name="select:sidebar image tape move X" title="4px" content="4px">
  669. <meta name="select:sidebar image tape move X" title="8px" content="8px">
  670. <meta name="select:sidebar image tape move X" title="12px" content="12px">
  671. <meta name="select:sidebar image tape move X" title="20px" content="20px">
  672. <meta name="select:sidebar image tape move X" title="24px" content="24px">
  673. <meta name="select:sidebar image tape move X" title="28px" content="28px">
  674. <meta name="select:sidebar image tape move X" title="32px" content="32px">
  675. <meta name="select:sidebar image tape move X" title="36px" content="36px">
  676. <meta name="select:sidebar image tape move X" title="40px" content="40px">
  677. <meta name="select:sidebar image tape move X" title="44px" content="44px">
  678. <meta name="select:sidebar image tape move X" title="48px" content="48px">
  679. <meta name="select:sidebar image tape move X" title="52px" content="52px">
  680.  
  681. <meta name="select:sidebar image tape move Y direction" title="down" content="1">
  682. <meta name="select:sidebar image tape move Y direction" title="up" content="-1">
  683.  
  684. <meta name="select:sidebar image tape move Y" title="0px" content="0px">
  685. <meta name="select:sidebar image tape move Y" title="4px" content="4px">
  686. <meta name="select:sidebar image tape move Y" title="8px" content="8px">
  687. <meta name="select:sidebar image tape move Y" title="12px" content="12px">
  688. <meta name="select:sidebar image tape move Y" title="16px" content="16px">
  689. <meta name="select:sidebar image tape move Y" title="20px" content="20px">
  690. <meta name="select:sidebar image tape move Y" title="24px" content="24px">
  691. <meta name="select:sidebar image tape move Y" title="28px" content="28px">
  692. <meta name="select:sidebar image tape move Y" title="32px" content="32px">
  693. <meta name="select:sidebar image tape move Y" title="36px" content="36px">
  694. <meta name="select:sidebar image tape move Y" title="40px" content="40px">
  695. <meta name="select:sidebar image tape move Y" title="44px" content="44px">
  696. <meta name="select:sidebar image tape move Y" title="48px" content="48px">
  697. <meta name="select:sidebar image tape move Y" title="52px" content="52px">
  698.  
  699. <meta name="select:sidebar image shadow offset" title="8px" content="8px">
  700. <meta name="select:sidebar image shadow offset" title="2px" content="2px">
  701. <meta name="select:sidebar image shadow offset" title="4px" content="4px">
  702. <meta name="select:sidebar image shadow offset" title="6px" content="6px">
  703. <meta name="select:sidebar image shadow offset" title="10px" content="10px">
  704. <meta name="select:sidebar image shadow offset" title="12px" content="12px">
  705. <meta name="select:sidebar image shadow offset" title="14px" content="14px">
  706. <meta name="select:sidebar image shadow offset" title="16px" content="16px">
  707. <meta name="select:sidebar image shadow offset" title="18px" content="18px">
  708. <meta name="select:sidebar image shadow offset" title="20px" content="20px">
  709.  
  710. <meta name="select:show paint splats" title="show" content="show">
  711. <meta name="select:show paint splats" title="hide" content="hide">
  712.  
  713. <meta name="select:paint splat top size" title="220px" content="220px">
  714. <meta name="select:paint splat top size" title="160px" content="160px">
  715. <meta name="select:paint splat top size" title="180px" content="180px">
  716. <meta name="select:paint splat top size" title="200px" content="200px">
  717. <meta name="select:paint splat top size" title="240px" content="240px">
  718. <meta name="select:paint splat top size" title="260px" content="260px">
  719. <meta name="select:paint splat top size" title="280px" content="280px">
  720. <meta name="select:paint splat top size" title="300px" content="300px">
  721.  
  722. <meta name="select:paint splat bottom size" title="200px" content="200px">
  723. <meta name="select:paint splat bottom size" title="160px" content="160px">
  724. <meta name="select:paint splat bottom size" title="180px" content="180px">
  725. <meta name="select:paint splat bottom size" title="220px" content="220px">
  726. <meta name="select:paint splat bottom size" title="240px" content="240px">
  727. <meta name="select:paint splat bottom size" title="260px" content="260px">
  728. <meta name="select:paint splat bottom size" title="280px" content="280px">
  729. <meta name="select:paint splat bottom size" title="300px" content="300px">
  730.  
  731. <!-- divider: dropdowns: sidebar title -->
  732. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D412;&#x1D408;&#x1D403;&#x1D404;&#x1D401;&#x1D400;&#x1D411; &#x1D413;&#x1D408;&#x1D413;&#x1D40B;&#x1D404;&#x2002;&#x2002;&#x2508;&#x2508;&#x2508;&#x2508;">
  733.  
  734. <meta name="select:show sidebar title" title="show" content="show">
  735. <meta name="select:show sidebar title" title="hide" content="hide">
  736.  
  737. <meta name="select:sidebar title top gap" title="10px" content="10px">
  738. <meta name="select:sidebar title top gap" title="0px" content="0px">
  739. <meta name="select:sidebar title top gap" title="2px" content="2px">
  740. <meta name="select:sidebar title top gap" title="4px" content="4px">
  741. <meta name="select:sidebar title top gap" title="6px" content="6px">
  742. <meta name="select:sidebar title top gap" title="8px" content="8px">
  743. <meta name="select:sidebar title top gap" title="12px" content="12px">
  744. <meta name="select:sidebar title top gap" title="14px" content="14px">
  745. <meta name="select:sidebar title top gap" title="16px" content="16px">
  746. <meta name="select:sidebar title top gap" title="18px" content="18px">
  747. <meta name="select:sidebar title top gap" title="20px" content="20px">
  748.  
  749. <meta name="select:sidebar title size" title="15px" content="0.75rem">
  750. <meta name="select:sidebar title size" title="14px" content="0.7rem">
  751. <meta name="select:sidebar title size" title="16px" content="0.8rem">
  752. <meta name="select:sidebar title size" title="17px" content="0.85rem">
  753. <meta name="select:sidebar title size" title="18px" content="0.9rem">
  754. <meta name="select:sidebar title size" title="19px" content="0.95rem">
  755. <meta name="select:sidebar title size" title="20px" content="1rem">
  756.  
  757. <!-- divider: dropdowns: sidebar desc -->
  758. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D412;&#x1D408;&#x1D403;&#x1D404;&#x1D401;&#x1D400;&#x1D411; &#x1D403;&#x1D404;&#x1D412;&#x1D402;&#x2002;&#x2002;&#x2508;&#x2508;&#x2508;&#x2508;">
  759.  
  760. <meta name="select:show sidebar desc" title="show" content="show">
  761. <meta name="select:show sidebar desc" title="hide" content="hide">
  762.  
  763. <meta name="select:sidebar desc top gap" title="6px" content="6px">
  764. <meta name="select:sidebar desc top gap" title="2px" content="2px">
  765. <meta name="select:sidebar desc top gap" title="4px" content="4px">
  766. <meta name="select:sidebar desc top gap" title="8px" content="8px">
  767. <meta name="select:sidebar desc top gap" title="10px" content="10px">
  768. <meta name="select:sidebar desc top gap" title="12px" content="12px">
  769. <meta name="select:sidebar desc top gap" title="14px" content="14px">
  770. <meta name="select:sidebar desc top gap" title="16px" content="16px">
  771. <meta name="select:sidebar desc top gap" title="18px" content="18px">
  772. <meta name="select:sidebar desc top gap" title="20px" content="20px">
  773.  
  774. <meta name="select:sidebar desc font" title="Velvelyne" content="Velvelyne">
  775. <meta name="select:sidebar desc font" title="Schibsted Grotesk" content="Schibsted Grotesk">
  776. <meta name="select:sidebar desc font" title="Space Grotesk" content="Space Grotesk">
  777. <meta name="select:sidebar desc font" title="Public Sans" content="Public Sans">
  778. <meta name="select:sidebar desc font" title="Karla" content="Karla">
  779. <meta name="select:sidebar desc font" title="Geist" content="Geist">
  780. <meta name="select:sidebar desc font" title="Departure Mono" content="Departure Mono">
  781.  
  782. <meta name="select:sidebar desc font size" title="14px" content="0.85rem">
  783. <meta name="select:sidebar desc font size" title="12px" content="0.75rem">
  784. <meta name="select:sidebar desc font size" title="13px" content="0.8rem">
  785. <meta name="select:sidebar desc font size" title="15px" content="0.9rem">
  786. <meta name="select:sidebar desc font size" title="16px" content="0.95rem">
  787. <meta name="select:sidebar desc font size" title="17px" content="1rem">
  788.  
  789. <meta name="select:sidebar desc text align" title="center" content="center">
  790. <meta name="select:sidebar desc text align" title="left" content="left">
  791. <meta name="select:sidebar desc text align" title="right" content="right">
  792. <meta name="select:sidebar desc text align" title="justify" content="justify">
  793.  
  794. <!-- divider: dropdowns: nav links -->
  795. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D40D;&#x1D400;&#x1D415; &#x1D40B;&#x1D408;&#x1D40D;&#x1D40A;&#x1D412;&#x2002;&#x2002;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;">
  796.  
  797. <meta name="select:nav links top gap" title="4px" content="4px">
  798. <meta name="select:nav links top gap" title="6px" content="6px">
  799. <meta name="select:nav links top gap" title="8px" content="8px">
  800. <meta name="select:nav links top gap" title="10px" content="10px">
  801. <meta name="select:nav links top gap" title="12px" content="12px">
  802. <meta name="select:nav links top gap" title="14px" content="14px">
  803. <meta name="select:nav links top gap" title="16px" content="16px">
  804. <meta name="select:nav links top gap" title="18px" content="18px">
  805. <meta name="select:nav links top gap" title="20px" content="20px">
  806.  
  807. <meta name="select:nav links left gap" title="10px" content="10px">
  808. <meta name="select:nav links left gap" title="4px" content="4px">
  809. <meta name="select:nav links left gap" title="6px" content="6px">
  810. <meta name="select:nav links left gap" title="8px" content="8px">
  811. <meta name="select:nav links left gap" title="12px" content="12px">
  812. <meta name="select:nav links left gap" title="14px" content="14px">
  813. <meta name="select:nav links left gap" title="16px" content="16px">
  814. <meta name="select:nav links left gap" title="18px" content="18px">
  815. <meta name="select:nav links left gap" title="20px" content="20px">
  816.  
  817. <meta name="select:nav links icon size" title="13px" content="0.85rem">
  818. <meta name="select:nav links icon size" title="11px" content="0.75rem">
  819. <meta name="select:nav links icon size" title="12px" content="0.8rem">
  820. <meta name="select:nav links icon size" title="14px" content="0.9rem">
  821. <meta name="select:nav links icon size" title="15px" content="0.95rem">
  822. <meta name="select:nav links icon size" title="16px" content="1rem">
  823. <meta name="select:nav links icon size" title="17px" content="1.05rem">
  824. <meta name="select:nav links icon size" title="18px" content="1.1rem">
  825.  
  826. <meta name="select:nav links icon padding" title="8px" content="8px">
  827. <meta name="select:nav links icon padding" title="6px" content="6px">
  828. <meta name="select:nav links icon padding" title="10px" content="10px">
  829. <meta name="select:nav links icon padding" title="12px" content="12px">
  830. <meta name="select:nav links icon padding" title="14px" content="14px">
  831. <meta name="select:nav links icon padding" title="16px" content="16px">
  832. <meta name="select:nav links icon padding" title="18px" content="18px">
  833. <meta name="select:nav links icon padding" title="20px" content="20px">
  834.  
  835. <meta name="select:nav links icon spacing" title="5px" content="5px">
  836. <meta name="select:nav links icon spacing" title="1px" content="1px">
  837. <meta name="select:nav links icon spacing" title="2px" content="2px">
  838. <meta name="select:nav links icon spacing" title="3px" content="3px">
  839. <meta name="select:nav links icon spacing" title="4px" content="4px">
  840. <meta name="select:nav links icon spacing" title="6px" content="6px">
  841. <meta name="select:nav links icon spacing" title="7px" content="7px">
  842. <meta name="select:nav links icon spacing" title="8px" content="8px">
  843. <meta name="select:nav links icon spacing" title="9px" content="9px">
  844. <meta name="select:nav links icon spacing" title="10px" content="10px">
  845. <meta name="select:nav links icon spacing" title="11px" content="11px">
  846. <meta name="select:nav links icon spacing" title="12px" content="12px">
  847. <meta name="select:nav links icon spacing" title="13px" content="13px">
  848. <meta name="select:nav links icon spacing" title="14px" content="14px">
  849.  
  850. <!-- divider: dropdowns: custom links -->
  851. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D402;&#x1D414;&#x1D412;&#x1D413;&#x1D40E;&#x1D40C; &#x1D40B;&#x1D408;&#x1D40D;&#x1D40A;&#x1D412;&#x2002;&#x2002;&#x2508;&#x2508;&#x2508;&#x2508;">
  852.  
  853. <meta name="select:custom links top gap" title="10px" content="10px">
  854. <meta name="select:custom links top gap" title="4px" content="4px">
  855. <meta name="select:custom links top gap" title="6px" content="6px">
  856. <meta name="select:custom links top gap" title="8px" content="8px">
  857. <meta name="select:custom links top gap" title="12px" content="12px">
  858. <meta name="select:custom links top gap" title="14px" content="14px">
  859. <meta name="select:custom links top gap" title="16px" content="16px">
  860. <meta name="select:custom links top gap" title="18px" content="18px">
  861. <meta name="select:custom links top gap" title="20px" content="20px">
  862.  
  863. <meta name="select:custom links alignment" title="center" content="center">
  864. <meta name="select:custom links alignment" title="left" content="flex-start">
  865. <meta name="select:custom links alignment" title="right" content="flex-end">
  866.  
  867. <meta name="select:custom links symbol font" title="New Rocker" content="New Rocker">
  868. <meta name="select:custom links symbol font" title="Schibsted Grotesk" content="Schibsted Grotesk">
  869. <meta name="select:custom links symbol font" title="Karla" content="Karla">
  870. <meta name="select:custom links symbol font" title="Departure Mono" content="Departure Mono">
  871.  
  872. <meta name="select:custom links icon size" title="13px" content="0.75rem">
  873. <meta name="select:custom links icon size" title="11px" content="0.563rem">
  874. <meta name="select:custom links icon size" title="12px" content="0.625rem">
  875. <meta name="select:custom links icon size" title="14px" content="0.8rem">
  876. <meta name="select:custom links icon size" title="15px" content="0.85rem">
  877. <meta name="select:custom links icon size" title="16px" content="0.9rem">
  878. <meta name="select:custom links icon size" title="17px" content="0.95rem">
  879. <meta name="select:custom links icon size" title="18px" content="1rem">
  880. <meta name="select:custom links icon size" title="19px" content="1.05rem">
  881. <meta name="select:custom links icon size" title="20px" content="1.1rem">
  882.  
  883. <meta name="select:custom links icon padding" title="10px" content="10px">
  884. <meta name="select:custom links icon padding" title="6px" content="6px">
  885. <meta name="select:custom links icon padding" title="7px" content="7px">
  886. <meta name="select:custom links icon padding" title="8px" content="8px">
  887. <meta name="select:custom links icon padding" title="9px" content="9px">
  888. <meta name="select:custom links icon padding" title="11px" content="11px">
  889. <meta name="select:custom links icon padding" title="12px" content="12px">
  890. <meta name="select:custom links icon padding" title="13px" content="13px">
  891. <meta name="select:custom links icon padding" title="14px" content="14px">
  892. <meta name="select:custom links icon padding" title="15px" content="15px">
  893. <meta name="select:custom links icon padding" title="16px" content="16px">
  894. <meta name="select:custom links icon padding" title="17px" content="17px">
  895. <meta name="select:custom links icon padding" title="18px" content="18px">
  896. <meta name="select:custom links icon padding" title="19px" content="19px">
  897. <meta name="select:custom links icon padding" title="20px" content="20px">
  898.  
  899. <meta name="select:custom links icon spacing" title="6px" content="6px">
  900. <meta name="select:custom links icon spacing" title="1px" content="1px">
  901. <meta name="select:custom links icon spacing" title="2px" content="2px">
  902. <meta name="select:custom links icon spacing" title="3px" content="3px">
  903. <meta name="select:custom links icon spacing" title="4px" content="4px">
  904. <meta name="select:custom links icon spacing" title="5px" content="5px">
  905. <meta name="select:custom links icon spacing" title="7px" content="7px">
  906. <meta name="select:custom links icon spacing" title="8px" content="8px">
  907. <meta name="select:custom links icon spacing" title="9px" content="9px">
  908. <meta name="select:custom links icon spacing" title="10px" content="10px">
  909. <meta name="select:custom links icon spacing" title="11px" content="11px">
  910. <meta name="select:custom links icon spacing" title="12px" content="12px">
  911. <meta name="select:custom links icon spacing" title="13px" content="13px">
  912. <meta name="select:custom links icon spacing" title="14px" content="14px">
  913.  
  914. <!-- divider: dropdowns: corner image -->
  915. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D402;&#x1D40E;&#x1D411;&#x1D40D;&#x1D404;&#x1D411; &#x1D408;&#x1D40C;&#x1D400;&#x1D406;&#x1D404;&#x2002;&#x2002;&#x2508;&#x2508;&#x2508;">
  916.  
  917. <meta name="select:corner image position" title="bottom right" content="bot right">
  918. <meta name="select:corner image position" title="top left" content="top left">
  919. <meta name="select:corner image position" title="top right" content="top right">
  920. <meta name="select:corner image position" title="bottom left" content="bot left">
  921. <meta name="select:corner image position" title="left center" content="left center">
  922. <meta name="select:corner image position" title="right center" content="right center">
  923.  
  924. <meta name="select:corner image size" title="250px" content="250px">
  925. <meta name="select:corner image size" title="175px" content="175px">
  926. <meta name="select:corner image size" title="100px" content="100px">
  927. <meta name="select:corner image size" title="125px" content="125px">
  928. <meta name="select:corner image size" title="150px" content="150px">
  929. <meta name="select:corner image size" title="200px" content="200px">
  930. <meta name="select:corner image size" title="225px" content="225px">
  931. <meta name="select:corner image size" title="275px" content="275px">
  932. <meta name="select:corner image size" title="300px" content="300px">
  933. <meta name="select:corner image size" title="325px" content="325px">
  934. <meta name="select:corner image size" title="350px" content="350px">
  935. <meta name="select:corner image size" title="400px" content="400px">
  936.  
  937. <meta name="select:corner image move X direction" title="left" content="-1">
  938. <meta name="select:corner image move X direction" title="right" content="1">
  939.  
  940. <meta name="select:corner image move X" title="0px" content="0px">
  941. <meta name="select:corner image move X" title="10px" content="10px">
  942. <meta name="select:corner image move X" title="20px" content="20px">
  943. <meta name="select:corner image move X" title="30px" content="30px">
  944. <meta name="select:corner image move X" title="40px" content="40px">
  945. <meta name="select:corner image move X" title="50px" content="50px">
  946. <meta name="select:corner image move X" title="60px" content="60px">
  947. <meta name="select:corner image move X" title="70px" content="70px">
  948. <meta name="select:corner image move X" title="80px" content="80px">
  949. <meta name="select:corner image move X" title="90px" content="90px">
  950. <meta name="select:corner image move X" title="100px" content="100px">
  951. <meta name="select:corner image move X" title="110px" content="110px">
  952. <meta name="select:corner image move X" title="120px" content="120px">
  953. <meta name="select:corner image move X" title="130px" content="130px">
  954. <meta name="select:corner image move X" title="140px" content="140px">
  955. <meta name="select:corner image move X" title="150px" content="150px">
  956.  
  957. <meta name="select:corner image move Y direction" title="up" content="-1">
  958. <meta name="select:corner image move Y direction" title="down" content="1">
  959.  
  960. <meta name="select:corner image move Y" title="80px" content="80px">
  961. <meta name="select:corner image move Y" title="0px" content="0px">
  962. <meta name="select:corner image move Y" title="10px" content="10px">
  963. <meta name="select:corner image move Y" title="20px" content="20px">
  964. <meta name="select:corner image move Y" title="30px" content="30px">
  965. <meta name="select:corner image move Y" title="40px" content="40px">
  966. <meta name="select:corner image move Y" title="50px" content="50px">
  967. <meta name="select:corner image move Y" title="60px" content="60px">
  968. <meta name="select:corner image move Y" title="70px" content="70px">
  969. <meta name="select:corner image move Y" title="90px" content="90px">
  970. <meta name="select:corner image move Y" title="100px" content="100px">
  971. <meta name="select:corner image move Y" title="110px" content="110px">
  972. <meta name="select:corner image move Y" title="120px" content="120px">
  973. <meta name="select:corner image move Y" title="130px" content="130px">
  974. <meta name="select:corner image move Y" title="140px" content="140px">
  975. <meta name="select:corner image move Y" title="150px" content="150px">
  976. <meta name="select:corner image move Y" title="160px" content="160px">
  977. <meta name="select:corner image move Y" title="170px" content="170px">
  978. <meta name="select:corner image move Y" title="180px" content="180px">
  979. <meta name="select:corner image move Y" title="190px" content="190px">
  980. <meta name="select:corner image move Y" title="200px" content="200px">
  981.  
  982. <!-- divider: dropdowns: music player -->
  983. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D40C;&#x1D414;&#x1D412;&#x1D408;&#x1D402; &#x1D40F;&#x1D40B;&#x1D400;&#x1D418;&#x1D404;&#x1D411;&#x2002;&#x2002;&#x2508;&#x2508;&#x2508;&#x2508;">
  984.  
  985. <meta name="select:show music player" title="show" content="show">
  986. <meta name="select:show music player" title="hide" content="hide">
  987.  
  988. <meta name="select:autoplay 1st song" title="no" content="no">
  989. <meta name="select:autoplay 1st song" title="yes" content="yes">
  990.  
  991. <!-- divider: text: sidebar -->
  992. <meta name="text:&#917536;&#x200B;" content="&#x2328;&#xFE0F;&#x2003;&#x1D412;&#x1D408;&#x1D403;&#x1D404;&#x1D401;&#x1D400;&#x1D411;&#x2002;&#x2002;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&NewLine;">
  993.  
  994. <meta name="text:sidebar title" content="Web Zero">
  995. <meta name="text:sidebar desc" content="&#x201C;I found humor in the wreckage. [&#x2026;] Maybe love is a &#x3C;i&#x3E;beautiful disaster&#x3C;/i&#x3E;, and I am just its &#x3C;b&#x3E;favorite casualty&#x3C;/b&#x3E;.&#x201D;&NewLine; &#x3C;/br&#x3E;&NewLine; &#x2014;&#x2004;&#x3C;a href=&#x22;https://tumblr.com/orpheusdiary/776446098582749184&#x22;&#x3E;@&#x200A;orpheusdiary&#x3C;/a&#x3E;">
  996.  
  997. <meta name="text:custom link 1 hover text" content="example link">
  998. <meta name="text:custom link 1 URL" content="https://youtu.be/vpoaf0xZ2Mo">
  999. <meta name="text:custom link 2 hover text" content="">
  1000. <meta name="text:custom link 2 URL" content="">
  1001. <meta name="text:custom link 3 hover text" content="">
  1002. <meta name="text:custom link 3 URL" content="">
  1003. <meta name="text:custom link 4 hover text" content="">
  1004. <meta name="text:custom link 4 URL" content="">
  1005. <meta name="text:custom link 5 hover text" content="">
  1006. <meta name="text:custom link 5 URL" content="">
  1007. <meta name="text:custom link 6 hover text" content="">
  1008. <meta name="text:custom link 6 URL" content="">
  1009.  
  1010. <!-- divider: text: music player -->
  1011. <meta name="text:&#917536;&#x200B;&#x2060;" content="&#x2328;&#xFE0F;&#x2003;&#x1D40C;&#x1D414;&#x1D412;&#x1D408;&#x1D402; &#x1D40F;&#x1D40B;&#x1D400;&#x1D418;&#x1D404;&#x1D411;&#x2002;&#x2002;&#x2508;&#x2508;&#x2508;&#x2508;&NewLine;">
  1012. <meta name="text:song 1 name" content="Gackt &#xB7; Lust for Blood">
  1013. <meta name="text:song 1 mp3" content="https://file.garden/ZRt8jW_MomIqlrfn/music/GACKT_Lust_for_Blood.mp3">
  1014. <meta name="text:song 1 volume" content="90%">
  1015. <meta name="text:song 2 name" content="Red &#xB7; Falling Sky">
  1016. <meta name="text:song 2 mp3" content="https://file.garden/ZRt8jW_MomIqlrfn/music/Red_Falling_Sky.mp3">
  1017. <meta name="text:song 2 volume" content="90%">
  1018. <meta name="text:song 3 name" content="ONE OK ROCK &#xB7; Kanzen Kankaku Dreamer">
  1019. <meta name="text:song 3 mp3" content="https://file.garden/ZRt8jW_MomIqlrfn/music/ONE_OK_ROCK_Kanzen_Kankaku_Dreamer.mp3">
  1020. <meta name="text:song 3 volume" content="85%">
  1021. <meta name="text:song 4 name" content="Thousand Foot Krutch &#xB7; Be Somebody">
  1022. <meta name="text:song 4 mp3" content="https://file.garden/ZRt8jW_MomIqlrfn/music/Thousand_Foot_Krutch_Be_Somebody.mp3">
  1023. <meta name="text:song 4 volume" content="85%">
  1024. <meta name="text:song 5 name" content="Sum 41 &#xB7; Pieces">
  1025. <meta name="text:song 5 mp3" content="https://file.garden/ZRt8jW_MomIqlrfn/music/Sum_41_Pieces.mp3">
  1026. <meta name="text:song 5 volume" content="90%">
  1027. <meta name="text:song 6 name" content="">
  1028. <meta name="text:song 6 mp3" content="">
  1029. <meta name="text:song 6 volume" content="">
  1030. <meta name="text:song 7 name" content="">
  1031. <meta name="text:song 7 mp3" content="">
  1032. <meta name="text:song 7 volume" content="">
  1033. <meta name="text:song 8 name" content="">
  1034. <meta name="text:song 8 mp3" content="">
  1035. <meta name="text:song 8 volume" content="">
  1036. <meta name="text:song 9 name" content="">
  1037. <meta name="text:song 9 mp3" content="">
  1038. <meta name="text:song 9 volume" content="">
  1039. <meta name="text:song 10 name" content="">
  1040. <meta name="text:song 10 mp3" content="">
  1041. <meta name="text:song 10 volume" content="">
  1042.  
  1043. <meta name="text:&#917536;&#x200B;&#x2060;&#x2060;" content="&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&#x2508;&NewLine;">
  1044.  
  1045. <meta name="text:music player title" content="Playlist">
  1046. <meta name="text:music player SEE LIST text" content="View playlist">
  1047. <meta name="text:music player HIDE LIST text" content="Hide playlist">
  1048.  
  1049. {/block:Options}
  1050.  
  1051. <style>
  1052. :root, :host {
  1053. /*----- GENERAL -----*/
  1054. --Background:{color:background};
  1055. --Screen-Gaps:{select:screen gap};
  1056. --Load-In-Delay:25ms;
  1057. --Load-In-Speed:400ms;
  1058. --Cursor-Sparkles-Color:{color:cursor sparkles};
  1059. --Post-Side-Gaps:{select:post side gaps};
  1060. --Container-Left-Nudge:10px;
  1061. --Container-Width-Total:calc(var(--Blinkies-Wall-Width-Total) + (var(--Post-Side-Gaps) * 2) + var(--Post-Width-Total) + var(--Sidebar-Width-Total));
  1062.  
  1063. /*----- TOP BAR DECOR -----*/
  1064. --Top-Bar-Total-Height:calc(var(--Top-Bar-Stripes-Height) + var(--Top-Bar-Lace-Height));
  1065. --Top-Bar-Stripes-Height:{select:stripes height};
  1066. --Top-Bar-Stripes-Width:{select:stripes thickness};
  1067. --Top-Bar-Stripes-Spacing:{select:stripes spacing};
  1068. --Top-Bar-Stripes-Color:{color:stripes};
  1069. --Top-Bar-Stripes-BG:{color:stripes BG};
  1070. --Top-Bar-Underline-Size:{select:stripes underline size};
  1071. --Top-Bar-Underline-Style:{select:stripes underline style};
  1072. --Top-Bar-Underline-Color:var(--Top-Bar-Stripes-Color);
  1073. --Top-Bar-Lace-Height:{select:lace height};
  1074. --Top-Bar-Lace-Image:url("{image:lace}");
  1075.  
  1076. /*----- MAIN COLORS -----*/
  1077. /* jagged and dotted */
  1078. --Primary-Border-1-Size:{select:primary borders 1 size};
  1079. --Primary-Border-1-Size-Double:calc(var(--Primary-Border-1-Size) * 2);
  1080. --Primary-Border-1-Size-Half:calc((var(--Primary-Border-1-Size-Double) / 2) - (var(--Primary-Border-1-Size-Double) / 5 * -0.25)); /* was -0.5 */
  1081. --Primary-Border-1-Color:{color:primary borders 1};
  1082. --Primary-Border-2-Size:{select:primary borders 2 size};
  1083. --Primary-Border-2-Dots-Spacing:calc(var(--Primary-Border-2-Size) * {select:primary borders 2 dots spacing});
  1084. --Primary-Border-2-Color:{color:primary borders 2};
  1085. --Primary-BG:{color:primary BG};
  1086. --Primary-Text-Color:var(--Body-Text-Color);
  1087. --Primary-Content-Edge-Pos:var(--Primary-Border-1-Size-Half);
  1088.  
  1089. /* NOT JAGGED, dotted only | for inverted elements */
  1090. /* e.g. tooltips */
  1091. --Secondary-Border-1-Size:{select:secondary borders 1 size};
  1092. --Secondary-Border-1-Color:{color:secondary borders 1};
  1093. --Secondary-Border-1-Dots-Spacing:calc(var(--Secondary-Border-1-Size) * {select:secondary borders 1 dots spacing});
  1094. --Secondary-Border-2-Size:{select:secondary borders 2 size};
  1095. --Secondary-Border-2-Color:{color:secondary borders 2};
  1096. --Secondary-Border-2-Dots-Spacing:calc(var(--Secondary-Border-2-Size) * {select:secondary borders 2 dots spacing});
  1097. --Secondary-Border-Spacing:2px; /* mini spacing between double dotted borders on inverted elements */
  1098. --Secondary-BG:{color:secondary BG};
  1099. --Secondary-Text-Color:{color:secondary text};
  1100. --Secondary-Text-Color-RGB:{RGBcolor:secondary text};
  1101.  
  1102. --Borders-Spacing:{select:borders spacing};
  1103.  
  1104. --Stampies-Padding-X:12px;
  1105. --Stampies-Padding-Y:calc(12px - (((var(--Caps-Font-Size) * var(--Body-Line-Height)) - var(--Caps-Font-Size)) / 2));
  1106.  
  1107. /*----- BLINKIES WALL -----*/
  1108. --Blinkies-Wall-Width-Total:300px; /* will be overridden */
  1109. --Blinkies-Fade-In-Speed:250ms;
  1110. --Blinkies-Leftside-Negative-Margin:-20px;
  1111. --Blinkies-Hover-Zoom-Factor:1.1;
  1112. --Blinkies-Hover-Zoom-Speed:0.25s;
  1113. --Blinkies-Max-Width:{select:blinkies max width};
  1114. --Blinkies-Max-Height:{select:blinkies max height};
  1115. --Blinkies-Spacing:{select:blinkies spacing}; /* px only */
  1116. --Blinkies-Focused-Item-Z-Index:9999;
  1117. --Blinkies-Unfocused-Item-Z-Index:0;
  1118.  
  1119. /*----- SIDEBAR SETTINGS -----*/
  1120. --Sidebar-Width-Total:calc((var(--Stampies-Padding-X) * 2) + var(--Sidebar-Image-Width) + var(--Sidebar-Image-Shadow-Offset));
  1121. --Sidebar-Image-Width:{select:sidebar image width};
  1122. --Sidebar-Image-Shadow-Offset:max(0px,{select:sidebar image shadow offset});
  1123.  
  1124. --Sidebar-Image-Top-Spray-Width:{select:paint splat top size};
  1125. --Sidebar-Image-Top-Spray-Height:calc(var(--Sidebar-Image-Top-Spray-Width) / 250 * 379);
  1126. --Sidebar-Image-Top-Spray-Color:{color:paint splats};
  1127. --Sidebar-Image-Top-Spray-Mask:url("//64.media.tumblr.com/fb33c1e0503ab5dd5765754a3633a44f/tumblr_inline_su139l6WU51qf8af3_500.png");
  1128.  
  1129. --Sidebar-Image-Bot-Spray-Width:{select:paint splat bottom size};
  1130. --Sidebar-Image-Bot-Spray-Height:calc(var(--Sidebar-Image-Bot-Spray-Width) / 125 * 146);
  1131. --Sidebar-Image-Bot-Spray-Color:{color:paint splats};
  1132. --Sidebar-Image-Bot-Spray-Mask:url("//64.media.tumblr.com/3a06ea49a3440aeaf8a36127d48d236b/tumblr_inline_su139z4IoU1qf8af3_500.png");
  1133.  
  1134. --Sidebar-Image-Tape-Width:{select:sidebar image tape size};
  1135. --Sidebar-Image-Tape-Height:calc(var(--Sidebar-Image-Tape-Width) / 572 * 85);
  1136. --Sidebar-Image-Tape-Mask:url("//64.media.tumblr.com/1ea77c36d7f20370387b24160cff48e0/tumblr_inline_su13axBLcm1qf8af3_500.png");
  1137. --Sidebar-Image-Tape-Visible-Image:url("{image:sidebar image tape}");
  1138. --Sidebar-Image-Tape-Tilt:{select:sidebar image tape rotate};
  1139. --Sidebar-Image-Tape-Move-X:{select:sidebar image tape move X};
  1140. --Sidebar-Image-Tape-Move-Y:{select:sidebar image tape move Y};
  1141.  
  1142. --Sidebar-Title-Top-Gap:{select:sidebar title top gap};
  1143. --Sidebar-Title-Font-Size:{select:sidebar title size};
  1144. --Sidebar-Title-Color:{color:sidebar title};
  1145.  
  1146. --Sidebar-Desc-Top-Gap:{select:sidebar desc top gap};
  1147. --Sidebar-Desc-Font-Family:{select:sidebar desc font};
  1148. --Sidebar-Desc-Font-Size:{select:sidebar desc font size};
  1149. --Sidebar-Desc-Text-Align:{select:sidebar desc text align};
  1150. --Sidebar-Desc-Text-Color:{color:desc text};
  1151. --Sidebar-Desc-Bold:{color:desc bold};
  1152. --Sidebar-Desc-Italic:{color:desc italic};
  1153. --Sidebar-Desc-Links:{color:desc links};
  1154. --Sidebar-Desc-Links-RGB:{RGBcolor:desc links};
  1155.  
  1156. --Sidebar-Navlinks-Top-Gap:{select:nav links top gap};
  1157. --Sidebar-Navlinks-Left-Gap:{select:nav links left gap};
  1158. --Sidebar-Navlinks-Icon-Size:{select:nav links icon size};
  1159. --Sidebar-Navlinks-Icon-Padding:{select:nav links icon padding};
  1160. --Sidebar-Navlinks-Icon-Spacing:{select:nav links icon spacing};
  1161. --NL-Square-Size:calc((var(--Secondary-Border-1-Size) * 2) + (var(--Secondary-Border-Spacing) * 2) + (var(--Sidebar-Navlinks-Icon-Padding) * 2) + var(--Sidebar-Navlinks-Icon-Size));
  1162.  
  1163. --Custom-Links-Top-Gap:{select:custom links top gap};
  1164. --Custom-Links-Font:{select:custom links symbol font};
  1165. --Custom-Links-Font-Size:{select:custom links icon size};
  1166. --Custom-Links-Icon-Padding:{select:custom links icon padding};
  1167. --Custom-Links-Icon-Spacing:{select:custom links icon spacing};
  1168. --Custom-Links-Alignment:{select:custom links alignment};
  1169. --CL-Padding:var(--Custom-Links-Icon-Padding);
  1170. --CL-Square-Size:calc((var(--Secondary-Border-1-Size) * 2) + (var(--Secondary-Border-Spacing) * 2) + (var(--CL-Padding) * 2) + var(--Custom-Links-Font-Size));
  1171.  
  1172. /*----- POSTS SETTINGS -----*/
  1173. --Post-Width:{select:post width};
  1174. --Post-Padding-Base:{select:post padding};
  1175. --Post-Padding:calc(var(--Post-Padding-Base) + var(--Primary-Border-1-Size-Half) + var(--Borders-Spacing) + var(--Primary-Border-2-Size));
  1176. --Post-Width-Total:min(calc(var(--Post-Width) + (var(--Post-Padding) * 2)), 85vw); {block:Hidden}/* note: this TOTAL var already covers sizes of both/duo borders, so the plain Post-Width can stay as-is (no need for calc) */{/block:Hidden}
  1177. --Post-BG:var(--Primary-BG);
  1178. --Post-Spacing:{select:post spacing};
  1179. --Grayscale-Posts-Hover-Speed:0.4s;
  1180.  
  1181. --Post-Header-And-Footer-V-Gap:min(12px,1rem);
  1182.  
  1183. /*----- POST HEADER -----*/
  1184. --Post-Header-Items-Spacing:9px;
  1185.  
  1186. --Pin-Icon-Size:calc(var(--Body-Font-Size) + 1px);
  1187. --Pin-Icon-Total-Size:calc((var(--Secondary-Border-1-Size)*2) + (var(--Secondary-Border-Spacing)*2) + (min(var(--Stampies-Padding-X),var(--Stampies-Padding-Y))*2) + var(--Pin-Icon-Size));
  1188. --Pin-Icon-Rotation:-45deg;
  1189. --Pin-Label-Left-Gap:var(--Post-Header-Items-Spacing);
  1190. --Pin-Text-Rendered-Padding:calc(var(--Secondary-Border-1-Size) + var(--Secondary-Border-Spacing) + max(var(--Stampies-Padding-X),var(--Stampies-Padding-Y)));
  1191. --Pin-Text-Inner-Box-Size:calc(var(--Secondary-Border-1-Size) + var(--Secondary-Border-Spacing));
  1192. --Pin-Display-Row-Bottom-Gap:var(--Post-Header-And-Footer-V-Gap);
  1193.  
  1194. /*----- BODY TEXT -----*/
  1195. --Body-Font-Family:"{select:font}", sans-serif;
  1196. --Body-Font-Size:{select:font size};
  1197. --Body-Font-Weight:normal; /* 400 is default */
  1198. --Body-Letter-Spacing:0px;
  1199. --Body-Text-Color:{color:text};
  1200. --Body-Text-Color-RGB:{RGBcolor:text};
  1201. --Body-Line-Height:1.65;
  1202. --Body-Text-LH-Block-Gap:calc(((var(--Body-Font-Size) * var(--Body-Line-Height)) - var(--Body-Font-Size)) / 2);
  1203.  
  1204. /*----- TEXT FORMATTING -----*/
  1205. --SemiBold-Font-Weight:600; /* 600 is default */
  1206. --SemiBold:var(--Bold);
  1207. --Bold-Font-Weight:bold; /* 700 is default (or just bold) */
  1208. --Bold:{color:bold};
  1209. --Italic:{color:italic};
  1210.  
  1211. /*----- HEADING TEXT -----*/
  1212. --Heading-Font-Family:"{select:heading font}", sans-serif;
  1213. --Heading-Font-Size:calc({select:font size} + 2px);
  1214. --Heading-Font-Weight:bold; /* 700 is default (or just bold) */
  1215. --Heading-Text-Case:uppercase; /* uppercase, lowercase, capitalize, none */
  1216. --Heading-Letter-Spacing:0.025em;
  1217. --Heading-Word-Spacing:0em;
  1218. --Heading-Text-Color:{color:headings};
  1219. --Heading-Line-Height:1.69;
  1220. --Heading-Bottom-Gap:1em;
  1221.  
  1222. /*----- UPPERCASE TEXT -----*/
  1223. --Caps-Font-Family:"{select:uppercase font}", sans-serif;
  1224. --Caps-Font-Size:calc({select:font size} - 2px);
  1225. --Caps-Font-Weight:400; /* 400 is default */
  1226. --Caps-Letter-Spacing:0.04em;
  1227. --Caps-Word-Spacing:0em;
  1228.  
  1229. /*----- CODE TEXT -----*/
  1230. --Code-Padding:var(--Post-Padding-Base);
  1231. --Code-BG:transparent;
  1232. --Code-Font-Family:"Geist Mono", monospace;
  1233. --Code-Font-Size:calc(var(--Body-Font-Size) - 2px);
  1234. --Code-Font-Weight:450; /* 400 is default */
  1235. --Code-Text-Color:var(--Body-Text-Color);
  1236. --Code-Line-Height:1.5;
  1237.  
  1238. /*----- LINKS -----*/
  1239. --Links-Color:{color:links};
  1240. --Links-Color-RGB:{RGBcolor:links};
  1241. --Links-Underline-Gap:0.1em;
  1242. --Links-Underline-Size:1px;
  1243. --Links-Underline-Color:{color:links underline};
  1244.  
  1245. --Links-Text-Shadow-Offset:10px;
  1246. --Links-Text-Shadow-Color:rgba(var(--Links-Color-RGB),0.69);
  1247. --Links-Text-Shadow-Hover-Speed:0.4s;
  1248.  
  1249. /*----- BLOCKQUOTES -----*/
  1250. --Blockquote-Border-Size:min(1px, var(--Reblog-Head-Image-Size));
  1251. --Blockquote-Border-Style:{select:blockquote border style};
  1252. --Blockquote-Border-Color:{color:blockquote border};
  1253.  
  1254. --Old-Blockquotes-Left-Gap-1:1em;
  1255. --Old-Blockquotes-Left-Gap-2:calc(1.25em + 1px);
  1256.  
  1257. /*----- CAPTION SETTINGS -----*/
  1258. --Captions-Top-Gap:1em;
  1259. --Reblog-Head-Image-Size:30px;
  1260. --Reblog-Head-Image-Rounded-Corners:max(3px, var(--Rounded-Corners,0px));
  1261. --Reblog-Head-Gutter:11px;
  1262. --Reblog-Name-Color:var(--Links-Color);
  1263. --Reblog-Head-Bottom-Gap:min(1em, var(--Post-Padding));
  1264. --Reblog-Borders-Size:1px;
  1265. --Reblog-Borders:{color:reblog dividers};
  1266.  
  1267. /*----- PHOTOSET OPTIONS -----*/
  1268. --Photoset-Image-Spacing:{select:photos spacing};
  1269.  
  1270. /*----- NPF OPTIONS -----*/
  1271. --NPF-Images-Spacing:var(--Photoset-Image-Spacing);
  1272. --NPF-Caption-Spacing:0px;
  1273. --NPF-Move-1st-Photoset:"yes";
  1274. --Text-Container-Selector:".text-block";
  1275. --Text-Reblogs-Selector:".comment";
  1276. --NPF-Multimedia-Detection:"yes"; /* e.g. tmblr.co/ZbO6tPgCXiETCW00 */
  1277. --Hide-Empty-NPF-Audio-Info:"no";
  1278.  
  1279. /*----- QUOTE POSTS -----*/
  1280. --Quote-Font-Family:var(--Heading-Font-Family);
  1281. --Quote-Font-Size:var(--Heading-Font-Size);
  1282. --Quote-Font-Weight:var(--Heading-Font-Weight); /* 700 is default */
  1283. --Quote-Text-Case:var(--Heading-Text-Case); /* uppercase, lowercase, capitalize, none */
  1284. --Quote-Letter-Spacing:var(--Heading-Letter-Spacing);
  1285. --Quote-Word-Spacing:var(--Heading-Word-Spacing);
  1286. --Quote-Line-Height:var(--Heading-Line-Height);
  1287.  
  1288. /*----- LINK POSTS -----*/
  1289. --Link-Block-Padding:var(--Post-Padding-Base);
  1290.  
  1291. /*----- AUDIO POST SETTINGS -----*/
  1292. --Audio-Post-Player-Padding:0.5em;
  1293. --Audio-Post-Player-BG:transparent;
  1294. --Audio-Post-Player-Text:var(--Body-Text-Color);
  1295.  
  1296. --Audio-Post-Row-Spacing:1.15em;
  1297. --Audio-Post-Info-Divider-Spacing:4px; /* left & right gap around the slash */
  1298.  
  1299. --Audio-Post-Waves-Max-Height:36px;
  1300. --Audio-Post-Waves-Color-FILLED:var(--Body-Text-Color);
  1301. --Audio-Post-Waves-Color-NOT-FILLED:rgba(var(--Body-Text-Color-RGB),0.4);
  1302. --Audio-Post-Waves-Spacing:2.5px;
  1303. --Audio-Post-Waves-Touch-Padding:6px;
  1304.  
  1305. --Audio-Post-Btns-Size:calc(var(--Body-Font-Size) * 1.4);
  1306. --Audio-Post-SMALLER-Btn-Size:calc(var(--Audio-Post-Btns-Size) * 0.75);
  1307. --Audio-Post-Btns-Color:var(--Links-Color);
  1308. --Audio-Post-Btns-Padding:calc(var(-Audio-Post-Btns-Size) * 0.15);
  1309. --Audio-Post-Btns-Hover-Zoom-Factor:1.2; /* number only */
  1310. --Audio-Post-Btns-Hover-Speed:0s;
  1311. --Audio-Post-Btns-Pressed-Zoom-Factor:0.75; /* number only */
  1312.  
  1313. --Audio-Post-BACK-Btn:"yes";
  1314. --Audio-Post-BACK-Hover-Text:"Back to beginning";
  1315. --Audio-Post-BACK-Icon:"<i class='ph{select:icons style} ph-skip-back'></i>";
  1316.  
  1317. --Audio-Post-PLAY-Hover-Text:"Play";
  1318. --Audio-Post-PLAY-Icon:"<i class='ph{select:icons style} ph-play'></i>";
  1319.  
  1320. --Audio-Post-PAUSE-Hover-Text:"Pause";
  1321. --Audio-Post-PAUSE-Icon:"<i class='ph{select:icons style} ph-pause'></i>";
  1322.  
  1323. --Audio-Post-END-Btn:"yes";
  1324. --Audio-Post-END-Hover-Text:"Skip to end";
  1325. --Audio-Post-END-Icon:"<i class='ph{select:icons style} ph-skip-forward'></i>";
  1326.  
  1327. --Audio-Post-Volume:90%;
  1328.  
  1329. /*----- OTHER AUDIO -----*/
  1330. --SoundCloud-Player-Height:116px; /* 20px, 116px, or 500px */
  1331. --SoundCloud-Show-Album-Image:"yes";
  1332.  
  1333. /*----- VIDEO POST SETTINGS -----*/
  1334. --Video-Post-Base-Volume:80%;
  1335.  
  1336. /*----- ASK POST SETTINGS -----*/
  1337. --Ask-Post-Main-Entry-Padding:var(--Post-Padding-Base);
  1338. --Ask-Post-Question-Gutter:min(1em, 14px);
  1339. --Ask-Post-Avatar-Size:48px;
  1340. --Ask-Post-Avatar-Rounded-Corners:max(3px, var(--Rounded-Corners,0px));
  1341. --Ask-Post-Username-Color:var(--Reblog-Name-Color);
  1342. --Ask-Post-Content-Top-Gap:min(1em,10px);
  1343. --Ask-Post-QnA-V-Gap:1em;
  1344.  
  1345. /*----- POLL POST SETTINGS -----*/
  1346. --Poll-Row-Padding:max(0.69em, 10px);
  1347. --Poll-Row-BG:transparent;
  1348. --Poll-Row-Text:var(--Links-Color);
  1349. --Poll-Row-Spacing:min(10px, 1em);
  1350.  
  1351. /*----- ALT TEXT, IMAGE DESCRIPTIONS -----*/
  1352. --NPF-Alt-Text-Button-Location:"bottom left";
  1353. --NPF-Alt-Text-Button-Corner-Offset:15px;
  1354. --NPF-Alt-Text-Button-Visibility:20%;
  1355. --NPF-Alt-Text-Button-Fade-Speed:0.4s;
  1356. --NPF-Alt-Text-Box-Overlay-Background-Color:{color:background};
  1357. --NPF-Alt-Text-Box-Overlay-Background-Strength:69%;
  1358. --NPF-Alt-Text-Box-Overlay-Background-Blur:3px;
  1359. --NPF-Alt-Text-Box-Fade-Speed:0.4s;
  1360. --NPF-Alt-Text-Box-Width:calc(var(--Post-Width) - (var(--Post-Padding) * 2));
  1361. --NPF-Alt-Text-Close-Button-Background-Color:#fa5641;
  1362. --NPF-Alt-Text-Close-Button-Icon-Size:0.85rem;
  1363. --NPF-Alt-Text-Close-Button-Icon-Padding:6px;
  1364. --NPF-Alt-Text-Close-Button-Icon-Color:#ffffff;
  1365.  
  1366. /*----- TAGS -----*/
  1367. --Tags-Top-Gap:var(--Post-Footer-Top-Gap);
  1368. --Tags-Hashtag-Spacing:1px;
  1369. --Tags-Font-Size:calc(var(--Caps-Font-Size) - 1px);
  1370. --Tags-Color:{color:tags};
  1371. --Tags-Line-Height:var(--Body-Line-Height);
  1372. --Tags-Spacing-X:12px;
  1373. --Tags-Spacing-Y:calc((var(--Tags-Spacing-X) - (((var(--Tags-Font-Size) * var(--Tags-Line-Height)) - var(--Tags-Font-Size)) / 2) - 2px));
  1374. --Tags-Fade-Speed:0.3s;
  1375. --Tags-Slide-Speed:0.3s;
  1376.  
  1377. /*----- POST FOOTER / POST INFO / PERMALINK BAR -----*/
  1378. --Post-Footer-Top-Gap:var(--Post-Header-And-Footer-V-Gap);
  1379. --Post-Footer-Items-Spacing:var(--Post-Header-Items-Spacing);
  1380.  
  1381. --Post-Footer-Font-Size:var(--Caps-Font-Size);
  1382. --Post-Footer-Post-Type-Icons-Size:calc(var(--Caps-Font-Size) + 3px);
  1383.  
  1384. --Post-Controls-Icon-Size:calc(var(--Body-Font-Size) - 1px);
  1385. --Post-Controls-Icon-Color:var(--Secondary-Text-Color);
  1386. --Post-Controls-Each-Bounding-Box:calc(var(--Post-Controls-Icon-Size) + (max(var(--Stampies-Padding-X),var(--Stampies-Padding-X)) * 2));
  1387. --Post-Controls-Spacing:6px;
  1388. --Liked-Button-Color:{color:like button liked};
  1389.  
  1390. /*----- POST NOTES -----*/
  1391. --Post-Notes-Type-Icon-Size:calc(var(--Body-Font-Size) + 3px);
  1392. --Post-Notes-Type-Icon-Gap-Right:8px;
  1393. --Post-Notes-Row-Spacing:calc(1em - (((var(--Body-Font-Size) * var(--Body-Line-Height)) - var(--Body-Font-Size)) / 2));
  1394.  
  1395. /*----- PAGINATION -----*/
  1396. --Pagination-Arrows-Size:calc(var(--Body-Font-Size) + 3px);
  1397. --Pagination-Color:{color:pagination};
  1398. --Pagination-Text-And-Arrows-Spacing:6px;
  1399. --Pagination-Items-Spacing:1.69rem;
  1400.  
  1401. /*----- SCROLLBAR OPTIONS -----*/
  1402. --Scrollbar-Gutter:12px;
  1403. --Scrollbar-Width:{select:scrollbar size};
  1404. --Scrollbar-Border-Size:1px;
  1405. --Scrollbar-Border-Color:{color:scrollbar border};
  1406. --Scrollbar-Total-Size:calc(var(--Scrollbar-Width) + var(--Scrollbar-Border-Size));
  1407. --Scrollbar-Thumb:{color:scrollbar};
  1408. --Scrollbar-Thumb-Ridge-Size:2px;
  1409. --Scrollbar-Thumb-Highlight-Color:{color:scrollbar highlight};
  1410. --Scrollbar-Thumb-Shadow-Color:{color:scrollbar shadow};
  1411. --Scrollbar-Thumb-Hover-Color:{color:scrollbar hover};
  1412. --Scrollbar-Thumb-Hover-Speed:0.069s;
  1413. --Scrollbar-Thumb-Pressing-Color:{color:scrollbar pressed};
  1414. --Scrollbar-BG:{color:scrollbar track};
  1415.  
  1416. /*----- TOOLTIPS OPTIONS -----*/
  1417. --Tooltips-Margin:15; /* number only */
  1418. --Tooltips-Fade-In-Delay:0s;
  1419. --Tooltips-Fade-In-Speed:0.4s;
  1420. --Tooltips-Fade-Out-Delay:0s;
  1421. --Tooltips-Fade-Out-Speed:0.4s;
  1422. --Tooltips-Padding-X:var(--Stampies-Padding-X);
  1423. --Tooltips-Padding-Y:var(--Stampies-Padding-Y);
  1424. --Tooltips-Font-Size:calc(var(--Caps-Font-Size) - 1px);
  1425.  
  1426. /*----- CORNER IMAGE -----*/
  1427. --Corner-Image-Size:{select:corner image size};
  1428. --Corner-Image-Move-X:{select:corner image move X};
  1429. --Corner-Image-Move-Y:{select:corner image move Y};
  1430.  
  1431. /*----- BOTTOM MUSIC PLAYER -----*/
  1432. --Bottom-Music-Player-Padding-X:20px;
  1433. --Bottom-Music-Player-Padding-Y:12px;
  1434. --Bottom-Music-Player-Inner-Height:var(--Bottom-Music-Player-Icons-Size);
  1435. --Bottom-Music-Player-Total-Height:calc(var(--Secondary-Border-2-Size) + var(--Bottom-Music-Player-Inner-Height) + (var(--Bottom-Music-Player-Padding-Y) * 2));
  1436. --Bottom-Music-Player-BG:var(--Secondary-BG);
  1437. --Bottom-Music-Player-Items-Spacing:10px;
  1438.  
  1439. /* player buttons */
  1440. --Bottom-Music-Player-Icons-Size:calc(var(--Body-Font-Size) * 1.1);
  1441. --Bottom-Music-Player-Icons-Color:var(--Secondary-Text-Color);
  1442. --Bottom-Music-Player-Icons-Touch-Padding:5px;
  1443. --Bottom-Music-Player-Icons-Spacing:calc(0px - var(--Bottom-Music-Player-Icons-Touch-Padding) + 4px);
  1444. --Bottom-Music-Player-Icons-Hover-Zoom-Factor:1.2; /* number only */
  1445. --Bottom-Music-Player-Icons-Hover-Speed:0.15s;
  1446. --Bottom-Music-Player-Icons-Pressed-Zoom-Factor:0.75; /* number only */
  1447.  
  1448. /* song names */
  1449. --Bottom-Music-Player-Text-Color:var(--Secondary-Text-Color);
  1450. --Bottom-Music-Player-Song-Name-Width:min(15vw,169px);
  1451. --Bottom-Music-Player-Song-Name-Chara-Speed:0.2s;
  1452.  
  1453. /* player slider/bar */
  1454. --Bottom-Music-Player-Slider-Height:calc(var(--Bottom-Music-Player-Inner-Height) * 0.69);
  1455. --Bottom-Music-Player-Slider-Border-Color:var(--Secondary-Border-2-Color);
  1456. --Bottom-Music-Player-Slider-EMPTY-Color:var(--Secondary-BG);
  1457. --Bottom-Music-Player-Slider-FILLED-Color:var(--Secondary-Text-Color);
  1458. --Bottom-Music-Player-Slider-Inner-Padding:calc(var(--Secondary-Border-2-Size) + 2px);
  1459. --Bottom-Music-Player-Slider-Inner-Height:calc(var(--Bottom-Music-Player-Slider-Height) - var(--Bottom-Music-Player-Slider-Inner-Padding) * 2);
  1460. --Bottom-Music-Player-Slider-Knob-Width:2px;
  1461. --Bottom-Music-Player-Slider-Knob-Height:calc(var(--Bottom-Music-Player-Slider-Height) * 1.75);
  1462. --Bottom-Music-Player-Slider-Knob-Color:var(--Bottom-Music-Player-Slider-FILLED-Color);
  1463.  
  1464. /* current time / total time */
  1465. --Bottom-Music-Player-Time-Separator-Spacing:3px;
  1466.  
  1467. /* volume sliderbar */
  1468. --Bottom-Music-Player-Volume-Bar-Container-Width:calc(var(--Bottom-Music-Player-Icons-Size) + 2px);
  1469. --Bottom-Music-Player-Volume-Bar-Edge-Adjust:calc((var(--Bottom-Music-Player-Volume-Bar-Container-Width) - var(--Bottom-Music-Player-Volume-Bar-Inner-Width)) / 2);
  1470. --Bottom-Music-Player-Volume-Bar-Inner-Width:calc((var(--Bottom-Music-Player-Volume-Bar-Container-Width) * 0.6) - (var(--Secondary-Border-2-Size) * 2));
  1471. --Bottom-Music-Player-Volume-Bar-Border-Color:var(--Secondary-Border-2-Color);
  1472. --Bottom-Music-Player-Volume-Bar-EMPTY-Color:var(--Secondary-BG);
  1473. --Bottom-Music-Player-Volume-Bar-FILLED-Color:var(--Secondary-Text-Color);
  1474. --Bottom-Music-Player-Volume-Bar-Total-Height:125px;
  1475. --Bottom-Music-Player-Volume-Bar-Inner-Height:calc(100% - var(--Bottom-Music-Player-Volume-Bar-Edge-Adjust));
  1476. --Bottom-Music-Player-Volume-Bar-Inner-Padding:2px;
  1477. --Bottom-Music-Player-Volume-Bar-Knob-Width:calc(var(--Bottom-Music-Player-Volume-Bar-Inner-Width) + 3px);
  1478. --Bottom-Music-Player-Volume-Bar-Knob-Height:2px;
  1479. --Bottom-Music-Player-Volume-Bar-Knob-Color:var(--Bottom-Music-Player-Volume-Bar-FILLED-Color);
  1480. --Bottom-Music-Player-Volume-Bar-Fade-Speed:0.4s;
  1481.  
  1482. --Bottom-Music-Player-List-Gap-Right:var(--Bottom-Music-Player-Padding-X);
  1483. --Bottom-Music-Player-List-Slide-Speed:420ms;
  1484. --Bottom-Music-Player-List-Border-Color:var(--Secondary-Border-2-Color);
  1485. --Bottom-Music-Player-List-BG:var(--Bottom-Music-Player-BG);
  1486. --Bottom-Music-Player-List-Padding-X:calc(var(--Stampies-Padding-X) + 2px);
  1487. --Bottom-Music-Player-List-Padding-Y:calc(var(--Stampies-Padding-Y) + 2px);
  1488. --Bottom-Music-Player-List-Max-Width:min(60vw,250px);
  1489. --Bottom-Music-Player-List-Font-Size:calc(var(--Caps-Font-Size) - 0.5px);
  1490. --Bottom-Music-Player-List-Line-Height:var(--Body-Line-Height);
  1491. --Bottom-Music-Player-List-Row-Spacing:7px;
  1492. --Bottom-Music-Player-List-Column-Spacing:11px;
  1493.  
  1494. /*----- MOBILE VARS -----*/
  1495. --Screen-Gaps-MOBILE:6.9vw;
  1496. }/* end root */
  1497.  
  1498. /*------- BASICS -------*/
  1499. *, *:before, *:after {
  1500. box-sizing:border-box;
  1501. }
  1502.  
  1503. body {
  1504. margin:0;
  1505. padding:0;
  1506. padding-bottom:calc(var(--Scrollbar-Total-Size) + var(--Scrollbar-Gutter));
  1507. padding-right:calc(var(--Scrollbar-Total-Size) + var(--Scrollbar-Gutter));
  1508. background-color:{color:background};
  1509. background-image:url("{image:background image}");
  1510. background-attachment:fixed;
  1511. background-position:center;
  1512. font-family:var(--Body-Font-Family), sans-serif;
  1513. font-weight:var(--Body-Font-Weight);
  1514. font-size:var(--Body-Font-Size);
  1515. color:var(--Body-Text-Color);
  1516. line-height:var(--Body-Line-Height);
  1517. -webkit-font-smoothing:antialiased;
  1518. -moz-osx-font-smoothing:grayscale;
  1519. }
  1520.  
  1521. html[bg-size="repeat"] body {
  1522. background-repeat:repeat;
  1523. }
  1524.  
  1525. html[bg-size="full"] body {
  1526. background-repeat:no-repeat;
  1527. background-size:cover;
  1528. }
  1529.  
  1530. .no-overscroll {
  1531. overscroll-behavior:none;
  1532. }
  1533.  
  1534. img, canvas, iframe, video {
  1535. vertical-align:middle;
  1536. }
  1537.  
  1538. b, strong {
  1539. font-weight:var(--Bold-Font-Weight)!important;
  1540. color:var(--Bold);
  1541. }
  1542.  
  1543. i:not([class]), em {
  1544. color:var(--Italic);
  1545. }
  1546.  
  1547. pre, code {
  1548. font-variant-ligatures:none;
  1549. font-variant-numeric:tabular-nums;
  1550. }
  1551.  
  1552. code {
  1553. padding:calc(0.5em - (((var(--Code-Font-Size) * var(--Code-Line-Height)) - var(--Code-Font-Size)) / 2)) 0.5em;
  1554. }
  1555.  
  1556. pre, code, li.chat-line:only-of-type:not(ul.chat-wrap li.chat-line:has(.chat-label)){
  1557. position:relative;
  1558. padding:var(--Code-Padding);
  1559. background:var(--Code-BG);
  1560. font-family:var(--Code-Font-Family);
  1561. font-weight:var(--Code-Font-Weight);
  1562. font-size:var(--Code-Font-Size);
  1563. color:var(--Code-Text-Color);
  1564. line-height:var(--Code-Line-Height);
  1565. }
  1566.  
  1567. pre:before, code:before, li.chat-line:only-of-type:not(ul.chat-wrap li.chat-line:has(.chat-label)):before {
  1568. content:"";
  1569. position:absolute;
  1570. top:0;left:0;
  1571. width:100%;height:100%;
  1572. -webkit-mask:var(--Secondary-Border-1-Mask-Image) center / auto repeat;
  1573. mask:var(--Secondary-Border-1-Mask-Image) center / auto repeat;
  1574. background:var(--Secondary-Border-1-Color);
  1575. pointer-events:none;
  1576. }
  1577.  
  1578. pre, li.chat-line:only-of-type:not(ul.chat-wrap li.chat-line:has(.chat-label)){
  1579. padding:calc(var(--Code-Padding) - (((var(--Code-Font-Size) * var(--Code-Line-Height)) - var(--Code-Font-Size)) / 2)) var(--Code-Padding);
  1580. word-wrap:break-word;
  1581. white-space:pre-wrap;
  1582. }
  1583.  
  1584. p.keep-reading {
  1585. text-align:center;
  1586. }
  1587.  
  1588. /*------- TEXT HIGHLIGHT -------*/
  1589. ::selection {
  1590. background:{color:text highlight BG};
  1591. color:{color:text highlighted};
  1592. }
  1593.  
  1594. ::-moz-selection {
  1595. background:{color:text highlight BG};
  1596. color:{color:text highlighted};
  1597. }
  1598.  
  1599. /*------- SCROLLBAR -------*/
  1600. /* override defaults */
  1601. .os-scrollbar {
  1602. --os-size:var(--Scrollbar-Total-Size)!important;
  1603. --os-padding-axis:0!important;
  1604. --os-padding-perpendicular:0!important;
  1605. --os-track-border-radius:0!important;
  1606. --os-handle-border-radius:0!important;
  1607. --os-handle-bg:var(--Scrollbar-Thumb)!important;
  1608. --os-handle-bg-hover:var(--Scrollbar-Thumb)!important;
  1609. --os-handle-bg-active:var(--Scrollbar-Thumb)!important;
  1610. --os-track-bg:var(--Scrollbar-BG)!important;
  1611. --os-track-bg-hover:var(--Scrollbar-BG)!important;
  1612. --os-track-bg-active:var(--Scrollbar-BG)!important;
  1613. }
  1614.  
  1615. /* vertical */
  1616. .os-scrollbar-vertical {
  1617. width:var(--Scrollbar-Total-Size)!important;
  1618. background:var(--Scrollbar-Border-Color);
  1619. }
  1620.  
  1621. .os-scrollbar-vertical .os-scrollbar-track {
  1622. margin-left:var(--Scrollbar-Border-Size);
  1623. width:var(--Scrollbar-Width)!important;
  1624. }
  1625.  
  1626. /* horizontal */
  1627. .os-scrollbar-horizontal {
  1628. height:var(--Scrollbar-Total-Size)!important;
  1629. background:var(--Scrollbar-Border-Color);
  1630. }
  1631.  
  1632. .os-scrollbar-horizontal .os-scrollbar-track {
  1633. margin-top:var(--Scrollbar-Border-Size);
  1634. height:var(--Scrollbar-Width)!important;
  1635. }
  1636.  
  1637. body:has(.bot-mplayer.mp-show) .os-scrollbar-vertical {
  1638. height:100%!important;
  1639. }
  1640.  
  1641. /* thumb */
  1642. .os-scrollbar-handle {
  1643. position:relative;
  1644. border-top:var(--Scrollbar-Thumb-Ridge-Size) solid var(--Scrollbar-Thumb-Highlight-Color)!important;
  1645. border-left:var(--Scrollbar-Thumb-Ridge-Size) solid var(--Scrollbar-Thumb-Highlight-Color)!important;
  1646. border-right:var(--Scrollbar-Thumb-Ridge-Size) solid var(--Scrollbar-Thumb-Shadow-Color)!important;
  1647. border-bottom:var(--Scrollbar-Thumb-Ridge-Size) solid var(--Scrollbar-Thumb-Shadow-Color)!important;
  1648. background:var(--Scrollbar-Thumb)!important;
  1649. box-sizing:border-box;
  1650. }
  1651.  
  1652. .os-scrollbar .os-scrollbar-handle:active {
  1653. border-top-color:var(--Scrollbar-Thumb-Shadow-Color)!important;
  1654. border-left-color:var(--Scrollbar-Thumb-Shadow-Color)!important;
  1655. border-right-color:var(--Scrollbar-Thumb-Highlight-Color)!important;
  1656. border-bottom-color:var(--Scrollbar-Thumb-Highlight-Color)!important;
  1657. }
  1658.  
  1659. .os-scrollbar-handle:after {
  1660. content:"";
  1661. position:absolute;
  1662. top:0;left:0;
  1663. width:100%;height:100%;
  1664. background:transparent;
  1665. transition:background-color var(--Scrollbar-Thumb-Hover-Speed) ease-in-out;
  1666. z-index:9;
  1667. }
  1668.  
  1669. .os-scrollbar .os-scrollbar-handle:hover:after {
  1670. background:var(--Scrollbar-Thumb-Hover-Color);
  1671. }
  1672.  
  1673. .os-scrollbar .os-scrollbar-handle:active:after {
  1674. background:var(--Scrollbar-Thumb-Pressing-Color);
  1675. transition-duration:0s;
  1676. }
  1677.  
  1678. .os-scrollbar, .os-scrollbar * { transition:all 0s!important }
  1679.  
  1680. /* corner */
  1681. [data-overlayscrollbars-overflow-x="scroll"]:before {
  1682. content:"";
  1683. position:fixed;
  1684. display:block;
  1685. bottom:0;right:0;
  1686. width:var(--Scrollbar-Total-Size);
  1687. height:var(--Scrollbar-Total-Size);
  1688. background:var(--Scrollbar-BG);
  1689. z-index:99999;
  1690. }
  1691.  
  1692. /* negate padding if scrollbar(s) isn't visible */
  1693. body:has(.os-scrollbar-vertical.os-scrollbar-unusable){
  1694. padding-right:0!important;
  1695. }
  1696.  
  1697. body:has(.os-scrollbar-horizontal.os-scrollbar-unusable){
  1698. padding-bottom:0!important;
  1699. }
  1700.  
  1701. @media (pointer:coarse){
  1702. .os-scrollbar { display:none!important }
  1703. body { padding:0!important }
  1704. iframe.tmblr-iframe.iframe-controls--desktop { margin-right:5px!important }
  1705. body:has(.os-scrollbar-vertical.os-scrollbar-visible) .bot-mplayer { width:100vw!important }
  1706. .bot-mplayer { --Bottom-Music-Player-Padding-X:var(--Bottom-Music-Player-Padding-Y)!important }
  1707. }
  1708.  
  1709. /*------- BODY FONT -------*/
  1710. html[font="Velvelyne"]:root {
  1711. --Body-Font-Size:calc({select:font size} + 1px);
  1712. }
  1713.  
  1714. html[desc-font="Velvelyne"]:root {
  1715. --Sidebar-Desc-Font-Size:calc({select:sidebar desc font size} + 1px);
  1716. }
  1717.  
  1718. html[font="Geist"]:root {
  1719. --Body-Font-Weight:450;
  1720. }
  1721.  
  1722. html[font="Departure Mono"]:root {
  1723. --Body-Font-Size:calc({select:font size} - 1.5px);
  1724. }
  1725.  
  1726. html[desc-font="Departure Mono"]:root {
  1727. --Sidebar-Desc-Font-Size:calc({select:sidebar desc font size} - 2px);
  1728. }
  1729.  
  1730. .post-body, .npf-alt-text-box {
  1731. letter-spacing:var(--Body-Letter-Spacing);
  1732. }
  1733.  
  1734. /*------- HEADING FONT -------*/
  1735. h1, h2, h3, h4, h5, h6 {
  1736. font-family:var(--Heading-Font-Family);
  1737. font-weight:var(--Heading-Font-Weight);
  1738. text-transform:var(--Heading-Text-Case);
  1739. letter-spacing:var(--Heading-Letter-Spacing);
  1740. word-spacing:var(--Heading-Word-Spacing);
  1741. line-height:var(--Heading-Line-Height);
  1742. }
  1743.  
  1744. h1 {
  1745. font-size:var(--Heading-Font-Size);
  1746. }
  1747.  
  1748. h2, h3 {
  1749. font-size:calc(var(--Heading-Font-Size) - 1px);
  1750. }
  1751.  
  1752. h4, h5, h6 {
  1753. font-size:calc(var(--Heading-Font-Size) - 2px);
  1754. }
  1755.  
  1756. html[heading-font^="Input "]:root {
  1757. --Heading-Font-Weight:500;
  1758. --Heading-Font-Size:calc({select:font size} + 1px);
  1759. --Heading-Letter-Spacing:0px;
  1760. --Heading-Word-Spacing:0.3px;
  1761. }
  1762.  
  1763. html[heading-font="New Rocker"]:root {
  1764. --Heading-Font-Weight:normal;
  1765. --Heading-Letter-Spacing:0.0420em;
  1766. --Heading-Word-Spacing:0.18em;
  1767. }
  1768.  
  1769. /*----- UPPERCASE FONT / CAPS FONT -----*/
  1770. html[caps-font="Figtree"]:root {
  1771. --Caps-Font-Weight:600;
  1772. }
  1773.  
  1774. html[caps-font="Public Sans"]:root {
  1775. --Caps-Font-Size:calc({select:font size} - 3px);
  1776. --Caps-Font-Weight:600;
  1777. }
  1778.  
  1779. html[caps-font="Karla"]:root {
  1780. --Caps-Font-Weight:600;
  1781. }
  1782.  
  1783. html[caps-font^="Input "]:root {
  1784. --Caps-Font-Size:calc({select:font size} - 3px);
  1785. --Caps-Letter-Spacing:0;
  1786. }
  1787.  
  1788. /* apply caps to the following: */
  1789. .caps, .stampie, .post-header, .chat-label, .aud-title, .site-name, .poll-row, .poll-see-results, span.audio-title, .aud-cur-time, .aud-total-time, .vidyo-current-time, .vidyo-duration, .q-top, .comment-header .deactivated, p.keep-reading, ol.notes a:not(li.with_commentary blockquote a), .more_notes_link, .notes_loading, p.tmblr-attribution a, .tagscont a, .post-footer, html[current-path^="/tagged"] .comment-body span.tag, html[current-path^="/search"] .comment-body .search_query, .botpagi, .bot-mplayer,
  1790. html[current-path="/customize_preview_receiver.html"] a.tumblr_blog {
  1791. font-family:var(--Caps-Font-Family);
  1792. font-weight:var(--Caps-Font-Weight);
  1793. text-transform:uppercase;
  1794. font-size:var(--Caps-Font-Size);
  1795. letter-spacing:var(--Caps-Letter-Spacing);
  1796. word-spacing:var(--Caps-Word-Spacing);
  1797. }
  1798.  
  1799. .comment-body .caps {
  1800. font-size:calc(var(--Caps-Font-Size) + 1px);
  1801. }
  1802.  
  1803. /* !important overrides bc t*mblr */
  1804. .poll-row, .poll-see-results {
  1805. font-weight:var(--Caps-Font-Weight)!important;
  1806. font-size:var(--Caps-Font-Size)!important;
  1807. }
  1808.  
  1809. /*------- LINKS -------*/
  1810. a {
  1811. color:var(--Links-Color);
  1812. text-decoration:none;
  1813. }
  1814.  
  1815. /* if it's a link, prioritize that color over other semantic tags */
  1816. .comment-body a :is(b,strong):not([style*='color:'],[class]),
  1817. .comment-body a :is(i,em):not([style*='color:'],[class]){
  1818. color:var(--Links-Color);
  1819. }
  1820.  
  1821. /* link underlines */
  1822. /* line #1 - all links in post except [...] */
  1823. html[links-underline="yes"] :is(.sb-title, .sb-desc, .post-body, .post-notes,) a:not(.perma-left a, a.comment-header, .comment-header a, a.tumblr_blog, a.aud-dl, a.link-render, .asker-name a.asker, a.stampie:has(.answer-name)),
  1824. /* line #2 - underline some child(ren) of certain links in posts */
  1825. /* e.g. not the <a> but the <span> inside it */
  1826. /* the same should apply for the next few blocks ([1/2],[2/2]) */
  1827. html[links-underline="yes"] :is(.post-body, .post-notes) :is(a.link-render h2, a.comment-header .username, .comment-header .username, a.tumblr_blog > span, ol.notes a:not(li.with_commentary blockquote a)){
  1828. text-decoration:var(--Links-Underline-Color) underline;
  1829. }
  1830.  
  1831. /* link HOVER TEXT-SHADOW EFFECT [1/2] */
  1832. /* position out of sight */
  1833. html[links-hover-effect="yes"] :is(.sb-title, .sb-desc, .post-header, .post-body, .tagscont, .perma-left, .botpagi, .post-notes, .navlinks, .custom-links) a:not(a.comment-header, .comment-header a, a.tumblr_blog, a.aud-dl, a.link-render, a.link-render .site-name),
  1834. html[links-hover-effect="yes"] :is(.post-body, .post-notes, .post-footer) :is(a.link-render h2, a.comment-header .username, .comment-header .username, a.tumblr_blog > span, ol.notes a:not(li.with_commentary blockquote a), :is(.post-footer :is(a,.like-area))){
  1835. text-shadow:var(--Links-Text-Shadow-Offset) 0 0 transparent,
  1836. calc(0px - var(--Links-Text-Shadow-Offset)) 0 0 transparent;
  1837. transition:text-shadow var(--Links-Text-Shadow-Hover-Speed) ease-in-out;
  1838. }
  1839.  
  1840. /* link HOVER TEXT-SHADOW EFFECT [2/2] */
  1841. /* phase in */
  1842. html[links-hover-effect="yes"] :is(.sb-title, .sb-desc, .post-header, .post-body, .tagscont, .perma-left, .botpagi, .post-notes, .navlinks, .custom-links) a:not(a.comment-header, .comment-header a, a.tumblr_blog, a.aud-dl, a.link-render):hover,
  1843. html[links-hover-effect="yes"] :is(.post-body, .post-notes, .post-footer) :is(a.comment-header .username, .comment-header .username, a.tumblr_blog > span, ol.notes a:not(li.with_commentary blockquote a), :is(.post-footer :is(a,.like-area))):hover,
  1844. html[links-hover-effect="yes"] .post-body a.link-render[href]:hover h2 {
  1845. text-shadow:0 0 0 var(--Links-Text-Shadow-Color),
  1846. 0 0 0 var(--Links-Text-Shadow-Color);
  1847. }
  1848.  
  1849. /* text shadow color OVERRIDES (e.g. for stampies) */
  1850. html[links-hover-effect="yes"] :is(.stampie, a:has(> .stampie)){
  1851. --Links-Text-Shadow-Color:rgba(var(--Secondary-Text-Color-RGB),0.69)!important;
  1852. --Links-Underline-Color:var(--Secondary-Text-Color)!important; /* [1/2] */
  1853. color:var(--Secondary-Text-Color)!important; /* [2/2] */
  1854. }
  1855.  
  1856. /* link HOVER underlines */
  1857. /* unhovered: no underline -> hovered: underline */
  1858. html[links-underline="yes"] :is(.posts, .custom-links) a:not(a.link-render, .post-controls a, .aud-dl, .post-controls a):hover,
  1859. html[links-underline="yes"] .post-notes a:hover,
  1860. html[links-underline="yes"] .botpagi a:hover .navitxt {
  1861. text-decoration:currentColor underline;
  1862. }
  1863.  
  1864. /* links uppercase */
  1865. html[links-caps="yes"] .comment-header .username,
  1866. html[links-caps="yes"] .post-body a {
  1867. font-family:var(--Caps-Font-Family);
  1868. font-weight:var(--Caps-Font-Weight);
  1869. text-transform:uppercase;
  1870. font-size:var(--Caps-Font-Size);
  1871. letter-spacing:var(--Caps-Letter-Spacing);
  1872. word-spacing:var(--Caps-Word-Spacing);
  1873. }
  1874.  
  1875. /*------- BLOCKQUOTES -------*/
  1876. blockquote {
  1877. margin-left:calc((var(--Reblog-Head-Image-Size) - var(--Blockquote-Border-Size)) / 2);
  1878. margin-right:0;
  1879. padding-left:calc(((var(--Reblog-Head-Image-Size) - var(--Blockquote-Border-Size)) / 2) + var(--Reblog-Head-Gutter));
  1880. border-left:var(--Blockquote-Border-Size) var(--Blockquote-Border-Style) var(--Blockquote-Border-Color);
  1881. }
  1882.  
  1883. /*------- BULLET LISTS -------*/
  1884. ul, ol {
  1885. --ul-ol-gap-1:1em;
  1886. --ul-ol-gap-2:0.5em;
  1887. padding-left:0;
  1888. margin-left:calc(1em + var(--ul-ol-gap-1));
  1889. }
  1890.  
  1891. li {
  1892. padding-left:var(--ul-ol-gap-2);
  1893. }
  1894.  
  1895. /* nested bullet lists */
  1896. ul ul, ol ul, ol ol, ul ol {
  1897. margin-left:calc(((1em + var(--ul-ol-gap-1)) * 2) - var(--ul-ol-gap-2));
  1898. }
  1899.  
  1900. /*------- TUMBLR CONTROLS -------*/
  1901. iframe.tmblr-iframe.iframe-controls--desktop {
  1902. position:fixed!important;
  1903. left:initial!important;
  1904. top:0!important;
  1905. right:0!important;
  1906. margin-left:0px!important;
  1907. margin-top:calc(var(--Top-Bar-Total-Height) + 5px)!important;
  1908. margin-right:5px!important;
  1909. transform-origin:100% 0%!important;
  1910. transform:scale(0.8,0.8)!important;
  1911. }
  1912.  
  1913. body:has(.os-scrollbar-vertical,.os-scrollbar-vertical) iframe.tmblr-iframe.iframe-controls--desktop {
  1914. margin-right:calc(var(--Scrollbar-Total-Size) + 5px)!important;
  1915. }
  1916.  
  1917. html[tumblr-controls-color="black"] iframe.tmblr-iframe.iframe-controls--desktop {
  1918. filter:invert(100%) hue-rotate(180deg)!important;
  1919. }
  1920.  
  1921. .tmblr-iframe--follow-teaser, .follow-teaser, .iframe-controls--phone-mobile, .tmblr-iframe--app-cta-button {
  1922. display:none!important;
  1923. visibility:hidden!important;
  1924. height:0!important;
  1925. }
  1926.  
  1927. iframe.tmblr-iframe {
  1928. -webkit-user-select:none;
  1929. -moz-user-select:none;
  1930. user-select:none;
  1931. }
  1932.  
  1933. /*------ TOP DECOR ------*/
  1934. .ceiling {
  1935. position:fixed;
  1936. top:0;left:0;
  1937. width:100%;
  1938. z-index:100;
  1939. }
  1940.  
  1941. .ceiling:has(+ main){
  1942. margin-bottom:calc(0px - var(--Top-Bar-Total-Height));
  1943. }
  1944.  
  1945. .ceiling a {
  1946. position:absolute;
  1947. display:block;
  1948. top:0;left:0;
  1949. width:100%;
  1950. height:100%;
  1951. }
  1952.  
  1953. .ceiling-ptn {
  1954. position:relative;
  1955. width:100%;
  1956. height:var(--Top-Bar-Stripes-Height);
  1957. background:linear-gradient({select:stripes direction}, var(--Top-Bar-Stripes-BG) calc(50% - var(--Top-Bar-Stripes-Width)), var(--Top-Bar-Stripes-Color) calc(50% - var(--Top-Bar-Stripes-Width)), var(--Top-Bar-Stripes-Color) 50%, var(--Top-Bar-Stripes-BG) 50%, var(--Top-Bar-Stripes-BG) calc(100% - var(--Top-Bar-Stripes-Width)), var(--Top-Bar-Stripes-Color) calc(100% - var(--Top-Bar-Stripes-Width)), var(--Top-Bar-Stripes-Color) 100%);
  1958. background-size:var(--Top-Bar-Stripes-Spacing) var(--Top-Bar-Stripes-Spacing);
  1959. }
  1960.  
  1961. .ceiling-ptn:after {
  1962. content:"";
  1963. position:absolute;
  1964. top:0;left:0;
  1965. width:100%;height:100%;
  1966. border-bottom:var(--Top-Bar-Underline-Size) var(--Top-Bar-Underline-Style) var(--Top-Bar-Underline-Color);
  1967. clip-path:inset(calc(100% - var(--Secondary-Border-1-Size)) 0 0 0);
  1968. }
  1969.  
  1970. .ceiling-ptn.stripes-hide, .ceiling-ptn.tb-underline-hide:after,
  1971. .lace-bar.lace-hide { display:none }
  1972.  
  1973. html:has(.ceiling-ptn.stripes-hide):has(.lace-bar.lace-show):root {
  1974. --Top-Bar-Total-Height:var(--Top-Bar-Lace-Height);
  1975. }
  1976.  
  1977. html:has(.ceiling-ptn.stripes-show):has(.lace-bar.lace-hide):root {
  1978. --Top-Bar-Total-Height:var(--Top-Bar-Stripes-Height);
  1979. }
  1980.  
  1981. html:has(.ceiling-ptn.stripes-hide):has(.lace-bar.lace-hide):root {
  1982. --Top-Bar-Total-Height:0px;
  1983. }
  1984.  
  1985. .lace-bar {
  1986. position:relative;
  1987. background:center top / contain repeat-x var(--Top-Bar-Lace-Image);
  1988. height:var(--Top-Bar-Lace-Height);
  1989. }
  1990.  
  1991. .lace-align-middle {
  1992. margin-top:calc(var(--Top-Bar-Lace-Height) / -2);
  1993. }
  1994.  
  1995. /*------ CONTAINER ------*/
  1996. main {
  1997. margin:0 auto;
  1998. width:var(--Container-Width-Total);
  1999. }
  2000.  
  2001. .load-in { opacity:0; }
  2002.  
  2003. .load-in, .load-removing {
  2004. transition:opacity var(--Load-In-Speed) ease-in-out;
  2005. }
  2006.  
  2007. .main-hug-1 {
  2008. margin:0;
  2009. }
  2010.  
  2011. .main-hug-2 {
  2012. display:flex;
  2013. align-items:flex-start;
  2014. justify-content:center;
  2015. flex-flow:row nowrap;
  2016. gap:var(--Post-Side-Gaps);
  2017. margin-left:var(--Container-Left-Nudge);
  2018. }
  2019.  
  2020. .main-hug-2 > * { flex-shrink:0; }
  2021.  
  2022. /*----- BLINKIES WALL -----*/
  2023. .blinkies-wall {
  2024. position:sticky;
  2025. width:var(--Blinkies-Wall-Width-Total);
  2026. min-width:var(--Blinkies-Wall-Width-Total);
  2027. z-index:99;
  2028. }
  2029.  
  2030. .blinkies-wall.short-stick {
  2031. position:sticky;
  2032. top:0;
  2033. }
  2034.  
  2035. .blinkies-wall.long-stick {
  2036. top:calc(100vh - var(--Target-Height) - var(--Screen-Gaps) - var(--Bottom-Music-Player-Total-Height))!important;
  2037. }
  2038.  
  2039. .blinkies-wall:is(.blinkies-at-middle,.blinkies-at-bottom) .bw-inner {
  2040. display:flex;
  2041. flex-flow:column nowrap;
  2042. }
  2043.  
  2044. .blinkies-at-middle .bw-inner { justify-content:center }
  2045. .blinkies-at-bottom .bw-inner { justify-content:flex-end }
  2046.  
  2047. .bw-inner {
  2048. margin-top:calc(var(--Top-Bar-Total-Height) + var(--Screen-Gaps));
  2049. width:100%;
  2050. min-height:calc(100vh - var(--Top-Bar-Total-Height) - (var(--Screen-Gaps) * 2));
  2051. }
  2052.  
  2053. .blinkies-grid {
  2054. position:relative;
  2055. z-index:1;
  2056. opacity:0;
  2057. }
  2058.  
  2059. .blinkies-grid.loaded {
  2060. opacity:1;
  2061. transition:opacity var(--Blinkies-Fade-In-Speed) ease-in-out;
  2062. }
  2063.  
  2064. .blinkies-grid:has(.blinkie.is-dragging){
  2065. user-select:none;
  2066. }
  2067.  
  2068. .blinkies-grid-inner {
  2069. position:relative;
  2070. margin:auto;
  2071. height:100%;
  2072. }
  2073.  
  2074. .blinkie {
  2075. position:absolute;
  2076. z-index:var(--Blinkies-Unfocused-Item-Z-Index);
  2077. }
  2078.  
  2079. .blinkie img {
  2080. transform-origin:center;
  2081. transition:transform var(--Blinkies-Hover-Zoom-Speed) ease-in-out;
  2082. }
  2083.  
  2084. html[blinkies-hover-zoom="yes"] .blinkie:hover img {
  2085. transform:scale(var(--Blinkies-Hover-Zoom-Factor,1.15),var(--Blinkies-Hover-Zoom-Factor,1.15));
  2086. }
  2087.  
  2088. html[blinkies-draggable="yes"] .blinkie {
  2089. cursor:grab;
  2090. }
  2091.  
  2092. .blinkie.item-focused {
  2093. z-index:var(--Blinkies-Focused-Item-Z-Index);
  2094. }
  2095.  
  2096. .blinkie.is-pointer-down {
  2097. cursor:grabbing!important;
  2098. }
  2099.  
  2100. .blinkie img {
  2101. display:block;
  2102. max-width:var(--Blinkies-Max-Width);
  2103. max-height:var(--Blinkies-Max-Height);
  2104. }
  2105.  
  2106. /*------ SIDEBAR (RIGHT) ------*/
  2107. .sb-right {
  2108. position:sticky;
  2109. width:var(--Sidebar-Width-Total);
  2110. height:calc(100vh - var(--Screen-Gaps));
  2111. }
  2112.  
  2113. .sb-right.short-stick {
  2114. position:sticky;
  2115. top:0;
  2116. }
  2117.  
  2118. .sb-right.long-stick {
  2119. top:calc(100vh - var(--Target-Height) - var(--Screen-Gaps) - var(--Bottom-Music-Player-Total-Height))!important;
  2120. }
  2121.  
  2122. .sb-right.sb-at-middle {
  2123. display:flex;
  2124. flex-flow:column nowrap;
  2125. justify-content:center;
  2126. }
  2127.  
  2128. .sb-inner-1 {
  2129. display:flex;
  2130. flex-flow:column nowrap;
  2131. justify-content:flex-start;
  2132. }
  2133.  
  2134. .sb-inner-2 {
  2135. margin-top:calc(var(--Top-Bar-Total-Height) + var(--Screen-Gaps))!important;
  2136. }
  2137.  
  2138. /*------ SIDEBAR IMAGE ------*/
  2139. .sb-img-wrap-outer-1 {
  2140. padding:0 var(--Sidebar-Image-Shadow-Offset) var(--Sidebar-Image-Shadow-Offset) 0;
  2141. }
  2142.  
  2143. .sb-img-wrap-outer-2 {
  2144. position:relative;
  2145. --Stampies-Padding-Y:var(--Stampies-Padding-X)!important;
  2146. }
  2147.  
  2148. .sb-img-wrap {
  2149. --za:calc(var(--Secondary-Border-2-Size) + 0.5px);
  2150. clip-path:polygon(0 0, 100% 0, 100% calc(var(--Sidebar-Image-Shadow-Offset) + var(--za)), calc(100% - var(--Stampies-Padding-X) + var(--za)) calc(var(--Sidebar-Image-Shadow-Offset) + var(--za)), calc(100% - var(--Stampies-Padding-X) + var(--za)) calc(100% - var(--Stampies-Padding-Y) + var(--za)), calc(var(--Sidebar-Image-Shadow-Offset) + var(--za)) calc(100% - var(--Stampies-Padding-Y) + var(--za)), calc(var(--Sidebar-Image-Shadow-Offset) + var(--za)) 100%, 0 100%);
  2151. }
  2152.  
  2153. .sb-right img {
  2154. display:block;
  2155. width:var(--Sidebar-Image-Width);
  2156. }
  2157.  
  2158. .sb-shadow-wrap {
  2159. position:absolute;
  2160. top:0;left:0;
  2161. margin:var(--Sidebar-Image-Shadow-Offset) 0 0 var(--Sidebar-Image-Shadow-Offset);
  2162. width:100%;
  2163. height:100%;
  2164. pointer-events:none;
  2165. }
  2166.  
  2167. /* sb img: shadow: white border */
  2168. .sb-shadow-wrap:after {
  2169. content:"";
  2170. position:absolute;
  2171. top:0;left:0;
  2172. width:100%;
  2173. height:100%;
  2174. background:var(--Secondary-Border-2-Color);
  2175. z-index:-3;
  2176. }
  2177.  
  2178. .sb-shadow {
  2179. width:100%;
  2180. height:100%;
  2181. z-index:-1;
  2182. }
  2183.  
  2184. .sb-shadow .stampie-inner {
  2185. height:100%;
  2186. }
  2187.  
  2188. .sb-paints {
  2189. position:absolute;
  2190. top:0;left:0;
  2191. width:100%;
  2192. height:100%;
  2193. z-index:-3;
  2194. }
  2195.  
  2196. .sbp-hide { display:none }
  2197.  
  2198. .sb-paints:before {
  2199. content:"";
  2200. position:absolute;
  2201. bottom:0;left:0;
  2202. margin-bottom:calc(0px - (var(--Sidebar-Image-Bot-Spray-Width) * 0.424));
  2203. margin-left:calc(0px - (var(--Sidebar-Image-Bot-Spray-Width) * 0.325));
  2204. width:var(--Sidebar-Image-Bot-Spray-Width);
  2205. height:var(--Sidebar-Image-Bot-Spray-Height);
  2206. -webkit-mask:var(--Sidebar-Image-Bot-Spray-Mask) no-repeat center / contain;
  2207. mask:var(--Sidebar-Image-Bot-Spray-Mask) no-repeat center / contain;
  2208. background:var(--Sidebar-Image-Bot-Spray-Color);
  2209. }
  2210.  
  2211. .sb-paints:after {
  2212. content:"";
  2213. position:absolute;
  2214. top:0;right:0;
  2215. margin-top:calc(0px - (var(--Sidebar-Image-Top-Spray-Width) * 0.43));
  2216. margin-right:calc(0px - (var(--Sidebar-Image-Top-Spray-Width) * 0.285));
  2217. width:var(--Sidebar-Image-Top-Spray-Width);
  2218. height:var(--Sidebar-Image-Top-Spray-Height);
  2219. -webkit-mask:var(--Sidebar-Image-Top-Spray-Mask) no-repeat center / contain;
  2220. mask:var(--Sidebar-Image-Top-Spray-Mask) no-repeat center / contain;
  2221. background:var(--Sidebar-Image-Top-Spray-Color);
  2222. }
  2223.  
  2224. .sb-tape-wrap {
  2225. position:absolute;
  2226. top:0;left:0;
  2227. margin-top:calc(var(--Sidebar-Image-Tape-Move-Y) * {select:sidebar image tape move Y direction});
  2228. margin-left:calc(var(--Sidebar-Image-Tape-Move-X) * {select:sidebar image tape move X direction});
  2229. }
  2230.  
  2231. .sb-tape-wrap.tape-hide { display:none }
  2232.  
  2233. .sb-tape {
  2234. position:absolute;
  2235. top:0;left:0;
  2236. width:var(--Sidebar-Image-Tape-Width);
  2237. height:var(--Sidebar-Image-Tape-Height);
  2238. background:var(--Sidebar-Image-Tape-Visible-Image) no-repeat center / cover;
  2239. transform-origin:center;
  2240. transform:rotate(var(--Sidebar-Image-Tape-Tilt));
  2241. margin-top:calc(((var(--Sidebar-Image-Tape-Height) / 2) * sqrt(2)) / 2);
  2242. margin-left:calc(((var(--Sidebar-Image-Tape-Width) / -2) * sqrt(2)) / 2);
  2243. }
  2244.  
  2245. .sb-tape.mask-yes {
  2246. -webkit-mask:var(--Sidebar-Image-Tape-Mask) no-repeat center / contain;
  2247. mask:var(--Sidebar-Image-Tape-Mask) no-repeat center / contain;
  2248. }
  2249.  
  2250. .sb-info-area {
  2251. display:flex;
  2252. flex-flow:row nowrap;
  2253. gap:var(--Sidebar-Navlinks-Left-Gap);
  2254. }
  2255.  
  2256. .sb-info-area:not(:first-child){
  2257. margin-top:var(--Sidebar-Title-Top-Gap);
  2258. }
  2259.  
  2260. .sb-info-left {
  2261. margin-left:var(--Sidebar-Image-Shadow-Offset);
  2262. flex:1;
  2263. }
  2264.  
  2265. /*------ SIDEBAR TITLE ------*/
  2266. .sb-title {
  2267. font-size:var(--Sidebar-Title-Font-Size);
  2268. color:var(--Sidebar-Title-Color);
  2269. text-align:center;
  2270. }
  2271.  
  2272. .sb-info-left :is(h1,h2,h3,h4,h5,h6,p,ul,ol){ margin:0 }
  2273.  
  2274. .sbt-hide,
  2275. [sbt-field-val=""][bt-val=""]{ display:none }
  2276.  
  2277. /*------ SIDEBAR DESC ------*/
  2278. .sbd-hide,
  2279. [sbd-field-val=""][bd-val=""]{ display:none }
  2280.  
  2281. .sb-desc-wrap:not(:first-child){
  2282. margin-top:var(--Sidebar-Desc-Top-Gap);
  2283. }
  2284.  
  2285. .sb-desc {
  2286. font-family:var(--Sidebar-Desc-Font-Family);
  2287. font-weight:var(--Body-Font-Weight);
  2288. letter-spacing:var(--Body-Letter-Spacing);
  2289. word-spacing:var(--Body-Word-Spacing);
  2290. text-transform:none;
  2291. font-size:var(--Sidebar-Desc-Font-Size);
  2292. text-align:var(--Sidebar-Desc-Text-Align);
  2293. text-wrap:balance;
  2294. color:var(--Sidebar-Desc-Text-Color);
  2295. }
  2296.  
  2297. :is(.sb-title,.sb-desc) :is(b,strong){
  2298. color:var(--Sidebar-Desc-Bold);
  2299. }
  2300.  
  2301. :is(.sb-title,.sb-desc) :is(i:not([class]),em){
  2302. color:var(--Sidebar-Desc-Italic);
  2303. }
  2304.  
  2305. :is(.sb-title,.sb-desc) a {
  2306. color:var(--Sidebar-Desc-Links);
  2307. }
  2308.  
  2309. html[links-hover-effect="yes"] :is(.sb-title a,.sb-desc a){
  2310. --Links-Text-Shadow-Color:rgba(var(--Sidebar-Desc-Links-RGB),0.69)!important;
  2311. --Links-Underline-Color:var(--Sidebar-Desc-Links)!important; /* [1/2] */
  2312. color:var(--Sidebar-Desc-Links)!important; /* [2/2] */
  2313. }
  2314.  
  2315. :is(.sb-title,.sb-desc) [aria-label]:not([aria-label=""],a[href]:not([href=""])){
  2316. cursor:help;
  2317. }
  2318.  
  2319. /*------ CUSTOM LINKS ------*/
  2320. .custom-links {
  2321. position:relative;
  2322. height:var(--CL-Square-Size);
  2323. }
  2324.  
  2325. .custom-links:not(:first-child){
  2326. margin-top:var(--Custom-Links-Top-Gap);
  2327. }
  2328.  
  2329. .custom-links nav {
  2330. position:relative;
  2331. display:grid;
  2332. grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  2333. }
  2334.  
  2335. .custom-links nav:before { content:"" }
  2336.  
  2337. .custom-links nav:after {
  2338. content:"";
  2339. margin-top:calc((var(--CL-Square-Size) / 2) - var(--Secondary-Border-1-Size) - (var(--Secondary-Border-1-Size) / 2));
  2340. height:calc(var(--Secondary-Border-1-Size) * 2);
  2341. -webkit-mask:var(--Secondary-Border-1-Mask-Image) center / auto repeat;
  2342. mask:var(--Secondary-Border-1-Mask-Image) center / auto repeat;
  2343. background:var(--Secondary-Border-1-Color);
  2344. clip-path:inset(var(--Secondary-Border-1-Size) 0 0 0);
  2345. transform:perspective(0);
  2346. }
  2347.  
  2348. .custom-links nav ul[role="menu"]{
  2349. position:relative;
  2350. display:flex;
  2351. flex-flow:row wrap;
  2352. justify-content:var(--Custom-Links-Alignment);
  2353. gap:var(--Custom-Links-Icon-Spacing);
  2354. overflow:hidden;
  2355. }
  2356.  
  2357. .custom-links nav :is(ul,li){
  2358. list-style:none;
  2359. margin:0;padding:0;
  2360. }
  2361.  
  2362. .custom-links nav ul[role="menu"] li {
  2363. position:relative;
  2364.  
  2365. --Stampies-Padding-X:var(--CL-Padding);
  2366. --Stampies-Padding-Y:var(--CL-Padding)!important;
  2367.  
  2368. display:flex;
  2369. width:var(--CL-Square-Size);
  2370. height:var(--CL-Square-Size);
  2371. flex-shrink:0;
  2372. }
  2373.  
  2374. /* cl: horizontal line (between) */
  2375. .custom-links nav ul[role="menu"] li:not(:last-child):after {
  2376. content:"";
  2377. position:absolute;
  2378. top:50%;transform:translateY(-50%);
  2379. margin-top:var(--Secondary-Border-1-Size);
  2380. left:100%;
  2381. width:var(--Custom-Links-Icon-Spacing);
  2382. height:calc(var(--Secondary-Border-1-Size) * 2);
  2383. -webkit-mask:var(--Secondary-Border-1-Mask-Image) center / auto repeat;
  2384. mask:var(--Secondary-Border-1-Mask-Image) center / auto repeat;
  2385. background:var(--Secondary-Border-1-Color);
  2386. clip-path:inset(0 0 var(--Secondary-Border-1-Size) 0);
  2387. z-index:-3;
  2388. }
  2389.  
  2390. .custom-links nav ul[role="menu"] li, .custom-links nav ul[role="menu"] li * {
  2391. line-height:1;
  2392. }
  2393.  
  2394. .custom-links nav ul[role="menu"] li :is(.stampie, .stampie-inner){
  2395. width:100%;
  2396. height:100%;
  2397. display:flex;
  2398. align-items:center;
  2399. justify-content:center;
  2400. }
  2401.  
  2402. .custom-links .cl-text {
  2403. display:block;
  2404. transform:perspective(0);
  2405. font-family:var(--Custom-Links-Font)!important;
  2406. }
  2407.  
  2408. :is([cl-font="Karla"],[cl-font="Schibsted Grotesk"]) .cl-text {
  2409. font-weight:500!important;
  2410. }
  2411.  
  2412. [cl-font="Karla"] .cl-text {
  2413. font-size:calc(var(--Custom-Links-Font-Size) + 1px)!important;
  2414. }
  2415.  
  2416. [cl-font="Departure Mono"] .cl-text {
  2417. font-size:calc(var(--Custom-Links-Font-Size) - 2px)!important;
  2418. }
  2419.  
  2420. [cl-font="New Rocker"] .cl-text {
  2421. font-weight:normal!important;
  2422. font-size:calc(var(--Cusotm-Links-Font-Size) - 0.5px)!important;
  2423. }
  2424.  
  2425. /*------ NAVLINKS ------*/
  2426. .sb-info-right {
  2427. position:relative;
  2428. flex-shrink:0;
  2429. align-self:stretch;
  2430. z-index:0;
  2431. }
  2432.  
  2433. /* navl: vertical line */
  2434. .sb-info-right:before {
  2435. content:"";
  2436. position:absolute;
  2437. top:0;margin-top:calc(0px - var(--Sidebar-Title-Top-Gap));
  2438. left:50%;transform:translateX(-50%) perspective(0);
  2439. margin-left:calc(var(--Secondary-Border-1-Size) / -2);
  2440. width:calc(var(--Secondary-Border-1-Size) * 2);
  2441. height:calc(var(--Sidebar-Title-Top-Gap) + 100% - (var(--CL-Square-Size) / 2));
  2442. -webkit-mask:var(--Secondary-Border-1-Mask-Image) center / auto repeat;
  2443. mask:var(--Secondary-Border-1-Mask-Image) center / auto repeat;
  2444. background:var(--Secondary-Border-1-Color);
  2445. clip-path:inset(0 0 0 var(--Secondary-Border-1-Size));
  2446. z-index:-3;
  2447. }
  2448.  
  2449. /* navl: horizontal line (connecting piece) */
  2450. .sb-info-right:after {
  2451. content:"";
  2452. position:absolute;
  2453. bottom:0;left:0;
  2454. margin-bottom:calc((var(--CL-Square-Size) / 2) - (var(--Secondary-Border-1-Size) / 2));
  2455. margin-left:calc(0px - var(--Sidebar-Navlinks-Left-Gap));
  2456. width:calc((var(--NL-Square-Size) / 2) + var(--Sidebar-Navlinks-Left-Gap));
  2457. height:calc(var(--Secondary-Border-1-Size) * 2);
  2458. -webkit-mask:var(--Secondary-Border-1-Mask-Image) center / auto repeat;
  2459. mask:var(--Secondary-Border-1-Mask-Image) center / auto repeat;
  2460. background:var(--Secondary-Border-1-Color);
  2461. clip-path:inset(var(--Secondary-Border-1-Size) 0 0 0);
  2462. transform:perspective(0);
  2463. }
  2464.  
  2465. .sb-info-right nav {
  2466. margin-top:var(--Sidebar-Navlinks-Top-Gap);
  2467. --Stampies-Padding-X:var(--Sidebar-Navlinks-Icon-Padding);
  2468. --Stampies-Padding-Y:var(--Stampies-Padding-X)!important;
  2469. }
  2470.  
  2471. .sb-info-right nav, .sb-info-right nav *:not(i[class]:not([class=""])){
  2472. line-height:0;
  2473. }
  2474.  
  2475. .sb-info-right nav :is(ul,li){
  2476. list-style:none;
  2477. margin:0;padding:0;
  2478. }
  2479.  
  2480. .sb-info-right nav ul[role="menu"]{
  2481. display:flex;
  2482. flex-flow:column nowrap;
  2483. gap:var(--Sidebar-Navlinks-Icon-Spacing);
  2484. }
  2485.  
  2486. .sb-info-right nav i[class]:not([class=""]){
  2487. font-size:var(--Sidebar-Navlinks-Icon-Size);
  2488. line-height:1;
  2489. }
  2490.  
  2491. /*---- IF NO CUSTOM LINKS ----*/
  2492. /* hide empty custom links */
  2493. /* either HOVER TEXT or URL are empty */
  2494. .custom-links nav ul[role="menu"] li:not([has-label],[has-url]){
  2495. display:none!important;
  2496. }
  2497.  
  2498. /* if no custom links */
  2499. /* [1/3] make navl height min-content */
  2500. /* [2/3] hide connecting horizontal piece */
  2501. /* [3/3] hide cl div */
  2502. .sb-info-area:not(:has([has-label],[has-url])) .sb-info-right {
  2503. align-self:flex-start;
  2504. }
  2505.  
  2506. .sb-info-area:not(:has([has-label],[has-url])) .sb-info-right:after {
  2507. display:none;
  2508. }
  2509.  
  2510. .sb-info-area:not(:has([has-label],[has-url])) .custom-links {
  2511. display:none;
  2512. }
  2513.  
  2514. /*------- POSTS WRAPPER -------*/
  2515. .all-posts {
  2516. margin-top:calc(var(--Top-Bar-Total-Height) + var(--Screen-Gaps));
  2517. margin-bottom:var(--Screen-Gaps);
  2518. width:var(--Post-Width-Total);
  2519. }
  2520.  
  2521. body:has(.bot-mplayer.mp-show) .all-posts {
  2522. margin-bottom:calc(var(--Screen-Gaps) + var(--Bottom-Music-Player-Total-Height));
  2523. }
  2524.  
  2525. .all-posts:has(.posts:last-child, .post-notes:last-child){
  2526. margin-bottom:0;
  2527. }
  2528.  
  2529. .posts:last-child {
  2530. margin-bottom:0;
  2531. }
  2532.  
  2533. .posts {
  2534. width:100%;
  2535. overflow:hidden;
  2536. margin-bottom:var(--Post-Spacing);
  2537. }
  2538.  
  2539. .post-inner, .post-notes, .botpagi {
  2540. }
  2541.  
  2542. .post-inner {
  2543. display:flex;
  2544. flex-direction:column;
  2545. }
  2546.  
  2547. /*------- POST HEADER -------*/
  2548. .post-header {
  2549. margin-inline:calc(var(--Primary-Border-1-Size-Half) + var(--Borders-Spacing));
  2550. }
  2551.  
  2552. .post-header:not(:last-child){
  2553. margin-bottom:var(--Pin-Display-Row-Bottom-Gap);
  2554. }
  2555.  
  2556. .pin-flex {
  2557. display:flex;
  2558. align-items:stretch;
  2559. flex-flow:row nowrap;
  2560. gap:var(--Pin-Label-Left-Gap);
  2561. max-width:100%;
  2562. overflow:hidden;
  2563. }
  2564.  
  2565. .pin-square {
  2566. position:relative;
  2567. display:flex;
  2568. align-items:center;
  2569. justify-content:center;
  2570. width:var(--Pin-Icon-Total-Size);
  2571. height:var(--Pin-Icon-Total-Size);
  2572. flex-shrink:0;
  2573. }
  2574.  
  2575. /* horiz divider/line */
  2576. .pin-square:not(:last-child):after,
  2577. .pin-flex > * + *:after {
  2578. content:"";
  2579. position:absolute;
  2580. top:50%;
  2581. transform:translateY(-50%);
  2582. margin-top:calc(var(--Pin-Label-Left-Gap) / -2);
  2583. right:100%;
  2584. width:var(--Pin-Label-Left-Gap);
  2585. height:var(--Pin-Label-Left-Gap);
  2586. -webkit-mask:var(--Secondary-Border-1-Mask-Image) center / auto repeat;
  2587. mask:var(--Secondary-Border-1-Mask-Image) center / auto repeat;
  2588. background:var(--Secondary-Border-1-Color);
  2589. clip-path:inset(calc(100% - var(--Secondary-Border-1-Size)) 0 0 0);
  2590. }
  2591.  
  2592. .pin-square:after {
  2593. left:100%;
  2594. right:initial;
  2595. }
  2596.  
  2597. .pin-s-inner {
  2598. position:relative;
  2599. display:flex;
  2600. align-items:center;
  2601. justify-content:center;
  2602. --aa:calc(var(--Pin-Icon-Total-Size) - (var(--Secondary-Border-1-Size) * 2) - (var(--Secondary-Border-Spacing) * 2));
  2603. width:var(--aa);
  2604. height:var(--aa);
  2605. background:var(--Secondary-BG);
  2606. }
  2607.  
  2608. .pin-icon-wrap {
  2609. transform:translateX(0.5px);
  2610. }
  2611.  
  2612. .pin-icon-wrap i[class]:not([class=""]){
  2613. display:block;
  2614. transform-origin:center;
  2615. transform:rotate(var(--Pin-Icon-Rotation));
  2616. font-size:var(--Pin-Icon-Size);
  2617. color:var(--Secondary-Text-Color);
  2618. }
  2619.  
  2620. .pin-text {
  2621. position:relative;
  2622. color:var(--Secondary-Text-Color);
  2623. white-space:nowrap;
  2624. }
  2625.  
  2626. .pin-text:not(:first-child){
  2627. overflow:hidden;
  2628. }
  2629.  
  2630. .pin-text:not(:first-child) * {
  2631. text-overflow:ellipsis;
  2632. overflow:hidden;
  2633. }
  2634.  
  2635. .pin-text-inner {
  2636. position:relative;
  2637. padding:0 var(--Pin-Text-Rendered-Padding);
  2638. height:100%;
  2639. display:flex;
  2640. align-items:center;
  2641. justify-content:center;
  2642. text-align:center;
  2643. line-height:1;
  2644. }
  2645.  
  2646. .pin-text-inner .caps {
  2647. display:block;
  2648. transform:translateY(.5px);
  2649. }
  2650.  
  2651. html[caps-font^="Input "] .pin-text-inner .caps {
  2652. font-size:calc(var(--Caps-Font-Size) - 1px);
  2653. -webkit-text-stroke:0.15px currentColor;
  2654. text-stroke:0.15px currentColor;
  2655. }
  2656.  
  2657. /*----- MAIN POST DUO BORDERS -----*/
  2658. .post-inner-hug,
  2659. .post-notes {
  2660. position:relative;
  2661. z-index:0;
  2662. }
  2663.  
  2664. /* jagged, outer */
  2665. .post-inner-hug:before,
  2666. .post-notes:before {
  2667. content:"";
  2668. position:absolute;
  2669. top:0;left:0;
  2670. width:100%;
  2671. height:100%;
  2672. -webkit-mask:var(--Primary-Border-1-Mask-Image) 0 0 / var(--Primary-Border-1-Size-Double) round;
  2673. mask:var(--Primary-Border-1-Mask-Image) 0 0 / var(--Primary-Border-1-Size-Double) round;
  2674. background:var(--Primary-Border-1-Color);
  2675. --z:var(--Primary-Content-Edge-Pos);
  2676. clip-path: polygon(0% 0%, 0% 100%, var(--z) 100%, var(--z) var(--z), calc(100% - var(--z)) var(--z), calc(100% - var(--z)) calc(100% - var(--z)), var(--z) calc(100% - var(--z)), 0 100%, 100% 100%, 100% 0%);
  2677. }
  2678.  
  2679. /* dotted, inner */
  2680. .post-inner-hug:after,
  2681. .post-notes:after {
  2682. content:"";
  2683. position:absolute;
  2684. top:0;left:0;
  2685. --oo:calc(var(--Primary-Content-Edge-Pos) + var(--Borders-Spacing));
  2686. margin-top:var(--oo);
  2687. margin-left:var(--oo);
  2688. width:calc(100% - (var(--oo) * 2));
  2689. height:calc(100% - (var(--oo) * 2));
  2690. -webkit-mask:var(--Primary-Border-2-Mask-Image) center / auto repeat;
  2691. mask:var(--Primary-Border-2-Mask-Image) center / auto repeat;
  2692. background:var(--Primary-Border-2-Color);
  2693. pointer-events:none;
  2694. z-index:1;
  2695. }
  2696.  
  2697. .post-body {
  2698. position:relative;
  2699. padding:var(--Post-Padding);
  2700. }
  2701.  
  2702. /* post bg */
  2703. .post-body:before,
  2704. .post-notes ol.notes:before {
  2705. content:"";
  2706. position:absolute;
  2707. top:0;left:0;
  2708. --ee:calc(var(--Primary-Content-Edge-Pos) + var(--Borders-Spacing) + var(--Primary-Border-2-Size));
  2709. margin-top:var(--ee);
  2710. margin-left:var(--ee);
  2711. width:calc(100% - (var(--ee) * 2));
  2712. height:calc(100% - (var(--ee) * 2));
  2713. background:var(--Primary-BG);
  2714. z-index:-1;
  2715. }
  2716.  
  2717. .post-body > * {
  2718. max-width:100%;
  2719. overflow:hidden;
  2720. }
  2721.  
  2722. /*------- GRAYSCALE POSTS -------*/
  2723. html[bw-posts="yes"] .post-body :is(img,video,iframe){
  2724. filter:grayscale(100%) contrast(110%);
  2725. transition:filter var(--Grayscale-Posts-Hover-Speed) ease-in-out;
  2726. }
  2727.  
  2728. html[bw-posts="yes"] .posts:hover .post-body :is(img,video,iframe){
  2729. filter:grayscale(0%) contrast(100%);
  2730. }
  2731.  
  2732. /*------- POST TITLES -------*/
  2733. .post-title {
  2734. margin-bottom:var(--Heading-Bottom-Gap)!important;
  2735. color:var(--Heading-Text-Color);
  2736. text-align:center;
  2737. }
  2738.  
  2739. .text-block:first-child > .post-title:first-child {
  2740. margin-top:0;
  2741. }
  2742.  
  2743. .text-block > .post-title:first-child:not(:last-child){
  2744. padding-bottom:0;
  2745. }
  2746.  
  2747. /*------- TEXT POSTS -------*/
  2748. .text-block > .post-title + .comments > .comment:first-child {
  2749. padding-top:0;
  2750. }
  2751.  
  2752. /*------- CAPTIONS / COMMENTS -------*/
  2753. .comment {
  2754. /*padding:var(--Post-Padding);*/
  2755. }
  2756.  
  2757. .comments > blockquote.blockquote-group:last-child {
  2758. margin-bottom:0;
  2759. }
  2760.  
  2761. /* line #1 is for npf */
  2762. /* line #2 is for legacy */
  2763. .post-body > .post-media:first-child + [class*="-block"] > .comments:first-child,
  2764. .post-body > [class*="-block"]:first-child > .post-media:first-child + .comments,
  2765. .post-body > .answer-block:first-child > [class*="-part"] + .comments {
  2766. margin-top:var(--Captions-Top-Gap);
  2767. }
  2768.  
  2769. .comments:empty {
  2770. display:none;
  2771. }
  2772.  
  2773. .comment-header {
  2774. display:flex;
  2775. align-items:center;
  2776. justify-content:flex-start;
  2777. width:fit-content;
  2778. gap:0 var(--Reblog-Head-Gutter);
  2779. }
  2780.  
  2781. .comment-header img.userpic {
  2782. width:var(--Reblog-Head-Image-Size);
  2783. height:var(--Reblog-Head-Image-Size);
  2784. border-radius:var(--Reblog-Head-Image-Rounded-Corners);
  2785. }
  2786.  
  2787. /* gray out deactivated pfps */
  2788. .comment.has-deactivated .comment-header img.userpic[src*="assets.tumblr.com/images/default_avatar"],
  2789. .comment.has-deactivated .comment-header img.userpic[src*="64.media.tumblr.com"][src*="/s64x64u_"]{
  2790. filter:grayscale(100%);
  2791. }
  2792.  
  2793. .comment-header .username,
  2794. html[current-path="/customize_preview_receiver.html"] a.tumblr_blog {
  2795. color:var(--Reblog-Name-Color);
  2796. }
  2797.  
  2798. .comment-header:not(:last-child){
  2799. margin-bottom:var(--Reblog-Head-Bottom-Gap);
  2800. }
  2801.  
  2802. /* static.tumblr.com/gtjt4bo/SuUsl84cp/nkbsj.jpg */
  2803. [post-type="quote"].ex-npf .comments > .comment.extra-comment:first-child .comment-header,
  2804. [post-type="chat"].ex-npf .comments > .comment:first-child .comment-header {
  2805. display:none;
  2806. }
  2807.  
  2808. /* deactivated users */
  2809. .comment.deactivated .comment-header {
  2810. cursor:default;
  2811. }
  2812.  
  2813. .comment-header .username.no-username:before {
  2814. content:"(deactivated)";
  2815. }
  2816.  
  2817. .comment-header .deactivated {
  2818. display:none; /* hide "(deactivated)" since there's a strikethrough already */
  2819. color:rgba(var(--Body-Text-Color-RGB),0.8);
  2820. }
  2821.  
  2822. .comment-header .username:not(.no-username) + .deactivated {
  2823. margin-left:calc(0px - var(--Reblog-Head-Gutter) + 0.5em);
  2824. }
  2825.  
  2826. /* not really deactivated (OP only) */
  2827. .posts:not([src-deactivated]) .original-comment.deactivated .comment-header {
  2828. cursor:revert!important;
  2829. }
  2830.  
  2831. .posts:not([src-deactivated]) .original-comment.deactivated .deactivated {
  2832. display:none!important;
  2833. }
  2834.  
  2835. .comment-header > a:not([href]) span.username,
  2836. .comment.deactivated.has-deactivated span.username,
  2837. .comment-header .username.no-username {
  2838. text-decoration:var(--Links-Underline-Color) underline line-through!important;
  2839. }
  2840.  
  2841. .comment-body > :is(h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol):first-child {
  2842. margin-top:0;
  2843. }
  2844.  
  2845. .comment-body > :is(h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol):last-child {
  2846. margin-bottom:0;
  2847. }
  2848.  
  2849. .comment-body blockquote > p:first-child {
  2850. margin-top:0;
  2851. }
  2852.  
  2853. .comment-body blockquote > p:last-child {
  2854. margin-bottom:0;
  2855. }
  2856.  
  2857. /*----- OLD BLOCKQUOTE CAPTIONS -----*/
  2858. html[captions-style="old"] .comments:first-child:not(.post-body > .post-media:first-child + [class*="-block"] > .comments){ margin-top:0 }
  2859. html[captions-style="old"] .comment-header { gap:0 }
  2860. html[captions-style="old"] .comment-header > a:not([href]){ cursor:default }
  2861. html[captions-style="old"] img.userpic { display:none }
  2862. html[captions-style="old"] .comment-header
  2863. span.username:not(.no-username) + .deactivated { margin-left:0 }
  2864. html[captions-style="old"] span.username + .deactivated { display:none }
  2865. html[captions-style="old"] .comment { padding:0 }
  2866. html[captions-style="old"] .comments blockquote {
  2867. margin-left:var(--Old-Blockquotes-Left-Gap-1);
  2868. padding-left:var(--Old-Blockquotes-Left-Gap-2);
  2869. }
  2870. html[captions-style="old"] .comments > blockquote.bq-capt:last-child {
  2871. margin-bottom:0!important;
  2872. }
  2873.  
  2874. /*------- REBLOG DIVIDERS -------*/
  2875. html[reblog-borders="yes"] .comment + .comment,
  2876. .question-part + .comments {
  2877. border-top:var(--Reblog-Borders-Size) solid var(--Reblog-Borders);
  2878. padding-top:calc(var(--Post-Padding-Base) + var(--Body-Text-LH-Block-Gap))!important;
  2879. }
  2880.  
  2881. html[reblog-borders="yes"] .comment + .comment {
  2882. margin-top:calc(var(--Post-Padding-Base) + var(--Body-Text-LH-Block-Gap));
  2883. }
  2884.  
  2885. .question-part + .comments {
  2886. margin-top:0!important;
  2887. }
  2888.  
  2889. /*------- PHOTO POSTS -------*/
  2890. .legacy-photo img, .legacy-photoset img {
  2891. display:block;
  2892. max-width:100%;
  2893. height:auto;
  2894. }
  2895.  
  2896. .legacy-photoset {
  2897. display:grid;
  2898. grid-gap:var(--Photoset-Image-Spacing)
  2899. }
  2900.  
  2901. .legacy-photoset > img {
  2902. display:none; /* handle loading */
  2903. }
  2904.  
  2905. .layout-row {
  2906. position:relative;
  2907. display:grid;
  2908. grid-gap:0 var(--Photoset-Image-Spacing);
  2909. overflow:hidden;
  2910. }
  2911.  
  2912. .layout-row img {
  2913. width:100%;
  2914. height:auto;
  2915. visibility:hidden;
  2916. object-fit:cover;
  2917. object-position:center;
  2918. cursor:pointer;
  2919. }
  2920.  
  2921. .layout-row.done img {
  2922. position:relative;
  2923. visibility:visible;
  2924. }
  2925.  
  2926. .layout-row[data-legacy-row-height] .layout-col {
  2927. position:relative;
  2928. padding-bottom:var(--legacy-row-pct);
  2929. }
  2930.  
  2931. .layout-row[data-legacy-row-height] .layout-col img {
  2932. position:absolute!important;
  2933. top:0;left:0;
  2934. width:100%;
  2935. height:100%;
  2936. }
  2937.  
  2938. .legacy-photo img {
  2939. cursor:pointer;
  2940. }
  2941.  
  2942. .legacy-photo-source { display:none; }
  2943. .legacy-photo-source.show-source { display:block; }
  2944.  
  2945. /*------- PHOTO LIGHTBOXES -------*/
  2946. body[style*="overflow: hidden;"],
  2947. body[style*="overflow:hidden;"]{
  2948. overflow:inherit!important;
  2949. }
  2950.  
  2951. .tmblr-lightbox, #tumblr_lightbox {
  2952. background-image:none!important;
  2953. background-color:rgba({RGBcolor:background},0.69)!important;
  2954. backdrop-filter:blur(3px);
  2955. z-index:100001!important;
  2956. }
  2957.  
  2958. .tmblr-lightbox .vignette, #tumblr_lightbox #vignette {
  2959. opacity:0!important;
  2960. }
  2961.  
  2962. .tmblr-lightbox .lightbox-image,
  2963. .tmblr-lightbox img, #tumblr_lightbox img {
  2964. box-shadow:none!important;
  2965. border-radius:0!important;
  2966. }
  2967.  
  2968. .tmblr-lightbox img, #tumblr_lightbox img {
  2969. max-width:none;
  2970. width:auto;
  2971. }
  2972.  
  2973. .lightbox-image-container.single-image {
  2974. top:50%!important;
  2975. left:50%!important;
  2976. transform:translate(-50%,-50%)!important;
  2977. }
  2978.  
  2979. .lightbox-image-container.single-image img {
  2980. max-width:85vw;
  2981. max-height:85vh;
  2982. width:auto;
  2983. height:auto;
  2984. }
  2985.  
  2986. /*------- QUOTE POSTS -------*/
  2987. .quote-block {
  2988. padding:var(--Post-Padding);
  2989. }
  2990.  
  2991. .quote-set blockquote.quote-text {
  2992. margin-left:0!important;
  2993. padding:0 var(--Post-Padding)!important;
  2994. border:none!important;
  2995. font-family:var(--Quote-Font-Family);
  2996. font-weight:var(--Quote-Font-Weight);
  2997. font-size:var(--Quote-Font-Size);
  2998. text-transform:var(--Quote-Text-Case);
  2999. letter-spacing:var(--Quote-Letter-Spacing);
  3000. word-spacing:var(--Quote-Word-Spacing);
  3001. line-height:var(--Quote-Line-Height);
  3002. text-align:center;
  3003. }
  3004.  
  3005. .quote-set blockquote.quote-text, .quote-set blockquote.quote-text * {
  3006. font-weight:var(--Heading-Font-Weight)!important;
  3007. color:var(--Heading-Text-Color)!important;
  3008. }
  3009.  
  3010. .quote-set > *:first-child { margin-top:0; }
  3011. .quote-set > *:last-child { margin-bottom:0; }
  3012.  
  3013. .quote-source {
  3014. text-align:center;
  3015. }
  3016.  
  3017. .qv-hide, .qv-hide ~ * { display:none; }
  3018.  
  3019. /*------- LINK POSTS -------*/
  3020. .link-render {
  3021. position:relative;
  3022. display:block;
  3023. padding:var(--Link-Block-Padding);
  3024. }
  3025.  
  3026. .link-render:after {
  3027. content:"";
  3028. position:absolute;
  3029. top:0;left:0;
  3030. width:100%;height:100%;
  3031. -webkit-mask:var(--Secondary-Border-1-Mask-Image) center / auto repeat;
  3032. mask:var(--Secondary-Border-1-Mask-Image) center / auto repeat;
  3033. background:var(--Secondary-Border-1-Color);
  3034. z-index:-1;
  3035. }
  3036.  
  3037. .npf_inst.link-render + .npf_inst.link-render {
  3038. margin-top:1em!important;
  3039. }
  3040.  
  3041. .comment-body .link-render:first-child { margin-top:0 }
  3042. .comment-body .link-render:last-child { margin-bottom:0 }
  3043.  
  3044. .link-render h2 {
  3045. margin:0;
  3046. }
  3047.  
  3048. .link-render h2 i[class*="right"],
  3049. .link-render h2 i[icon-name*="right"]{
  3050. margin-left:5px;
  3051. }
  3052.  
  3053. .link-render .site-name {
  3054. display:flex;
  3055. align-items:center;
  3056. margin-top:0.45em;
  3057. color:var(--Body-Text-Color);
  3058. }
  3059.  
  3060. .link-render .site-name i[class]{
  3061. margin-right:min(0.55em, 7px);
  3062. font-size:calc(var(--Caps-Font-Size) + 2px);
  3063. line-height:1;
  3064. }
  3065.  
  3066. .npf-link-block {
  3067. display:none!important;
  3068. }
  3069.  
  3070. /*------- CHAT POSTS -------*/
  3071. .chat-block {
  3072. padding:var(--Post-Padding);
  3073. }
  3074.  
  3075. ul.chat-wrap {
  3076. list-style:none;
  3077. margin:0;
  3078. padding:0;
  3079. }
  3080.  
  3081. li.chat-line {
  3082. list-style:none;
  3083. padding:0; /* just to cancel out the general <li> styling */
  3084. }
  3085.  
  3086. .chat-label {
  3087. }
  3088.  
  3089. .post-body > .text-block > .comments > .comment:first-child:has(.quote-set) .comment-header {
  3090. display:none;
  3091. }
  3092.  
  3093. /*------- AUDIO POSTS -------*/
  3094. .aud-gen, .aud-gen > figure, .audio-infotext {
  3095. display:flex;
  3096. flex-flow:column nowrap;
  3097. }
  3098.  
  3099. .wavescont, .waveywaves, .aud-last-row, .aud-ctrls, .aud-ctrls button {
  3100. display:flex;
  3101. align-items:center;
  3102. justify-content:center;
  3103. }
  3104.  
  3105. .aud-gen {
  3106. justify-content:space-between;
  3107. padding:var(--Audio-Post-Player-Padding);
  3108. background:var(--Audio-Post-Player-BG);
  3109. color:var(--Audio-Post-Player-Text);
  3110. overflow:hidden;
  3111. }
  3112.  
  3113. .aud-gen > figure {
  3114. margin:0;
  3115. gap:var(--Audio-Post-Row-Spacing) 0;
  3116. }
  3117.  
  3118. .audio-infotext {
  3119. margin:calc(0px - var(--Body-Text-LH-Block-Gap)) 0;
  3120. text-align:center;
  3121. }
  3122.  
  3123. .audio-info-row-bot {
  3124. display:flex;
  3125. flex-flow:row wrap;
  3126. justify-content:center;
  3127. }
  3128.  
  3129. .audio-info-row-bot > *:not(.audio-title-wrap[data-audio-title=""],.audio-artist-wrap[data-audio-artist=""],.audio-album-wrap[data-audio-album=""]):has(+ *:not(.audio-title-wrap[data-audio-title=""],.audio-artist-wrap[data-audio-artist=""],.audio-album-wrap[data-audio-album=""])):after {
  3130. content:"/";
  3131. margin-left:var(--Audio-Post-Info-Divider-Spacing);
  3132. }
  3133.  
  3134. .audio-info-row-bot > *:not(.audio-title-wrap[data-audio-title=""],.audio-artist-wrap[data-audio-artist=""],.audio-album-wrap[data-audio-album=""]) + *:not(.audio-title-wrap[data-audio-title=""],.audio-artist-wrap[data-audio-artist=""],.audio-album-wrap[data-audio-album=""]):before {
  3135. content:"\200e"; /* &nbsp; or &lrm; */
  3136. margin-left:var(--Audio-Post-Info-Divider-Spacing);
  3137. }
  3138.  
  3139. .audio-title-wrap[data-audio-title=""],
  3140. .audio-artist-wrap[data-audio-artist=""],
  3141. .audio-album-wrap[data-audio-album=""]{ display:none }
  3142.  
  3143. html[caps-font^="Input "] span.audio-title {
  3144. font-size:calc(var(--Caps-Font-Size) + 1px)!important;
  3145. }
  3146.  
  3147. span.audio-artist {
  3148. font-weight:var(--SemiBold-Font-Weight);
  3149. color:var(--SemiBold);
  3150. }
  3151.  
  3152. .wavescont {
  3153. flex-flow:row nowrap;
  3154. max-width:100%;
  3155. text-align:center;
  3156. }
  3157.  
  3158. .waves-touch-area {
  3159. position:relative;
  3160. }
  3161.  
  3162. .waves-touch-area:not(:empty){
  3163. margin:calc(0px - var(--Audio-Post-Waves-Touch-Padding));
  3164. padding:var(--Audio-Post-Waves-Touch-Padding);
  3165. max-width:100%;
  3166. overflow:hidden;
  3167. }
  3168.  
  3169. .waveywaves {
  3170. font:100 var(--Audio-Post-Waves-Max-Height) "Wavefont", system-ui;
  3171. font-optical-sizing:auto;
  3172. font-variation-settings:"ROND" 100, "YELA" 0; /* border-radius (%), v-align */
  3173. letter-spacing:var(--Audio-Post-Waves-Spacing);
  3174. color:var(--Audio-Post-Waves-Color-NOT-FILLED);
  3175. user-select:none;
  3176. max-width:100%;
  3177. overflow:hidden;
  3178. visibility:hidden; /* temp hide the waves before the cool font registers */
  3179. }
  3180.  
  3181. .waveywaves.show-waves { visibility:visible }
  3182.  
  3183. .waveywaves[style*="background"]{
  3184. background-clip:text!important;
  3185. -webkit-background-clip:text!important;
  3186. color:transparent!important;
  3187. }
  3188.  
  3189. .waves-slider {
  3190. position:absolute;
  3191. top:0;left:0;
  3192. margin:0!important;
  3193. border:none!important;
  3194. padding:0!important;
  3195. width:100%;height:100%;
  3196. background:transparent!important;
  3197. color:transparent!important;
  3198. outline:none;
  3199. opacity:0!important;
  3200. cursor:pointer;
  3201. }
  3202.  
  3203. .waves-slider:active {
  3204. cursor:ew-resize;
  3205. }
  3206.  
  3207. .aud-last-row {
  3208. justify-content:space-between;
  3209. margin:calc(0px - var(--Audio-Post-Btns-Padding)) 0;
  3210. }
  3211.  
  3212. .aud-gen > .aud-ctrls:first-child {
  3213. margin-left:calc(0px - var(--Audio-Post-Btns-Padding));
  3214. }
  3215.  
  3216. .aud-ctrls button {
  3217. display:block;
  3218. outline:none;
  3219. border:none;
  3220. background:transparent;
  3221. line-height:0;
  3222. width:calc(var(--Audio-Post-Btns-Size) + (var(--Audio-Post-Btns-Padding) * 2));
  3223. height:calc(var(--Audio-Post-Btns-Size) + (var(--Audio-Post-Btns-Padding) * 2));
  3224. cursor:pointer;
  3225. }
  3226.  
  3227. .aud-ctrls :is(.q-play, .q-pause) i[class]:not([class=""]){ display:none }
  3228. html[icons-style="-fill"] .aud-ctrls :is(.q-play, .q-pause) i[class*="-fill "],
  3229. html[icons-style="-bold"] .aud-ctrls :is(.q-play, .q-pause) i[class*="-bold "]{
  3230. display:block;
  3231. }
  3232.  
  3233. .aud-ctrls .q-pause { display:none }
  3234.  
  3235. .aud-ctrls button i[class]:not([class=""]){
  3236. font-size:var(--Audio-Post-Btns-Size);
  3237. color:var(--Audio-Post-Btns-Color);
  3238. transform-origin:center;
  3239. transition:transform var(--Audio-Post-Btns-Hover-Speed) ease-in-out;
  3240. }
  3241.  
  3242. /* smaller icon size for "back" and "next" */
  3243. .aud-ctrls button i[class]:not([class=""],[class*="play"],[class*="pause"]){
  3244. font-size:var(--Audio-Post-SMALLER-Btn-Size);
  3245. }
  3246.  
  3247. .aud-ctrls button:hover i[class]:not([class=""]){
  3248. transform:scale(var(--Audio-Post-Btns-Hover-Zoom-Factor),var(--Audio-Post-Btns-Hover-Zoom-Factor));
  3249. }
  3250.  
  3251. .aud-ctrls button:active i[class]:not([class=""]){
  3252. transform:scale(var(--Audio-Post-Btns-Pressed-Zoom-Factor),var(--Audio-Post-Btns-Pressed-Zoom-Factor));
  3253. }
  3254.  
  3255. .aud-cur-time, .aud-total-time {
  3256. font-size:calc(var(--Caps-Font-Size) + 1px)!important;
  3257. }
  3258.  
  3259. .aud-iframe, .posts audio[controls]{
  3260. display:none;
  3261. }
  3262.  
  3263. .npf-audio-only {
  3264. --NPF-Images-Spacing:1em!important;
  3265. }
  3266.  
  3267. .npf_inst.npf_audio:has(.aud-gen):not(:last-child){
  3268. margin-bottom:calc(0px - var(--Audio-Post-Player-Padding) + 1em);
  3269. }
  3270.  
  3271. .npf_inst.npf_audio:has(.aud-gen):not(:first-child){
  3272. margin-top:calc(0px - var(--Audio-Post-Player-Padding) + 1em);
  3273. }
  3274.  
  3275. /* static.tumblr.com/gtjt4bo/Is2sl84e9/innbv.jpg */
  3276. .npf_audio figure.sc-short {
  3277. position:relative;
  3278. z-index:0;
  3279. }
  3280.  
  3281. .npf_audio figure.sc-short:before {
  3282. content:"";
  3283. position:absolute;
  3284. top:0;left:0;
  3285. margin-top:1px;
  3286. width:20px;
  3287. height:20px;
  3288. border-radius:100%;
  3289. background:var(--Audio-Post-Btns-Color);
  3290. z-index:-1;
  3291. }
  3292.  
  3293. .npf-audio-only:has(figure.sc-short){
  3294. overflow:revert!important;
  3295. }
  3296.  
  3297. figure.sc-20 iframe { height:20px!important }
  3298. figure.sc-116 iframe { height:116px!important }
  3299. figure.sc-500 iframe { height:500px!important }
  3300.  
  3301. iframe[src*='open.spotify.com'][src*='track'],
  3302. figure[data-npf*='open.spotify.com'][data-npf*='track']{
  3303. height:80px!important;
  3304. }
  3305.  
  3306. /* audio iframe embeds that get turned into videos fsr */
  3307. [post-type="audio"] .legacy-video:not(:last-child){
  3308. margin-bottom:0;
  3309. }
  3310.  
  3311. [post-type="audio"] .legacy-video .gframe-wrapper {
  3312. aspect-ratio:revert!important;
  3313. }
  3314.  
  3315. /*------- VIDEO POSTS -------*/
  3316. .legacy-video .tumblr_video_container {
  3317. width:auto!important;
  3318. height:auto!important;
  3319. max-width:100%;
  3320. }
  3321.  
  3322. .vidyo-video-slider:before {
  3323. background:linear-gradient(to bottom, rgba(0,0,0,0.25) -35%, rgba(0,0,0,69%) calc(100% + 35%))!important;
  3324. --VIDYO-slider-area-transparency:0%!important;
  3325. }
  3326.  
  3327. .vidyo-video-container {
  3328. --VIDYO-slider-bar-color:#151515!important;
  3329. --VIDYO-volume-slider-bar-fill-color:#eee!important;
  3330. }
  3331.  
  3332. /*------- ASK POSTS -------*/
  3333. .answer-block {
  3334.  
  3335. }
  3336.  
  3337. .question-part, .answer-part {
  3338. position:relative;
  3339. display:flex;
  3340. align-items:center;
  3341. gap:0 var(--Ask-Post-Question-Gutter);
  3342. padding:var(--Ask-Post-Main-Entry-Padding);
  3343. }
  3344.  
  3345. .question-part:after, .answer-part:after {
  3346. content:"";
  3347. position:absolute;
  3348. top:0;left:0;
  3349. width:100%;height:100%;
  3350. -webkit-mask:var(--Secondary-Border-1-Mask-Image) center / auto repeat;
  3351. mask:var(--Secondary-Border-1-Mask-Image) center / auto repeat;
  3352. background:var(--Secondary-Border-1-Color);
  3353. z-index:-1;
  3354. }
  3355.  
  3356. .q-top-flex, .a-top-flex {
  3357. display:flex;
  3358. align-items:center;
  3359. gap:6px;
  3360. }
  3361.  
  3362. .a-top-flex {
  3363. flex-flow:column nowrap;
  3364. align-items:flex-end;
  3365. }
  3366.  
  3367. .q-top, .a-top {
  3368. margin:0;
  3369. }
  3370.  
  3371. .q-right, .a-right {
  3372. display:flex;
  3373. flex-direction:column;
  3374. flex:1;
  3375. }
  3376.  
  3377. .stampie .asker-name, .stampie .answer-name {
  3378. line-height:1;
  3379. }
  3380.  
  3381. .stampie .asker-name, span.stampie .asker-name a.asker,
  3382. .stampie .answer-name {
  3383. color:var(--Secondary-Text-Color)!important;
  3384. }
  3385.  
  3386. .askerpic, .answerpic {
  3387. flex-shrink:0;
  3388. align-self:flex-start;
  3389. width:var(--Ask-Post-Avatar-Size);
  3390. height:var(--Ask-Post-Avatar-Size);
  3391. border-radius:var(--Ask-Post-Avatar-Rounded-Corners);
  3392. }
  3393.  
  3394. .question-part + .answer-part { margin-top:var(--Ask-Post-QnA-V-Gap) }
  3395. .answer-part { justify-content:flex-end }
  3396. .q-text, .a-text { margin-top:var(--Ask-Post-Content-Top-Gap) }
  3397. .a-text { text-align:right }
  3398.  
  3399. .answer-block :is(.q-text, .a-text) > p:first-child { margin-top:0; }
  3400. .answer-block :is(.q-text, .a-text) > p:last-child { margin-bottom:0; }
  3401.  
  3402. /*------- POLL POSTS -------*/
  3403. * + .poll-post { margin-top:1em }
  3404. .poll-post + * { margin-top:1em }
  3405.  
  3406. .poll-post > .poll-question:first-child {
  3407. margin-top:0!important;
  3408. }
  3409.  
  3410. .poll-question {
  3411. margin-bottom:1em!important;
  3412. font-size:inherit!important;
  3413. font-weight:inherit!important;
  3414. line-height:inherit!important;
  3415. }
  3416.  
  3417. .poll-row {
  3418. position:relative;
  3419. margin:0!important;
  3420. border:none!important;
  3421. padding:var(--Poll-Row-Padding)!important;
  3422. background:var(--Poll-Row-BG)!important;
  3423. color:var(--Poll-Row-Text)!important;
  3424. min-height:0!important;
  3425. line-height:inherit!important;
  3426. }
  3427.  
  3428. .poll-row:after {
  3429. content:"";
  3430. position:absolute;
  3431. top:0;left:0;width:100%;height:100%;
  3432. -webkit-mask:var(--Secondary-Border-1-Mask-Image) center / auto repeat;
  3433. mask:var(--Secondary-Border-1-Mask-Image) center / auto repeat;
  3434. background:var(--Secondary-Border-1-Color);
  3435. pointer-events:none;
  3436. }
  3437.  
  3438. .poll-row + .poll-row {
  3439. margin-top:var(--Poll-Row-Spacing)!important;
  3440. }
  3441.  
  3442. .poll-row:last-child {
  3443. margin-bottom:0!important;
  3444. }
  3445.  
  3446. .poll-see-results {
  3447. margin-top:1em!important;
  3448. }
  3449.  
  3450. /*----- MISC NPF STUFF / NPF MISC STUFF -----*/
  3451. /* captionless */
  3452. .post-body > .post-media:last-child {
  3453. /*margin-bottom:var(--Post-Padding)!important;*/
  3454. }
  3455.  
  3456. p.npf_quote, p.npf_quirky {
  3457. line-height:var(--Quote-Line-Height)!important;
  3458. }
  3459.  
  3460. p.npf_quote {
  3461. font-family:var(--Quote-Font-Family)!important;
  3462. font-size:var(--Quote-Font-Size)!important;
  3463. text-transform:var(--Quote-Text-Case)!important;
  3464. letter-spacing:var(--Quote-Letter-Spacing)!important;
  3465. word-spacing:var(--Quote-Word-Spacing)!important;
  3466. font-weight:var(--Quote-Font-Weight)!important;
  3467. }
  3468.  
  3469. p.npf_quirky {
  3470. font-size:calc(var(--Quote-Font-Size) + 1px)!important;
  3471. font-weight:normal!important;
  3472. }
  3473.  
  3474. /* tumblr.com/glen-test/738994635798691840 */
  3475. figure:not(.tmblr-full) + figure:not(.tmblr-full){
  3476. margin-top:var(--NPF-Images-Spacing);
  3477. }
  3478.  
  3479. .tmblr-full {
  3480. overflow:hidden;
  3481. }
  3482.  
  3483. p.tmblr-attribution:last-child {
  3484. margin-bottom:0;
  3485. }
  3486.  
  3487. /*----- NPF MULTIMEDIA -----*/
  3488. .npf-multimedia .npf_inst + .npf_inst {
  3489. margin-top:var(--NPF-Images-Spacing)!important; /* was var(--Post-Padding) */
  3490. }
  3491.  
  3492. .npf-multimedia .npf_photo + .npf_photo,
  3493. .npf-multimedia .npf_photo + .npf_video,
  3494. .npf-multimedia .npf_video + .npf_video,
  3495. .npf-multimedia .npf_video + .npf_photo {
  3496. margin-top:var(--NPF-Images-Spacing)!important;
  3497. }
  3498.  
  3499. .npf-multimedia {
  3500. overflow:hidden;
  3501. }
  3502.  
  3503. /*------- CONTENT SOURCE -------*/
  3504. .content-src {
  3505. margin:1em 0 0 0;
  3506. }
  3507.  
  3508. [post-type="quote"] .content-src:has(a[href$="tumblr.com"],a[href$="tumblr.com/"]){
  3509. display:none;
  3510. }
  3511.  
  3512. /* remove duplicate content source */
  3513. /* scenario: legacy photo has an img link AND content src */
  3514. /* e.g. tumblr.com/glen-px/762332977983307776 */
  3515. .content-src ~ .content-src {
  3516. display:none!important;
  3517. }
  3518.  
  3519. /*------- TAGS -------*/
  3520. .tagscont {
  3521. display:flex;
  3522. padding:0 calc(var(--Primary-Border-1-Size-Half) + var(--Borders-Spacing));
  3523. }
  3524.  
  3525. .tagscont[align="left"]{
  3526. text-align:left;
  3527. justify-content:flex-start;
  3528. }
  3529.  
  3530. .tagscont[align="right"]{
  3531. text-align:right;
  3532. justify-content:flex-end;
  3533. }
  3534.  
  3535. [tags-vis="toggle-fade"] .tagscont {
  3536. opacity:0;
  3537. }
  3538.  
  3539. [tags-vis="toggle-fade"] .tagscont {
  3540. transition:opacity var(--Tags-Fade-Speed) ease-in-out; /* fade out */
  3541. }
  3542.  
  3543. [tags-vis="toggle-fade"] .tagscont.active {
  3544. opacity:1;
  3545. }
  3546.  
  3547. [tags-vis="toggle-fade"] .tagscont.active {
  3548. transition:opacity var(--Tags-Fade-Speed) var(--Tags-Slide-Speed) ease-in-out; /* fade in */
  3549. }
  3550.  
  3551. [tags-vis*="toggle"] .tags-wrap-a {
  3552. display:grid;
  3553. grid-template-rows:0fr;
  3554. overflow:hidden;
  3555. }
  3556.  
  3557. [tags-vis="toggle"] .tags-wrap-a {
  3558. transition:grid-template-rows var(--Tags-Slide-Speed) ease-in-out; /* slide up */
  3559. }
  3560.  
  3561. [tags-vis="toggle-fade"] .tags-wrap-a {
  3562. transition:grid-template-rows var(--Tags-Slide-Speed) var(--Tags-Fade-Speed) ease-in-out; /* slide up */
  3563. }
  3564.  
  3565. [tags-vis*="toggle"] .tagscont.active .tags-wrap-a {
  3566. grid-template-rows:1fr;
  3567. transition:grid-template-rows var(--Tags-Slide-Speed) ease-in-out; /* slide down */
  3568. }
  3569.  
  3570. [tags-vis*="toggle"] .tags-wrap-b {
  3571. min-height:0;
  3572. visibility:hidden;
  3573. }
  3574.  
  3575. [tags-vis="toggle"] .tags-wrap-b {
  3576. transition:visibility var(--Tags-Slide-Speed) ease-in-out; /* vis -> hidden */
  3577. }
  3578.  
  3579. [tags-vis="toggle-fade"] .tags-wrap-b {
  3580. transition:visibility 0s calc(var(--Tags-Fade-Speed) + var(--Tags-Slide-Speed)) ease-in-out; /* vis -> hidden */
  3581. }
  3582.  
  3583. [tags-vis*="toggle"] .tagscont.active .tags-wrap-b {
  3584. visibility:visible;
  3585. }
  3586.  
  3587. [tags-vis="toggle-fade"] .tagscont.active .tags-wrap-b {
  3588. transition:visibility 0s 0s ease-in-out; /* hidden -> vis */
  3589. }
  3590.  
  3591. /* use c for margin-top:0 (or positive) */
  3592. .tags-wrap-c {
  3593. margin-top:var(--Tags-Top-Gap);
  3594. }
  3595.  
  3596. /* use b for any negative margin-top */
  3597. .post-body + .tagscont .tags-wrap-b {
  3598. margin-top:calc(0px - var(--Post-Padding) + var(--Tags-Top-Gap));
  3599. }
  3600.  
  3601. .posts[post-type="chat"]:has(.chat-block):not(:has(.comments)) .tags-wrap-b,
  3602. .posts[post-type="audio"]:not(:has(.comments)) .tags-wrap-b {
  3603. margin-top:calc(0px - (var(--Post-Padding) * 1));
  3604. }
  3605.  
  3606. .tagscont .tagged-as {
  3607. display:block;
  3608. margin-bottom:var(--Tags-Spacing-Y);
  3609. -webkit-text-stroke:0.15px currentColor;
  3610. text-stroke:0.15px currentColor;
  3611. }
  3612.  
  3613. .tags-wrap-d {
  3614. --Tags-Spacing-X-Half:calc(var(--Tags-Spacing-X) / 2);
  3615. --Tags-Spacing-Y-Half:calc(var(--Tags-Spacing-Y) / 2);
  3616. margin:calc(0px - var(--Tags-Spacing-Y-Half)) calc(0px - var(--Tags-Spacing-X-Half));
  3617. width:calc(100% + var(--Tags-Spacing-X));
  3618. font-size:0;
  3619. }
  3620.  
  3621. .tagscont a {
  3622. display:inline-block;
  3623. margin:var(--Tags-Spacing-Y-Half) var(--Tags-Spacing-X-Half);
  3624. font-size:var(--Tags-Font-Size);
  3625. color:var(--Tags-Color);
  3626. line-height:var(--Tags-Line-Height);
  3627. }
  3628.  
  3629. .tagscont .tag-text:before {
  3630. content:"#";
  3631. margin-right:var(--Tags-Hashtag-Spacing);
  3632. }
  3633.  
  3634. /*------ POST FOOTER / POST INFO / PERMALINK BAR ------*/
  3635. .post-footer {
  3636. margin-inline:calc(var(--Primary-Border-1-Size-Half) + var(--Borders-Spacing));
  3637. }
  3638.  
  3639. .post-footer:not(:first-child){
  3640. margin-top:var(--Post-Footer-Top-Gap);
  3641. }
  3642.  
  3643. .innerpho, .pho-bot {
  3644. display:flex;
  3645. align-items:center;
  3646. }
  3647.  
  3648. .innerpho {
  3649. gap:var(--Post-Footer-Items-Spacing);
  3650. justify-content:space-between;
  3651. }
  3652.  
  3653. .innerpho {
  3654. flex-direction:column;
  3655. align-items:flex-start;
  3656. }
  3657.  
  3658. .pho-top {
  3659. display:grid;
  3660. grid-template-columns:auto min-content;
  3661. gap:var(--Post-Footer-Items-Spacing);
  3662. justify-content:space-between;
  3663. width:100%;
  3664. }
  3665.  
  3666. .perma-left {
  3667. display:flex;
  3668. align-items:center;
  3669. flex-flow:row nowrap;
  3670. gap:var(--Post-Footer-Items-Spacing);
  3671.  
  3672. min-width:0;
  3673. max-width:100%;
  3674. overflow:hidden;
  3675. }
  3676.  
  3677. .perma-left > * {
  3678. white-space:nowrap;
  3679. overflow:hidden;
  3680. }
  3681.  
  3682. .perma-left > * * {
  3683. text-overflow:ellipsis;
  3684. overflow:hidden;
  3685. }
  3686.  
  3687. .divvy {
  3688. position:relative;
  3689. align-self:flex-start;
  3690. height:100%;
  3691. width:var(--Post-Footer-Items-Spacing);
  3692. margin-inline:calc(0px - var(--Post-Footer-Items-Spacing));
  3693. }
  3694.  
  3695. .divvy:after {
  3696. content:"";
  3697. position:absolute;
  3698. top:50%;left:0;
  3699. margin-top:calc(0px - var(--Secondary-Border-1-Size));
  3700. width:100%;
  3701. height:100%;
  3702. -webkit-mask:var(--Secondary-Border-1-Mask-Image) center / auto repeat;
  3703. mask:var(--Secondary-Border-1-Mask-Image) center / auto repeat;
  3704. background:var(--Secondary-Border-1-Color);
  3705. clip-path:inset(0 0 calc(100% - var(--Secondary-Border-1-Size)) 0);
  3706. }
  3707.  
  3708. .post-footer, .post-footer .perma {
  3709. font-size:var(--Post-Footer-Font-Size);
  3710. }
  3711.  
  3712. .post-footer .perma {
  3713. display:flex;
  3714. align-items:center;
  3715. gap:var(--Post-Footer-Items-Spacing);
  3716. }
  3717.  
  3718. .post-footer .perma .stampie-inner {
  3719. --Stampies-Padding-X:12px;
  3720. --Stampies-Padding-Y:calc(10px - (((var(--Caps-Font-Size) * var(--Body-Line-Height)) - var(--Caps-Font-Size)) / 2));
  3721. }
  3722.  
  3723. /* disable link effects on permalink labels w/o links */
  3724. .post-footer a.perma:not([href]){
  3725. cursor:default;
  3726. text-decoration:none!important;
  3727. text-shadow:none!important;
  3728. }
  3729.  
  3730. .post-controls {
  3731. display:flex;
  3732. align-items:center;
  3733. justify-content:center;
  3734. gap:var(--Post-Controls-Spacing);
  3735. }
  3736.  
  3737. .post-controls [class*="-area"]{
  3738. position:relative;
  3739. }
  3740.  
  3741. .post-controls [class*="-press"]{
  3742. display:flex;
  3743. align-items:center;
  3744. justify-content:center;
  3745. width:var(--Post-Controls-Each-Bounding-Box);
  3746. height:var(--Post-Controls-Each-Bounding-Box);
  3747. }
  3748.  
  3749. [tags-vis="always-show"] .tog-tags-area { display:none; }
  3750. .tags-press { cursor:help; }
  3751.  
  3752. .post-controls i[class]{
  3753. display:block;
  3754. transform-origin:center;
  3755. font-size:var(--Post-Controls-Icon-Size);
  3756. color:var(--Post-Controls-Icon-Color);
  3757. }
  3758.  
  3759. .post-controls [class*="-area"] span[class^="icon-"],
  3760. .post-controls [class*="-area"] i[class^="fa-"]{ display:none }
  3761.  
  3762. html[icons-style="-bold"] .post-controls [class*="-area"] .icon-outline,
  3763. html[icons-style="-fill"] .post-controls [class*="-area"] .icon-fill,
  3764. html[icons-style="-fill"] .post-controls [class*="-area"] i[class^="fa-"][class*="-solid "],
  3765. html[icons-style="-bold"] .post-controls [class*="-area"] i[class^="fa-"][class*="-regular "]{
  3766. display:block;
  3767. }
  3768.  
  3769. .like_button {
  3770. position:absolute;
  3771. top:0;left:0;
  3772. width:100%;
  3773. height:100%;
  3774. background:black;
  3775. opacity:0;
  3776. overflow:hidden;
  3777. z-index:2;
  3778. }
  3779.  
  3780. .like_button > iframe {
  3781. display:block;
  3782. width:100%;
  3783. height:100%;
  3784. }
  3785.  
  3786. .like_button.liked + .like-press i[class]{
  3787. color:var(--Liked-Button-Color)!important;
  3788. }
  3789.  
  3790. .post-controls :is([class*="-area"].stampie):not([tags-vis="always-show"] .tog-tags-area.stampie) + [class*="-area"].stampie:after {
  3791. content:"";
  3792. position:absolute;
  3793. top:50%;transform:translateY(-50%);
  3794. margin-top:calc((var(--Post-Controls-Spacing) / 2) - (var(--Secondary-Border-1-Size) / 2));
  3795. right:100%;
  3796. margin-right:calc(0px - var(--Secondary-Border-1-Size));
  3797. width:calc(var(--Post-Controls-Spacing) + (var(--Secondary-Border-1-Size) * 2));
  3798. height:calc(var(--Post-Controls-Spacing) + (var(--Secondary-Border-1-Size) * 2));
  3799. -webkit-mask:var(--Secondary-Border-1-Mask-Image) center / auto repeat;
  3800. mask:var(--Secondary-Border-1-Mask-Image) center / auto repeat;
  3801. background:var(--Secondary-Border-1-Color);
  3802. clip-path:inset(0 var(--Secondary-Border-1-Size) calc(100% - var(--Post-Controls-Spacing) + var(--Secondary-Border-1-Size)) var(--Secondary-Border-1-Size));
  3803. }
  3804.  
  3805. .pho-bot {
  3806. justify-content:flex-start;
  3807. gap:var(--Post-Footer-Items-Spacing);
  3808. width:100%;
  3809. }
  3810.  
  3811. .via-part, .src-part {
  3812. display:flex;
  3813. align-items:center;
  3814. gap:5px; /* space between "via"/"src" txt and the username */
  3815. white-space:nowrap;
  3816. overflow:hidden;
  3817. text-overflow:ellipsis;
  3818. }
  3819.  
  3820. .via-part .stampie, .src-part .stampie {
  3821. font-size:calc(var(--Post-Footer-Font-Size) - 1px);
  3822. line-height:1;
  3823. }
  3824.  
  3825. /*------- POST NOTES -------*/
  3826. .post-notes {
  3827. padding:var(--Post-Padding);
  3828. width:100%;
  3829. overflow:hidden;
  3830. margin-bottom:var(--Post-Spacing);
  3831. }
  3832.  
  3833. ol.notes {
  3834. list-style:none;
  3835. margin:0;
  3836. padding:0;
  3837. }
  3838.  
  3839. ol.notes img { display:none; }
  3840.  
  3841. ol.notes a {
  3842. color:var(--Reblog-Name-Color);
  3843. }
  3844.  
  3845. /*------- PAGINATION -------*/
  3846. .botpagi {
  3847. padding:0 calc(var(--Primary-Border-1-Size-Half) + var(--Borders-Spacing));
  3848. width:100%;
  3849. overflow:hidden;
  3850. }
  3851.  
  3852. .botpagi, .botpagi a {
  3853. color:var(--Pagination-Color);
  3854. }
  3855.  
  3856. .botpagi i[class]{
  3857. font-size:var(--Pagination-Arrows-Size);
  3858. }
  3859.  
  3860. .bp-wrap {
  3861. display:flex;
  3862. align-items:center;
  3863. justify-content:center;
  3864. gap:var(--Pagination-Items-Spacing);
  3865. }
  3866.  
  3867. .bp-wrap > a, .botpagi .stampie-content {
  3868. display:flex!important;
  3869. align-items:center;
  3870. justify-content:space-between;
  3871. gap:var(--Pagination-Text-And-Arrows-Spacing);
  3872. }
  3873.  
  3874. .botpagi i[class]:not([class=""]){
  3875. display:block;
  3876. transform:translateY(-.5px);
  3877. }
  3878.  
  3879. .botpagi i[class*="caret"]:first-child {
  3880. margin-left:calc(var(--Pagination-Arrows-Size) * -0.15);
  3881. }
  3882.  
  3883. .botpagi i[class*="caret"]:last-child {
  3884. margin-right:calc(var(--Pagination-Arrows-Size) * -0.15);
  3885. }
  3886.  
  3887. /*------- TOOLTIPS -------*/
  3888. [data-tippy-root]{
  3889. z-index:100001!important;
  3890. }
  3891.  
  3892. .tippy-box {
  3893. position:relative;
  3894. background:var(--Secondary-Border-2-Color);
  3895. border-radius:0!important;
  3896. z-index:0;
  3897. }
  3898.  
  3899. .tippy-content {
  3900. position:relative;
  3901. padding:var(--Tooltips-Padding-Y) var(--Tooltips-Padding-X);
  3902. font-family:var(--Caps-Font-Family);
  3903. font-weight:var(--Caps-Font-Weight);
  3904. font-size:var(--Tooltips-Font-Size);
  3905. text-transform:uppercase;
  3906. letter-spacing:var(--Caps-Letter-Spacing);
  3907. word-spacing:var(--Caps-Word-Spacing);
  3908. color:var(--Secondary-Text-Color);
  3909. line-height:var(--Body-Line-Height);
  3910. }
  3911.  
  3912. /* tooltip, inner border */
  3913. .tippy-content:before {
  3914. margin-top:var(--ee);
  3915. margin-left:var(--ee);
  3916. width:calc(100% - (var(--ee) * 2));
  3917. height:calc(100% - (var(--ee) * 2));
  3918. }
  3919.  
  3920. /*------- SCREEN READER TEXT -------*/
  3921. .sr-text {
  3922. position:absolute;
  3923. border:0;
  3924. clip:rect(1px, 1px, 1px, 1px);
  3925. clip-path:inset(50%);
  3926. margin:-1px;
  3927. width:1px;
  3928. height:1px;
  3929. padding:0;
  3930. overflow:hidden;
  3931. word-wrap:normal!important;
  3932. }
  3933.  
  3934. /*------ TAG PAGE(S) ------*/
  3935. html[current-path^="/tagged"] .results-post .comment-body {
  3936. text-align:center;
  3937. }
  3938.  
  3939. html[current-path^="/tagged"] .comment-body span.tag {
  3940. color:var(--Bold);
  3941. }
  3942.  
  3943. html[current-path^="/tagged"] .comment-body span.tag:before {
  3944. content:"\201C"; /* &ldquo; */
  3945. color:var(--Body-Text-Color);
  3946. }
  3947.  
  3948. html[current-path^="/tagged"] .comment-body span.tag:after {
  3949. content:"\201D"; /* &rdquo; */
  3950. color:var(--Body-Text-Color);
  3951. }
  3952.  
  3953. /*------ SEARCH PAGE(S) ------*/
  3954. html[current-path^="/search"] .results-post .comment-body {
  3955. text-align:center;
  3956. }
  3957.  
  3958. html[current-path^="/search"] .comment-body .search_query {
  3959. color:var(--Bold);
  3960. }
  3961.  
  3962. html[current-path^="/search"] .comment-body .search_query:before {
  3963. content:"\201C"; /* &ldquo; */
  3964. color:var(--Body-Text-Color);
  3965. }
  3966.  
  3967. html[current-path^="/search"] .comment-body .search_query:after {
  3968. content:"\201D"; /* &rdquo; */
  3969. color:var(--Body-Text-Color);
  3970. }
  3971.  
  3972. /*------- OTHER PAGES -------*/
  3973. .posts[id="post-"] .text-block > .post-title + .comments > .comment:only-child {
  3974. /*padding-bottom:var(--Post-Padding);*/
  3975. }
  3976.  
  3977. /*----- RESPONSIVENESS (slightly) -----*/
  3978. @media(max-width:900px){
  3979. main { margin:0 }
  3980. .main-hug-2 {
  3981. justify-content:flex-start;
  3982. margin-inline:var(--Screen-Gaps-MOBILE);
  3983. }
  3984. }
  3985.  
  3986. /*------- CUSTOMIZE PAGE ADJUSTMENTS -------*/
  3987. html[current-path="/customize_preview_receiver.html"] .comment.has-deactivated[username=""] .comment-header:has(.userpic[src=""]),
  3988. html[current-path="/customize_preview_receiver.html"][captions-style="old"]
  3989. .comments > .comment-header:has(.no-username),
  3990. html[current-path="/customize_preview_receiver.html"][captions-style="old"]
  3991. .comments > .comment-header:has(.username:empty){
  3992. display:none;
  3993. }
  3994.  
  3995. html[current-path="/customize_preview_receiver.html"][captions-style="old"]
  3996. .comments > .comment-header:has(.no-username) + blockquote.bq-capt {
  3997. margin:0;padding:0;border:none;
  3998. }
  3999.  
  4000. html[current-path="/customize_preview_receiver.html"] .main-hug-2 {
  4001. justify-content:flex-start!important;
  4002. margin-inline:var(--Screen-Gaps-MOBILE)!important;
  4003. }
  4004.  
  4005. /*----- CORNER IMAGE -----*/
  4006. .corner-img {
  4007. position:fixed;
  4008. width:var(--Corner-Image-Size);
  4009. z-index:-100;
  4010. }
  4011.  
  4012. .corner-img[pos~="top"]{ top:0 }
  4013. .corner-img[pos~="bot"]{ bottom:0 }
  4014. .corner-img[pos~="left"]{ left:0 }
  4015. .corner-img[pos~="right"]{ right:0 }
  4016.  
  4017. .corner-img[pos~="center"]{
  4018. top:50%;transform:translateY(-50%);
  4019. }
  4020.  
  4021. .corner-img img {
  4022. display:block;
  4023. max-width:100%;
  4024. transform:translate(calc(var(--Corner-Image-Move-X) * {select:corner image move X direction}), calc(var(--Corner-Image-Move-Y) * {select:corner image move Y direction}));
  4025. }
  4026.  
  4027. /*------- BOTTOM MUSIC PLAYER -------*/
  4028. .bot-mplayer {
  4029. position:fixed;
  4030. bottom:0;left:0;
  4031. width:100vw;
  4032. height:var(--Bottom-Music-Player-Total-Height);
  4033. background:var(--Bottom-Music-Player-BG);
  4034. color:var(--Bottom-Music-Player-Text-Color);
  4035. z-index:100000;
  4036. }
  4037.  
  4038. body:has(.os-scrollbar-vertical.os-scrollbar-visible) .bot-mplayer {
  4039. width:calc(100vw - var(--Scrollbar-Total-Size) + var(--Scrollbar-Border-Size));
  4040. }
  4041.  
  4042. .bot-mplayer.mp-hide { display:none!important }
  4043.  
  4044. html:has(.bot-mplayer.mp-hide):root {
  4045. --Bottom-Music-Player-Total-Height:0px;
  4046. }
  4047.  
  4048. .bmp-list .b-see-list i[class]:not([class=""]){ display:none }
  4049. html[icons-style="-fill"] .bmp-list .b-see-list i[class*="fa-solid "],
  4050. html[icons-style="-bold"] .bmp-list .b-see-list i[class*="fa-regular "]{
  4051. display:block;
  4052. }
  4053.  
  4054. .bmp-list .fa-list-music {
  4055. font-size:calc(var(--Bottom-Music-Player-Icons-Size) - 2px)!important;
  4056. }
  4057.  
  4058. html[links-underline="yes"] .mp-list-row .mp-list-name {
  4059. text-decoration:transparent underline;
  4060. }
  4061.  
  4062. html[links-underline="yes"] .mp-list-row.is-playing .mp-list-name {
  4063. text-decoration:currentColor underline;
  4064. }
  4065.  
  4066. .bmp-list-inner:has(.os-scrollbar-vertical.os-scrollbar-visible) .bmp-list-inner-s {
  4067. padding-right:calc(var(--Scrollbar-Total-Size) + var(--Scrollbar-Gutter));
  4068. }
  4069.  
  4070. .demu { position:fixed;top:0;height:100vh;visibility:hidden }
  4071.  
  4072. {CustomCSS}
  4073. </style>
  4074.  
  4075. </head>
  4076.  
  4077. <body>
  4078.  
  4079. <!----- TOP BAR (STRIPES + LACE) ----->
  4080. <div class="ceiling">
  4081. <div class="ceiling-ptn stripes-{select:show stripes} tb-underline-{select:show stripes underline}"></div>
  4082. <div class="lace-bar lace-{select:show lace} lace-align-{select:lace alignment}"></div>
  4083. <a href="/" aria-hidden="true"></a>
  4084. </div><!--end ceiling-->
  4085.  
  4086. <main class="load-in">
  4087.  
  4088. <div class="main-hug-1">
  4089. <div class="main-hug-2">
  4090.  
  4091. <!------ BLINKIES WALL ------>
  4092. <aside class="blinkies-wall blinkies-at-{select:blinkies wall align}">
  4093. <div class="bw-inner">
  4094. <div class="blinkies-grid">
  4095. <div class="blinkies-grid-inner">
  4096.  
  4097. <div class="blinkie">
  4098. <img src="{image:blinkie 1}">
  4099. </div>
  4100.  
  4101. <div class="blinkie">
  4102. <img src="{image:blinkie 2}">
  4103. </div>
  4104.  
  4105. <div class="blinkie">
  4106. <img src="{image:blinkie 3}">
  4107. </div>
  4108.  
  4109. <div class="blinkie">
  4110. <img src="{image:blinkie 4}">
  4111. </div>
  4112.  
  4113. <div class="blinkie">
  4114. <img src="{image:blinkie 5}">
  4115. </div>
  4116.  
  4117. <div class="blinkie">
  4118. <img src="{image:blinkie 6}">
  4119. </div>
  4120.  
  4121. <div class="blinkie">
  4122. <img src="{image:blinkie 7}">
  4123. </div>
  4124.  
  4125. <div class="blinkie">
  4126. <img src="{image:blinkie 8}">
  4127. </div>
  4128.  
  4129. <div class="blinkie">
  4130. <img src="{image:blinkie 9}">
  4131. </div>
  4132.  
  4133. <div class="blinkie">
  4134. <img src="{image:blinkie 10}">
  4135. </div>
  4136.  
  4137. <div class="blinkie">
  4138. <img src="{image:blinkie 11}">
  4139. </div>
  4140.  
  4141. <div class="blinkie">
  4142. <img src="{image:blinkie 12}">
  4143. </div>
  4144.  
  4145. <div class="blinkie">
  4146. <img src="{image:blinkie 13}">
  4147. </div>
  4148.  
  4149. <div class="blinkie">
  4150. <img src="{image:blinkie 14}">
  4151. </div>
  4152.  
  4153. <div class="blinkie">
  4154. <img src="{image:blinkie 15}">
  4155. </div>
  4156.  
  4157. <div class="blinkie">
  4158. <img src="{image:blinkie 16}">
  4159. </div>
  4160.  
  4161. <div class="blinkie">
  4162. <img src="{image:blinkie 17}">
  4163. </div>
  4164.  
  4165. <div class="blinkie">
  4166. <img src="{image:blinkie 18}">
  4167. </div>
  4168.  
  4169. <div class="blinkie">
  4170. <img src="{image:blinkie 19}">
  4171. </div>
  4172.  
  4173. <div class="blinkie">
  4174. <img src="{image:blinkie 20}">
  4175. </div>
  4176. </div><!--end blinkies-grid-inner-->
  4177. </div><!--end blinkies-grid-->
  4178. </div><!--end bw-inner-->
  4179. </aside><!--end blinkies-wall-->
  4180.  
  4181. <!------- POSTS CONTAINER ------->
  4182. <section class="all-posts">
  4183.  
  4184. <!----- TAG PAGES ----->
  4185. {block:TagPage}
  4186. <div class="results-post posts">
  4187. <div class="post-inner">
  4188. <div class="post-inner-hug">
  4189. <div class="post-body">
  4190. <div class="text-block">
  4191. <h1 class="post-title">#<span class="tag">{Tag}</span></h1>
  4192. <div class="comments all-comments">
  4193. <div class="comment original-comment">
  4194. <div class="comment-body">
  4195. {lang:Showing TagResultCount posts tagged Tag 2}.
  4196. </div>
  4197. </div>
  4198. </div>
  4199. </div>
  4200. </div>
  4201. </div>
  4202. </div>
  4203. </div>
  4204. {/block:TagPage}
  4205.  
  4206. <!----- SEARCH PAGES ----->
  4207. {block:SearchPage}
  4208. <div class="results-post posts">
  4209. <div class="post-inner">
  4210. <div class="post-inner-hug">
  4211. <div class="post-body">
  4212. <div class="text-block">
  4213. <h1 class="post-title">Searching for &ldquo;<span class="search_query">{SearchQuery}</span>&rdquo;&mldr;</h1>
  4214. <div class="comments all-comments">
  4215. <div class="comment original-comment">
  4216. <div class="comment-body">
  4217. {lang:Found SearchResultCount results for SearchQuery 2}{block:NoSearchResults}{lang:Sorry no results for SearchQuery 2}{/block:NoSearchResults}.
  4218. </div>
  4219. </div>
  4220. </div>
  4221. </div>
  4222. </div>
  4223. </div>
  4224. </div>
  4225. </div>
  4226. {/block:SearchPage}
  4227.  
  4228. <!------- POSTS ------->
  4229. {block:Posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
  4230. <article
  4231. class="posts"
  4232. id="post-{PostID}"
  4233. post-type="{PostType}"
  4234. {block:NotReblog}original-post{/block:NotReblog}
  4235. {block:RebloggedFrom}reblogged-post via-name="{ReblogParentName}" src-name="{ReblogRootName}"{/block:RebloggedFrom}
  4236. username="{block:NotReblog}{Name}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootName}{/block:RebloggedFrom}"
  4237. root-url="{block:NotReblog}{Permalink}{block:NotReblog}{block:RebloggedFrom}{ReblogRootURL}{/block:RebloggedFrom}"
  4238. {block:HasTags}has-tags{/block:HasTags}
  4239. >
  4240.  
  4241. <div class="post-inner">
  4242.  
  4243. <!------ POST HEADER ------>
  4244. {block:PinnedPostLabel}
  4245. <div class="post-header">
  4246. <div class="pin-flex">
  4247. <div class="pin-square">
  4248. <div class="pin-s-inner">
  4249. <div class="pin-icon-wrap">
  4250. <i class="ph{select:icons style} ph-push-pin"></i>
  4251. </div>
  4252. </div>
  4253. </div>
  4254.  
  4255. <a class="pin-flex" href="{Permalink}" aria-label="View post">
  4256. <div class="pin-text stampie">
  4257. <div class="pin-text-inner">
  4258. <span class="caps">{PinnedPostLabel}</span>
  4259. </div>
  4260. </div>
  4261.  
  4262. <div class="pin-text stampie">
  4263. <div class="pin-text-inner">
  4264. <span class="caps">{block:NotReblog}Posted {/block:NotReblog}{block:RebloggedFrom}Reblogged {/block:RebloggedFrom}{TimeAgo}</span>
  4265. </div>
  4266. </div>
  4267. </a>
  4268. </div><!--end pin-flex-->
  4269. </div><!--end post-header-->
  4270. {/block:PinnedPostLabel}
  4271.  
  4272. <!------ POST CONTENT ------>
  4273. <div class="post-inner-hug">
  4274. <div class="post-body">
  4275.  
  4276. <!------ TEXT POSTS ------>
  4277. {block:Text}
  4278. <div class="text-block">
  4279. {block:Title}
  4280. <h1 class="post-title">{Title}</h1>
  4281. {/block:Title}
  4282.  
  4283. {block:NotReblog}
  4284. <div class="comments all-comments">
  4285. <div class="comment original-comment">
  4286. {block:Date}
  4287. <a class="comment-header" href="{Permalink}">
  4288. <img class="userpic" src="{PortraitURL-64}" alt="{Name}'s avatar">
  4289. <span class="username">{Name}</span>
  4290. </a>
  4291. {/block:Date}
  4292. <div class="comment-body">
  4293. {Body}
  4294. </div>
  4295. </div>
  4296. </div>
  4297. {/block:NotReblog}
  4298.  
  4299. {block:RebloggedFrom}
  4300. <div class="comments all-comments">
  4301. {block:Reblogs}
  4302. <div class="comment{block:IsOriginalEntry} original-comment{/block:IsOriginalEntry}{block:IsNotOriginalEntry} extra-comment{/block:IsNotOriginalEntry}{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{block:IsOriginalEntry}{ReblogRootName}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Username}{/block:IsNotOriginalEntry}">
  4303. <a class="comment-header" href="{block:IsOriginalEntry}{ReblogRootURL}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Permalink}{/block:IsNotOriginalEntry}">
  4304. <img class="userpic" src="{block:IsOriginalEntry}{ReblogRootPortraitURL-64}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{PortraitURL-64}{/block:IsNotOriginalEntry}" alt="{block:IsOriginalEntry}{ReblogRootName}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Username}{/block:IsNotOriginalEntry}'s avatar">
  4305. <span class="username">{block:IsOriginalEntry}{ReblogRootName}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Username}{/block:IsNotOriginalEntry}</span>
  4306. {block:IsDeactivated}
  4307. <span class="deactivated">(deactivated)</span>
  4308. {/block:IsDeactivated}
  4309. </a>
  4310. <div class="comment-body">
  4311. {Body}
  4312. </div>
  4313. </div>
  4314. {/block:Reblogs}
  4315. </div>
  4316. {/block:RebloggedFrom}
  4317. </div><!--end block:text-->
  4318. {/block:Text}
  4319.  
  4320. <!------ PHOTO POSTS: SINGLE PHOTO ------>
  4321. {block:Photo}
  4322. <div class="photo-block">
  4323. <div class="legacy-photo post-media">
  4324. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  4325. </div>
  4326.  
  4327. {block:Date}
  4328. {block:NotReblog}
  4329. {block:Caption}
  4330. <div class="comments all-comments">
  4331. <div class="comment original-comment">
  4332. <a class="comment-header" href="{Permalink}">
  4333. <img class="userpic" src="{PortraitURL-64}" alt="{Name}'s avatar">
  4334. <span class="username">{Name}</span>
  4335. </a>
  4336. <div class="comment-body">
  4337. {Caption}
  4338. </div>
  4339. </div>
  4340. </div><!--end notreblog-->
  4341. {/block:Caption}
  4342. {/block:NotReblog}
  4343.  
  4344. {block:RebloggedFrom}
  4345. <div class="comments all-comments">
  4346. {block:Reblogs}
  4347. <div class="comment{block:IsOriginalEntry} original-comment{/block:IsOriginalEntry}{block:IsNotOriginalEntry} extra-comment{/block:IsNotOriginalEntry}{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{block:IsOriginalEntry}{ReblogRootName}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Username}{/block:IsNotOriginalEntry}">
  4348. <a class="comment-header" href="{block:IsOriginalEntry}{ReblogRootURL}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Permalink}{/block:IsNotOriginalEntry}">
  4349. <img class="userpic" src="{block:IsOriginalEntry}{ReblogRootPortraitURL-64}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{PortraitURL-64}{/block:IsNotOriginalEntry}" alt="{block:IsOriginalEntry}{ReblogRootName}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Username}{/block:IsNotOriginalEntry}'s avatar">
  4350. <span class="username">{block:IsOriginalEntry}{ReblogRootName}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Username}{/block:IsNotOriginalEntry}</span>
  4351. {block:IsDeactivated}
  4352. <span class="deactivated">(deactivated)</span>
  4353. {/block:IsDeactivated}
  4354. </a>
  4355.  
  4356. <div class="comment-body">
  4357. {Body}
  4358. </div>
  4359. </div><!--end single comment-->
  4360.  
  4361. {/block:Reblogs}
  4362. </div><!--end reblogs-->
  4363. {/block:RebloggedFrom}
  4364. {/block:Date}
  4365. </div><!--end photo-block-->
  4366.  
  4367. <p class="content-src legacy-photo-source">
  4368. {LinkOpenTag}{LinkCloseTag}
  4369. </p>
  4370. {/block:Photo}
  4371.  
  4372. <!------ PHOTO POSTS: PHOTOSET ------>
  4373. {block:Photoset}
  4374. <div class="photo-block">
  4375. <div class="legacy-photoset post-media" layout="{PhotosetLayout}">
  4376. {block:Photos}
  4377. <img src="{PhotoURL-HighRes}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}" alt="{PhotoAlt}"/>
  4378. {/block:Photos}
  4379. </div>
  4380.  
  4381. {block:Date}
  4382. {block:NotReblog}
  4383. {block:Caption}
  4384. <div class="comments all-comments">
  4385. <div class="comment original-comment">
  4386. <a class="comment-header" href="{Permalink}">
  4387. <img class="userpic" src="{PortraitURL-64}" alt="{Name}'s avatar">
  4388. <span class="username">{Name}</span>
  4389. </a>
  4390. <div class="comment-body">
  4391. {Caption}
  4392. </div>
  4393. </div>
  4394. </div><!--end notreblog-->
  4395. {/block:Caption}
  4396. {/block:NotReblog}
  4397.  
  4398. {block:RebloggedFrom}
  4399. <div class="comments all-comments">
  4400. {block:Reblogs}
  4401. <div class="comment{block:IsOriginalEntry} original-comment{/block:IsOriginalEntry}{block:IsNotOriginalEntry} extra-comment{/block:IsNotOriginalEntry}{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{block:IsOriginalEntry}{ReblogRootName}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Username}{/block:IsNotOriginalEntry}">
  4402. <a class="comment-header" href="{block:IsOriginalEntry}{ReblogRootURL}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Permalink}{/block:IsNotOriginalEntry}">
  4403. <img class="userpic" src="{block:IsOriginalEntry}{ReblogRootPortraitURL-64}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{PortraitURL-64}{/block:IsNotOriginalEntry}" alt="{block:IsOriginalEntry}{ReblogRootName}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Username}{/block:IsNotOriginalEntry}'s avatar">
  4404. <span class="username">{block:IsOriginalEntry}{ReblogRootName}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Username}{/block:IsNotOriginalEntry}</span>
  4405. {block:IsDeactivated}
  4406. <span class="deactivated">(deactivated)</span>
  4407. {/block:IsDeactivated}
  4408. </a>
  4409. <div class="comment-body">
  4410. {Body}
  4411. </div>
  4412. </div><!--end single comment-->
  4413. {/block:Reblogs}
  4414. </div><!--end reblogs-->
  4415. {/block:RebloggedFrom}
  4416. {/block:Date}
  4417. </div><!--end photo-block-->
  4418. {/block:Photoset}
  4419.  
  4420. <!------ PHOTO POSTS: PANORAMA ------>
  4421. {block:Panorama}
  4422. <div class="photo-block">
  4423. <div class="legacy-photo pano post-media">
  4424. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}">{LinkCloseTag}
  4425. </div>
  4426.  
  4427. {block:Date}
  4428. {block:NotReblog}
  4429. {block:Caption}
  4430. <div class="comments all-comments">
  4431. <div class="comment original-comment">
  4432. <a class="comment-header" href="{Permalink}">
  4433. <img class="userpic" src="{PortraitURL-64}" alt="{Name}'s avatar">
  4434. <span class="username">{Name}</span>
  4435. </a>
  4436. <div class="comment-body">
  4437. {Caption}
  4438. </div>
  4439. </div>
  4440. </div><!--end notreblog-->
  4441. {/block:Caption}
  4442. {/block:NotReblog}
  4443.  
  4444. {block:RebloggedFrom}
  4445. <div class="comments all-comments">
  4446. {block:Reblogs}
  4447. <div class="comment{block:IsOriginalEntry} original-comment{/block:IsOriginalEntry}{block:IsNotOriginalEntry} extra-comment{/block:IsNotOriginalEntry}{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{block:IsOriginalEntry}{ReblogRootName}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Username}{/block:IsNotOriginalEntry}">
  4448. <a class="comment-header" href="{block:IsOriginalEntry}{ReblogRootURL}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Permalink}{/block:IsNotOriginalEntry}">
  4449. <img class="userpic" src="{block:IsOriginalEntry}{ReblogRootPortraitURL-64}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{PortraitURL-64}{/block:IsNotOriginalEntry}" alt="{block:IsOriginalEntry}{ReblogRootName}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Username}{/block:IsNotOriginalEntry}'s avatar">
  4450. <span class="username">{block:IsOriginalEntry}{ReblogRootName}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Username}{/block:IsNotOriginalEntry}</span>
  4451. {block:IsDeactivated}
  4452. <span class="deactivated">(deactivated)</span>
  4453. {/block:IsDeactivated}
  4454. </a>
  4455. <div class="comment-body">
  4456. {Body}
  4457. </div>
  4458. </div><!--end single comment-->
  4459. {/block:Reblogs}
  4460. </div><!--end reblogs-->
  4461. {/block:RebloggedFrom}
  4462. {/block:Date}
  4463. </div><!--end photo-block-->
  4464. {/block:Panorama}
  4465.  
  4466. <!------ QUOTE POSTS ------>
  4467. {block:Quote}
  4468. <div class="quote-block">
  4469. <div class="quote-set">
  4470. <blockquote class="quote-text">
  4471. &ldquo;{Quote}&rdquo;
  4472. </blockquote>
  4473. {block:Source}
  4474. <p class="quote-source">{Source}</p>
  4475. {/block:Source}
  4476. </div><!--end quote-set-->
  4477. </div><!--end quote-block-->
  4478. {/block:Quote}
  4479.  
  4480. <!------ LINK POSTS ------>
  4481. {block:Link}
  4482. <div class="link-block">
  4483. <a href="{URL}" class="link-render post-media" {Target}>
  4484. <h2>{Name}<i class="fa-sharp fa-regular fa-chevrons-right"></i></h2>
  4485.  
  4486. {block:Host}
  4487. <div class="site-name">
  4488. <i class="fa-sharp fa-regular fa-link"></i>
  4489. <span>{Host}</span>
  4490. </div>
  4491. {/block:Host}
  4492. </a>
  4493.  
  4494. {block:Date}
  4495. {block:NotReblog}
  4496. <div class="comments all-comments">
  4497. <div class="comment original-comment">
  4498. <a class="comment-header" href="{Permalink}">
  4499. <img class="userpic" src="{PortraitURL-64}" alt="{Name}'s avatar">
  4500. <span class="username">{Name}</span>
  4501. </a>
  4502. <div class="comment-body">
  4503. {Body}
  4504. </div>
  4505. </div>
  4506. </div><!--end notreblog-->
  4507. {/block:NotReblog}
  4508.  
  4509. {block:RebloggedFrom}
  4510. <div class="comments all-comments">
  4511. {block:Reblogs}
  4512. <div class="comment{block:IsOriginalEntry} original-comment{/block:IsOriginalEntry}{block:IsNotOriginalEntry} extra-comment{/block:IsNotOriginalEntry}{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{block:IsOriginalEntry}{ReblogRootName}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Username}{/block:IsNotOriginalEntry}">
  4513. <a class="comment-header" href="{block:IsOriginalEntry}{ReblogRootURL}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Permalink}{/block:IsNotOriginalEntry}">
  4514. <img class="userpic" src="{block:IsOriginalEntry}{ReblogRootPortraitURL-64}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{PortraitURL-64}{/block:IsNotOriginalEntry}" alt="{block:IsOriginalEntry}{ReblogRootName}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Username}{/block:IsNotOriginalEntry}'s avatar">
  4515. <span class="username">{block:IsOriginalEntry}{ReblogRootName}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Username}{/block:IsNotOriginalEntry}</span>
  4516. {block:IsDeactivated}
  4517. <span class="deactivated">(deactivated)</span>
  4518. {/block:IsDeactivated}
  4519. </a>
  4520. <div class="comment-body">
  4521. {Body}
  4522. </div>
  4523. </div><!--end single comment-->
  4524. {/block:Reblogs}
  4525. </div><!--end reblogs-->
  4526. {/block:RebloggedFrom}
  4527. {/block:Date}
  4528. </div><!--end link-block-->
  4529. {/block:Link}
  4530.  
  4531. <!------ CHAT POSTS ------>
  4532. {block:Chat}
  4533. <div class="chat-block">
  4534. <ul class="chat-wrap">
  4535. {block:Lines}
  4536. <li class="chat-line">
  4537. {block:Label}
  4538. <b class="chat-label">{Label}</b>
  4539. {/block:Label}
  4540.  
  4541. <span class="chat-content"> {Line}</span>
  4542. </li>
  4543. {/block:Lines}
  4544. </ul>
  4545. </div><!--end chat-block-->
  4546. {/block:Chat}
  4547.  
  4548. <!------ AUDIO POSTS ------>
  4549. {block:Audio}
  4550. <div class="audio-block">
  4551. <div class="legacy-audio post-media">
  4552. <div class="aud-gen">
  4553. <!-- i won't be responsible if you change any
  4554. of this and it breaks uwu -->
  4555. <figure class="audio-fig">
  4556. <figcaption class="audio-infotext">
  4557. <div data-audio-title="{block:TrackName}{PlaintextTrackName}{/block:TrackName}">{block:TrackName}<span>{TrackName}</span>{/block:TrackName}</div>
  4558. <div data-audio-artist="{block:Artist}{PlaintextArtist}{/block:Artist}">{block:Artist}<span>{Artist}</span>{/block:Artist}</div>
  4559. <div data-audio-album="{block:Album}{PlaintextAlbum}{/block:Album}">{block:Album}<span>{Album}</span>{/block:Album}</div>
  4560. </figcaption>
  4561.  
  4562. <div class="waveywaves" aria-hidden="true" tabindex="-1"></div>
  4563. <div class="aud-ctrls"></div>
  4564. </figure>
  4565.  
  4566. {block:AudioPlayer}
  4567. <div class="aud-iframe" hidden>{AudioPlayer}</div>
  4568. {/block:AudioPlayer}
  4569. </div><!--end audio-gen-->
  4570. </div><!--end legacy-audio-->
  4571.  
  4572. {block:Date}
  4573. {block:NotReblog}
  4574. {block:Caption}
  4575. <div class="comments all-comments">
  4576. <div class="comment original-comment">
  4577. <a class="comment-header" href="{Permalink}">
  4578. <img class="userpic" src="{PortraitURL-64}" alt="{Name}'s avatar">
  4579. <span class="username">{Name}</span>
  4580. </a>
  4581. <div class="comment-body">
  4582. {Caption}
  4583. </div>
  4584. </div>
  4585. </div><!--end notreblog-->
  4586. {/block:Caption}
  4587. {/block:NotReblog}
  4588.  
  4589. {block:RebloggedFrom}
  4590. <div class="comments all-comments">
  4591. {block:Reblogs}
  4592. <div class="comment{block:IsOriginalEntry} original-comment{/block:IsOriginalEntry}{block:IsNotOriginalEntry} extra-comment{/block:IsNotOriginalEntry}{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{block:IsOriginalEntry}{ReblogRootName}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Username}{/block:IsNotOriginalEntry}">
  4593. <a class="comment-header" href="{block:IsOriginalEntry}{ReblogRootURL}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Permalink}{/block:IsNotOriginalEntry}">
  4594. <img class="userpic" src="{block:IsOriginalEntry}{ReblogRootPortraitURL-64}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{PortraitURL-64}{/block:IsNotOriginalEntry}" alt="{block:IsOriginalEntry}{ReblogRootName}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Username}{/block:IsNotOriginalEntry}'s avatar">
  4595. <span class="username">{block:IsOriginalEntry}{ReblogRootName}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Username}{/block:IsNotOriginalEntry}</span>
  4596. {block:IsDeactivated}
  4597. <span class="deactivated">(deactivated)</span>
  4598. {/block:IsDeactivated}
  4599. </a>
  4600. <div class="comment-body">
  4601. {Body}
  4602. </div>
  4603. </div><!--end single comment-->
  4604. {/block:Reblogs}
  4605. </div><!--end reblogs-->
  4606. {/block:RebloggedFrom}
  4607. {/block:Date}
  4608. </div><!--end audio-block-->
  4609. {/block:Audio}
  4610.  
  4611. <!------ VIDEO POSTS ------>
  4612. {block:Video}
  4613. <div class="video-block">
  4614. <div class="legacy-video post-media">
  4615. {Video-700}
  4616.  
  4617. {block:VideoThumbnail}
  4618. <span class="poster-thumb" url="{VideoThumbnailURL}"></span>
  4619. {/block:VideoThumbnail}
  4620. </div>
  4621.  
  4622. {block:Date}
  4623. {block:NotReblog}
  4624. {block:Caption}
  4625. <div class="comments all-comments">
  4626. <div class="comment original-comment">
  4627. <a class="comment-header" href="{Permalink}">
  4628. <img class="userpic" src="{PortraitURL-64}" alt="{Name}'s avatar">
  4629. <span class="username">{Name}</span>
  4630. </a>
  4631. <div class="comment-body">
  4632. {Caption}
  4633. </div>
  4634. </div>
  4635. </div><!--end notreblog-->
  4636. {/block:Caption}
  4637. {/block:NotReblog}
  4638.  
  4639. {block:RebloggedFrom}
  4640. <div class="comments all-comments">
  4641. {block:Reblogs}
  4642. <div class="comment{block:IsOriginalEntry} original-comment{/block:IsOriginalEntry}{block:IsNotOriginalEntry} extra-comment{/block:IsNotOriginalEntry}{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{block:IsOriginalEntry}{ReblogRootName}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Username}{/block:IsNotOriginalEntry}">
  4643. <a class="comment-header" href="{block:IsOriginalEntry}{ReblogRootURL}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Permalink}{/block:IsNotOriginalEntry}">
  4644. <img class="userpic" src="{block:IsOriginalEntry}{ReblogRootPortraitURL-64}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{PortraitURL-64}{/block:IsNotOriginalEntry}" alt="{block:IsOriginalEntry}{ReblogRootName}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Username}{/block:IsNotOriginalEntry}'s avatar">
  4645. <span class="username">{block:IsOriginalEntry}{ReblogRootName}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Username}{/block:IsNotOriginalEntry}</span>
  4646. {block:IsDeactivated}
  4647. <span class="deactivated">(deactivated)</span>
  4648. {/block:IsDeactivated}
  4649. </a>
  4650. <div class="comment-body">
  4651. {Body}
  4652. </div>
  4653. </div><!--end single comment-->
  4654. {/block:Reblogs}
  4655. </div><!--end reblogs-->
  4656. {/block:RebloggedFrom}
  4657. {/block:Date}
  4658. </div><!--end video-block-->
  4659. {/block:Video}
  4660.  
  4661. <!------ ASK POSTS ------>
  4662. {block:Answer}
  4663. <div class="answer-block">
  4664. <div class="question-part">
  4665. <img class="askerpic" src="{AskerPortraitURL-128}" alt="Asker's avatar"/>
  4666. <div class="q-right">
  4667. <div class="q-top">
  4668. <div class="q-top-flex">
  4669. <span class="stampie">
  4670. <span class="stampie-inner">
  4671. <span class="asker-name stampie-content">{Asker}</span>
  4672. </span>
  4673. </span>
  4674.  
  4675. <span class="asked-string caps">asked:</span>
  4676. </div><!--end q-top-flex-->
  4677. </div><!--end q-top-->
  4678. <div class="q-text">{Question}</div>
  4679. </div><!--end q-right-->
  4680. </div><!--end question-part-->
  4681.  
  4682. {block:Date}
  4683. <div class="answer-part">
  4684. <div class="a-left">
  4685. <div class="a-top">
  4686. <div class="a-top-flex">
  4687. <a class="stampie" href="{block:NotReblog}{Permalink}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootURL}{/block:RebloggedFrom}">
  4688. <span class="stampie-inner">
  4689. <span class="answer-name stampie-content">{block:NotReblog}{Name}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootName}{/block:RebloggedFrom}</span>
  4690. </span>
  4691. </a>
  4692.  
  4693. <span class="answered-string caps">answered:</span>
  4694. </div><!--end a-top-flex-->
  4695. </div><!--end a-top-->
  4696. <div class="a-text">{block:NotReblog}{Replies}{/block:NotReblog}{block:RebloggedFrom}{Answer}{/block:RebloggedFrom}</div>
  4697. </div><!--end a-left-->
  4698.  
  4699. <img class="answerpic" src="{block:NotReblog}{PortraitURL-128}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootPortraitURL-128}{/block:RebloggedFrom}" alt="{block:NotReblog}{Name}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootName}{/block:RebloggedFrom}'s avatar"/>
  4700. </div><!--end answer-part-->
  4701. {/block:Answerer}
  4702.  
  4703. <div class="comments all-comments">
  4704. {block:Reblogs}
  4705. {block:IsNotOriginalEntry}
  4706. <div class="comment extra-comment{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{Username}">
  4707. <a class="comment-header"{block:IsActive} href="{Permalink}"{/block:IsActive}>
  4708. <img class="userpic" src="{PortraitURL-64}" alt="{Username}'s avatar">
  4709. <span class="username">{Username}</span>
  4710. {block:IsDeactivated}
  4711. <span class="deactivated">(deactivated)</span>
  4712. {/block:IsDeactivated}
  4713. </a>
  4714. <div class="comment-body">
  4715. {Body}
  4716. </div>
  4717. </div><!--end single comment-->
  4718. {/block:IsNotOriginalEntry}
  4719. {/block:Reblogs}
  4720. </div><!--end reblogs-->
  4721. {/block:RebloggedFrom}
  4722.  
  4723. {/block:Date}
  4724. </div><!--end answer-block-->
  4725. {/block:Answer}
  4726.  
  4727. {block:ContentSource}
  4728. <p class="content-src">
  4729. ({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
  4730. </p>
  4731. {/block:ContentSource}
  4732. </div><!--end post-body-->
  4733. </div><!--end post-inner-hug-->
  4734.  
  4735. <!------ TAGS ------>
  4736. {block:HasTags}
  4737. <div class="tagscont" align="{select:tags position}">
  4738. <div class="tags-wrap-a">
  4739. <div class="tags-wrap-b">
  4740. <div class="tags-wrap-c">
  4741. {block:PermalinkPage}
  4742. <span class="caps tagged-as">Tagged As:</span>
  4743. {/block:PermalinkPage}
  4744.  
  4745. <div class="tags-wrap-d">
  4746. {block:Tags}
  4747. <a class="stampie" href="{TagURL}" tag="{URLSafeTag}">
  4748. <span class="stampie-inner">
  4749. <span class="stampie-content tag-text">{Tag}</span>
  4750. </span>
  4751. </a>
  4752. {/block:Tags}
  4753. </div><!--end tags-wrap-d--->
  4754. </div><!--end tags-wrap-c-->
  4755. </div><!--end tags-wrap-b-->
  4756. </div><!--end tags-wrap-a-->
  4757. </div><!--end tagscont-->
  4758. {/block:HasTags}
  4759.  
  4760. <!----- POST FOOTER / POST INFO / PERMALINK BAR ----->
  4761. {block:Date}
  4762. <div class="post-footer">
  4763. <div class="innerpho">
  4764. <div class="pho-top">
  4765. <!----- POST LINK / PERMALINK ----->
  4766. <div class="perma-left">
  4767. <!-- date posted -->
  4768. <a class="perma"{block:IndexPage} href="{Permalink}" aria-label="{block:NotReblog}Posted{/block:NotReblog}{block:RebloggedFrom}Reblogged{/block:RebloggedFrom} {TimeAgo}&#x2002;&middot;&#x2002;View Post"{/block:IndexPage}>
  4769. <span class="stampie">
  4770. <span class="date-part stampie-inner">
  4771. <span class="stampie-content">
  4772. {Month} {DayOfMonth}{DayOfMonthSuffix} {Year}
  4773. </span>
  4774. </span>
  4775. </span>
  4776. </a>
  4777.  
  4778. <div class="divvy"></div>
  4779.  
  4780. <!-- no. of notes -->
  4781. <a class="perma"{block:IndexPage} href="{Permalink}" aria-label="{NoteCountWithLabel}&#x2002;&middot;&#x2002;View Post"{/block:IndexPage}>
  4782. <span class="stampie">
  4783. <span class="notes-part stampie-inner">
  4784. <span class="stampie-content">
  4785. {NoteCountWithLabel}
  4786. </span>
  4787. </span>
  4788. </span>
  4789. </a>
  4790. </div><!--end perma-left-->
  4791.  
  4792. <!------ POST CONTROLS ------>
  4793. <div class="post-controls">
  4794. <!-- button: toggle tags -->
  4795. {block:HasTags}
  4796. <div class="tog-tags-area stampie">
  4797. <a class="tags-press stampie-inner" data-show-tags="Show {lang:Tags}" data-hide-tags="Hide {lang:Tags}">
  4798. <i class="ph{select:icons style} ph-tag stampie-content"></i>
  4799. </a>
  4800. </div>
  4801. {/block:HasTags}
  4802.  
  4803. <!-- button: reblog button -->
  4804. <div class="rb-area stampie">
  4805. <a class="rb-press stampie-inner" href="{ReblogURL}" aria-label="Reblog">
  4806. <span class="icon-outline">
  4807. <i class="fa-sharp fa-regular fa-arrows-repeat stampie-content"></i>
  4808. </span>
  4809.  
  4810. <span class="icon-fill">
  4811. <i class="fa-sharp fa-solid fa-arrows-repeat stampie-content"></i>
  4812. </span>
  4813. </a>
  4814. </div>
  4815.  
  4816. <!-- button: like button -->
  4817. <div class="like-area stampie" data-like="Like" data-unlike="Unlike">
  4818. {LikeButton}
  4819. <div class="like-press stampie-inner">
  4820. <i class="fa-sharp fa-regular fa-heart stampie-content"></i>
  4821. <i class="fa-sharp fa-solid fa-heart stampie-content"></i>
  4822. </div>
  4823. </div>
  4824. </div><!--end post-controls-->
  4825. </div><!--end pho-top-->
  4826.  
  4827. {block:PermalinkPage}
  4828. {block:RebloggedFrom}
  4829. <div class="pho-bot">
  4830. <div class="via-part">
  4831. <span>via: </span>
  4832. <a class="reblog-parent-url stampie" href="{ReblogParentURL}" aria-label="{ReblogParentTitle}">
  4833. <span class="stampie-inner">
  4834. <span class="reblog-parent-name stampie-content">{ReblogParentName}</span>
  4835. </span>
  4836. </a>
  4837. </div>
  4838.  
  4839. <div class="src-part">
  4840. <span>posted by: </span>
  4841. <a class="reblog-root-url stampie" href="{ReblogRootURL}" aria-label="{ReblogRootTitle}">
  4842. <span class="stampie-inner">
  4843. <span class="reblog-root-name stampie-content">{ReblogRootName}</span>
  4844. </span>
  4845. </a>
  4846. </div>
  4847. </div><!--end pho-bot-->
  4848. {/block:RebloggedFrom}
  4849. {/block:PermalinkPage}
  4850. </div><!--end innerpho-->
  4851. </div><!--end post-footer-->
  4852. {/block:Date}
  4853. </div><!--end post-inner-->
  4854. </article><!--end a post-->
  4855.  
  4856. <!------ POST NOTES ------>
  4857. {block:PostNotes}
  4858. <div class="post-notes">{PostNotes}</div>
  4859. {/block:PostNotes}
  4860.  
  4861. {/block:Posts}
  4862.  
  4863. <!------ PAGINATION ------>
  4864. {block:Pagination}
  4865. <div class="botpagi">
  4866. <div class="bp-wrap">
  4867. {block:PreviousPage}
  4868. <a class="prev-page stampie" href="{PreviousPage}">
  4869. <span class="stampie-inner">
  4870. <span class="stampie-content">
  4871. <i class="ph{select:icons style} ph-caret-left"></i>
  4872. <span class="navitxt">{lang:Previous Page}</span>
  4873. </span>
  4874. </span>
  4875. </a>
  4876. {/block:PreviousPage}
  4877.  
  4878. {block:NextPage}
  4879. <a class="next-page stampie" href="{NextPage}">
  4880. <span class="stampie-inner">
  4881. <span class="stampie-content">
  4882. <span class="navitxt">{lang:Next Page}</span>
  4883. <i class="ph{select:icons style} ph-caret-right"></i>
  4884. </span>
  4885. </span>
  4886. </a>
  4887. {/block:NextPage}
  4888. </div>
  4889. </div>
  4890. {/block:Pagination}
  4891.  
  4892. </section><!--end all posts-->
  4893.  
  4894. <!------ SIDEBAR (RIGHT) ------>
  4895. <aside class="sb-right sb-at-{select:sidebar align}">
  4896. <div class="sb-inner-1">
  4897. <div class="sb-inner-2">
  4898.  
  4899. <div class="sb-img-wrap-outer-1">
  4900. <div class="sb-img-wrap-outer-2">
  4901. <!-- sidebar image -->
  4902. <div class="stampie no-outer-border sb-img-wrap">
  4903. <div class="stampie-inner">
  4904. <div class="stampie-content">
  4905. <img src="{image:sidebar image}" alt="sidebar image"/>
  4906. </div>
  4907. </div>
  4908. </div>
  4909.  
  4910. <!-- sidebar image shadow -->
  4911. <div class="sb-shadow-wrap">
  4912. <div class="stampie no-inner-border sb-shadow">
  4913. <div class="stampie-inner">
  4914. <div class="stampie-content"></div>
  4915. </div>
  4916. </div>
  4917.  
  4918. <div class="sb-paints sbp-{select:show paint splats}"></div>
  4919. </div>
  4920.  
  4921. <!-- tape -->
  4922. <div class="sb-tape-wrap tape-{select:show tape}">
  4923. <div class="sb-tape mask-{select:sidebar image tape texture}"></div>
  4924. </div>
  4925. </div><!--sb-img-wrap-outer-2-->
  4926. </div><!--sb-img-wrap-outer-1-->
  4927.  
  4928. <div class="sb-info-area">
  4929. <div class="sb-info-left">
  4930. <!-- sidebar title -->
  4931. <div class="sb-title-wrap stampie sbg sbt-{select:show sidebar title}" sbt-field-val="{block:ifsidebartitle}.{/block:ifsidebartitle}" bt-val="{PlaintextTitle}">
  4932. <div class="stampie-inner">
  4933. <div class="stampie-content">
  4934. <h2 class="sb-title">{block:ifsidebartitle}{text:sidebar title}{/block:ifsidebartitle}{block:ifnotsidebartitle}{Title}{/block:ifnotsidebartitle}</h2>
  4935. </div>
  4936. </div>
  4937. </div>
  4938.  
  4939. <!-- sidebar desc -->
  4940. <div class="sb-desc-wrap stampie sbg sbd-{select:show sidebar desc}" sbd-field-val="{block:ifsidebardesc}.{/block:ifsidebardesc}" bd-val="{PlaintextDescription}">
  4941. <div class="stampie-inner">
  4942. <div class="stampie-content">
  4943. <article class="sb-desc">{block:ifsidebardesc}{text:sidebar desc}{/block:ifsidebardesc}{block:ifnotsidebardesc}{Description}{/block:ifnotsidebardesc}</article>
  4944. </div>
  4945. </div>
  4946. </div>
  4947.  
  4948. <!-- custom links -->
  4949. <div class="custom-links" cl-font="{select:custom links symbol font}">
  4950. <nav>
  4951. <ul role="menu">
  4952. <!-- custom link 1 -->
  4953. <li role="presentation"{block:ifcustomlink1hovertext} has-label{/block:ifcustomlink1hovertext}{block:ifcustomlink1URL} has-url{/block:ifcustomlink1URL}><a class="stampie sbg" href="{block:ifcustomlink1URL}{text:custom link 1 URL}{/block:ifcustomlink1URL}{block:ifnotcustomlink1URL}javascript:void(0){/block:ifnotcustomlink1URL}"{block:ifcustomlink1hovertext} aria-label="{text:custom link 1 hover text}"{/block:ifcustomlink1hovertext} role="menuitem"><span class="stampie-inner"><span class="stampie-content"><span class="cl-text">I</span></span></span></a></li>
  4954.  
  4955. <!-- custom link 2 -->
  4956. <li role="presentation"{block:ifcustomlink2hovertext} has-label{/block:ifcustomlink2hovertext}{block:ifcustomlink2URL} has-url{/block:ifcustomlink2URL}><a class="stampie sbg" href="{block:ifcustomlink2URL}{text:custom link 2 URL}{/block:ifcustomlink2URL}{block:ifnotcustomlink2URL}javascript:void(0){/block:ifnotcustomlink2URL}"{block:ifcustomlink2hovertext} aria-label="{text:custom link 2 hover text}"{/block:ifcustomlink2hovertext} role="menuitem"><span class="stampie-inner"><span class="stampie-content"><span class="cl-text">II</span></span></span></a></li>
  4957.  
  4958. <!-- custom link 3 -->
  4959. <li role="presentation"{block:ifcustomlink3hovertext} has-label{/block:ifcustomlink3hovertext}{block:ifcustomlink3URL} has-url{/block:ifcustomlink3URL}><a class="stampie sbg" href="{block:ifcustomlink3URL}{text:custom link 3 URL}{/block:ifcustomlink3URL}{block:ifnotcustomlink3URL}javascript:void(0){/block:ifnotcustomlink3URL}"{block:ifcustomlink3hovertext} aria-label="{text:custom link 3 hover text}"{/block:ifcustomlink3hovertext} role="menuitem"><span class="stampie-inner"><span class="stampie-content"><span class="cl-text">III</span></span></span></a></li>
  4960.  
  4961. <!-- custom link 4 -->
  4962. <li role="presentation"{block:ifcustomlink4hovertext} has-label{/block:ifcustomlink4hovertext}{block:ifcustomlink4URL} has-url{/block:ifcustomlink4URL}><a class="stampie sbg" href="{block:ifcustomlink4URL}{text:custom link 4 URL}{/block:ifcustomlink4URL}{block:ifnotcustomlink4URL}javascript:void(0){/block:ifnotcustomlink4URL}"{block:ifcustomlink4hovertext} aria-label="{text:custom link 4 hover text}"{/block:ifcustomlink4hovertext} role="menuitem"><span class="stampie-inner"><span class="stampie-content"><span class="cl-text">IV</span></span></span></a></li>
  4963.  
  4964. <!-- custom link 5 -->
  4965. <li role="presentation"{block:ifcustomlink5hovertext} has-label{/block:ifcustomlink5hovertext}{block:ifcustomlink5URL} has-url{/block:ifcustomlink5URL}><a class="stampie sbg" href="{block:ifcustomlink5URL}{text:custom link 5 URL}{/block:ifcustomlink5URL}{block:ifnotcustomlink5URL}javascript:void(0){/block:ifnotcustomlink5URL}"{block:ifcustomlink5hovertext} aria-label="{text:custom link 5 hover text}"{/block:ifcustomlink5hovertext} role="menuitem"><span class="stampie-inner"><span class="stampie-content"><span class="cl-text">V</span></span></span></a></li>
  4966.  
  4967. <!-- custom link 6 -->
  4968. <li role="presentation"{block:ifcustomlink6hovertext} has-label{/block:ifcustomlink6hovertext}{block:ifcustomlink6URL} has-url{/block:ifcustomlink6URL}><a class="stampie sbg" href="{block:ifcustomlink6URL}{text:custom link 6 URL}{/block:ifcustomlink6URL}{block:ifnotcustomlink6URL}javascript:void(0){/block:ifnotcustomlink6URL}"{block:ifcustomlink6hovertext} aria-label="{text:custom link 6 hover text}"{/block:ifcustomlink6hovertext} role="menuitem"><span class="stampie-inner"><span class="stampie-content"><span class="cl-text">VI</span></span></span></a></li>
  4969. </ul>
  4970. </nav>
  4971. </div><!--end custom-links-->
  4972. </div><!--end sb-info-left-->
  4973.  
  4974. <div class="sb-info-right navlinks">
  4975. <nav>
  4976. <ul role="menu">
  4977. <!-- "home" link -->
  4978. <li role="presentation">
  4979. <a class="stampie sbg" href="/" aria-label="{lang:Home}" role="menuitem">
  4980. <span class="stampie-inner">
  4981. <span class="stampie-content">
  4982. <i class="ph{select:icons style} ph-house"></i>
  4983. </span>
  4984. </span>
  4985. </a>
  4986. </li>
  4987.  
  4988. <!-- "ask" link -->
  4989. <li role="presentation">
  4990. <a class="stampie sbg" href="/ask" aria-label="Askbox" role="menuitem">
  4991. <span class="stampie-inner">
  4992. <span class="stampie-content">
  4993. <i class="ph{select:icons style} ph-envelope"></i>
  4994. </span>
  4995. </span>
  4996. </a>
  4997. </li>
  4998.  
  4999. <!-- "archive" link -->
  5000. <li role="presentation">
  5001. <a class="stampie sbg" href="/archive" aria-label="{lang:Archive}" role="menuitem">
  5002. <span class="stampie-inner">
  5003. <span class="stampie-content">
  5004. <i class="ph{select:icons style} ph-calendar-dots"></i>
  5005. </span>
  5006. </span>
  5007. </a>
  5008. </li>
  5009.  
  5010. <!-- theme credit link // please do not remove! -->
  5011. <li role="presentation">
  5012. <a class="stampie sbg" href="//glenthemes.tumblr.com" aria-label="&#x2670;&#x2002;&#x201C;Web Zero&#x201D; theme by glenthemes&#x2002;&#x2670;" role="menuitem">
  5013. <span class="stampie-inner">
  5014. <span class="stampie-content">
  5015. <i class="gt-misc-icons" icon-name="gt-2"></i>
  5016. </span>
  5017. </span>
  5018. </a>
  5019. </li>
  5020. </ul>
  5021. </nav>
  5022. </div><!--end sb-info-right-->
  5023. </div><!--end sb-info-area-->
  5024.  
  5025. </div><!--end sb-inner-1-->
  5026. </div><!--end sb-inner-2-->
  5027. </aside><!--end sidebar (right)-->
  5028.  
  5029. </div><!--end main-hug-2-->
  5030. </div><!--end main-hug-1-->
  5031.  
  5032. </main><!--end main-->
  5033.  
  5034. <!------ CORNER IMAGE ------>
  5035. <div class="corner-img" pos="{select:corner image position}">
  5036. <img src="{image:corner image}" alt="image"/>
  5037. </div><!--end corner-img-->
  5038.  
  5039. <!------ BOTTOM MUSIC PLAYER ------>
  5040. <!-- please don't touch this, if you have any questions please ask: -->
  5041. <!-- discord.gg/RcMKnwz -->
  5042. <div class="bot-mplayer mp-{select:show music player}" mp-ap="{select:autoplay 1st song}">
  5043. <div class="bmp-inner">
  5044. <div class="bmp-ctrls">
  5045. <button aria-label="Previous song" class="b-back">
  5046. <i class="ph{select:icons style} ph-skip-back"></i>
  5047. </button>
  5048.  
  5049. <button aria-label="Play" class="b-play">
  5050. <i class="ph{select:icons style} ph-play"></i>
  5051. </button>
  5052.  
  5053. <button aria-label="Pause" class="b-pause">
  5054. <i class="ph{select:icons style} ph-pause"></i>
  5055. </button>
  5056.  
  5057. <button aria-label="Next song" class="b-next">
  5058. <i class="ph{select:icons style} ph-skip-forward"></i>
  5059. </button>
  5060.  
  5061. <div class="bmp-vol-bar no-tooltip" aria-label="Volume">
  5062. <button class="b-vol-1">
  5063. <i class="ph{select:icons style} ph-speaker-high"></i>
  5064. </button>
  5065. <button class="b-vol-0">
  5066. <i class="ph{select:icons style} ph-speaker-none"></i>
  5067. </button>
  5068. </div>
  5069. </div><!--end bmp-ctrls-->
  5070.  
  5071. <div class="bmp-song-name">
  5072. {block:ifsong1name}<span sn>{text:song 1 name}</span>{/block:ifsong1name}
  5073. {block:ifsong2name}<span sn>{text:song 2 name}</span>{/block:ifsong2name}
  5074. {block:ifsong3name}<span sn>{text:song 3 name}</span>{/block:ifsong3name}
  5075. {block:ifsong4name}<span sn>{text:song 4 name}</span>{/block:ifsong4name}
  5076. {block:ifsong5name}<span sn>{text:song 5 name}</span>{/block:ifsong5name}
  5077. {block:ifsong6name}<span sn>{text:song 6 name}</span>{/block:ifsong6name}
  5078. {block:ifsong7name}<span sn>{text:song 7 name}</span>{/block:ifsong7name}
  5079. {block:ifsong8name}<span sn>{text:song 8 name}</span>{/block:ifsong8name}
  5080. {block:ifsong9name}<span sn>{text:song 9 name}</span>{/block:ifsong9name}
  5081. {block:ifsong10name}<span sn>{text:song 10 name}</span>{/block:ifsong10name}
  5082. </div><!--end song names-->
  5083.  
  5084. <div class="bmp-song-mp3s">
  5085. {block:ifsong1mp3}<audio src="{text:song 1 mp3}" vol="{text:song 1 volume}" hidden></audio>{/block:ifsong1mp3}
  5086. {block:ifsong2mp3}<audio src="{text:song 2 mp3}" vol="{text:song 2 volume}" hidden></audio>{/block:ifsong2mp3}
  5087. {block:ifsong3mp3}<audio src="{text:song 3 mp3}" vol="{text:song 3 volume}" hidden></audio>{/block:ifsong3mp3}
  5088. {block:ifsong4mp3}<audio src="{text:song 4 mp3}" vol="{text:song 4 volume}" hidden></audio>{/block:ifsong4mp3}
  5089. {block:ifsong5mp3}<audio src="{text:song 5 mp3}" vol="{text:song 5 volume}" hidden></audio>{/block:ifsong5mp3}
  5090. {block:ifsong6mp3}<audio src="{text:song 6 mp3}" vol="{text:song 6 volume}" hidden></audio>{/block:ifsong6mp3}
  5091. {block:ifsong7mp3}<audio src="{text:song 7 mp3}" vol="{text:song 7 volume}" hidden></audio>{/block:ifsong7mp3}
  5092. {block:ifsong8mp3}<audio src="{text:song 8 mp3}" vol="{text:song 8 volume}" hidden></audio>{/block:ifsong8mp3}
  5093. {block:ifsong9mp3}<audio src="{text:song 9 mp3}" vol="{text:song 9 volume}" hidden></audio>{/block:ifsong9mp3}
  5094. {block:ifsong10mp3}<audio src="{text:song 10 mp3}" vol="{text:song 10 volume}" hidden></audio>{/block:ifsong10mp3}
  5095. </div>
  5096.  
  5097. <div class="bmp-bar"></div>
  5098. <div class="bmp-shuffle">
  5099. <button aria-label="Shuffle" class="b-shuffle">
  5100. <i class="fa-sharp fa-regular fa-shuffle"></i>
  5101. </button>
  5102. </div>
  5103. <div class="bmp-timestuff"></div>
  5104. <div class="bmp-list">
  5105. <button class="b-see-list" data-see-list="{text:music player SEE LIST text}" data-hide-list="{text:music player HIDE LIST text}">
  5106. <i class="fa-sharp fa-regular fa-list-music"></i>
  5107. <i class="fa-sharp fa-solid fa-list-music"></i>
  5108. </button>
  5109. </div>
  5110. <div class="bmp-list-pop">
  5111. <div class="bmp-list-pop-inner-1">
  5112. <div class="bmp-list-pop-inner-2">
  5113. <div class="bmp-list-content">
  5114. {block:ifmusicplayertitle}
  5115. <div class="bmp-list-title">
  5116. <div class="stampie sbg"><div class="stampie-inner"><span class="stampie-content">{text:music player title}</span></div></div>
  5117. </div>
  5118. {/block:ifmusicplayertitle}
  5119. <div class="bmp-list-outer">
  5120. <div class="bmp-list-inner">
  5121. <div class="bmp-list-inner-s"></div>
  5122. </div>
  5123. </div>
  5124. </div>
  5125. </div>
  5126. </div>
  5127. </div>
  5128. </div><!--end bmp-inner-->
  5129. </div><!--end bot-mplayer-->
  5130.  
  5131. <!----- CUSTOMIZE PAGE GUIDE PROMPT ----->
  5132. <div class="svnibwchmv" hidden>
  5133. <a href="//dub.sh/web-zero-guide">
  5134. <i class="ph-bold ph-book-open"></i>
  5135. <span class="soottglhoh caps">Read the guide here!</span>
  5136. </a>
  5137. </div>
  5138.  
  5139. <div class="demu" aria-hidden="true" tabindex="-1" ignore-this></div>
  5140.  
  5141. </body>
  5142. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!