API tools faq
paste
glenthemes

Theme [02]: Midnight Rose

glenthemes
Aug 10th, 2015 (edited)
16,484
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 143.49 KB | None | 0 0
raw download clone embed print report
  1. <!-------------------------------------------------------------------
  2.  
  3. Theme [02]: Midnight Rose
  4. Made by glenthemes
  5.  
  6. Release date: 2016/12/14
  7. Revamp date: 2024/05/15
  8. Last updated: 2024/05/15
  9.  
  10. 「 THEME INFO. 」
  11. ❃ Post: glenthemes.tumblr.com/post/154473486819
  12. ❃ Preview: glenthpvs.tumblr.com/midnight-rose
  13. ❃ Code: glen-themes.gitlab.io/thms/02/midnight-rose
  14.  
  15. 「 HOW TO USE. 」
  16. dub.sh/midnight-rose-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/midnight-rose
  27.  
  28. -------------------------------------------------------------------->
  29.  
  30. <!DOCTYPE html>
  31. <html
  32. lang="en"
  33. tumblr-controls="{select:tumblr controls}"
  34. bg-size="{select:background image size}"
  35. bg-height="{select:background image height}"
  36. bg-blur="{select:background image blur}"
  37. full-width-posts="{select:posts full width}"
  38. post-borders="{select:posts borders}"
  39. post-transparency="{select:posts transparency}"
  40. posts-blur="{select:posts BG blur}"
  41. reblog-borders="{select:reblog dividers}"
  42. font="{select:font}"
  43. heading-font="{select:heading font}"
  44. caps-font="{select:uppercase font}"
  45. tags-vis="{block:IndexPage}{select:tags}{/block:IndexPage}{block:PermalinkPage}always-show{/block:PermalinkPage}"
  46. >
  47. <head>
  48.  
  49. <meta charset="UTF-8">
  50. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  51.  
  52. <title>
  53. {Title}
  54. {block:PostSummary} | {PostSummary}{/block:PostSummary}
  55. {block:TagPage} | #{Tag}{/block:TagPage}
  56. {block:SearchPage} | “{SearchQuery}” – {lang:SearchResultCount results}{/block:SearchPage}
  57. </title>
  58.  
  59. <link rel="shortcut icon" href="{Favicon}">
  60.  
  61. {block:Description}
  62. <meta name="description" content="{MetaDescription}"/>
  63. {/block:Description}
  64.  
  65. <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
  66. <meta name="theme-color" content="{AccentColor}">
  67.  
  68. <!-------- PRELOAD -------->
  69. <link rel="preload" href="{image:background image}" as="image">
  70. <link rel="preload" href="{image:sidebar image}" as="image">
  71. <link rel="preload" href="//gfonts.gitlab.io/t/big_noodle_titling_oblique.ttf" as="font" type="font/ttf" crossorigin>
  72.  
  73. <!------- FONTS ------->
  74. <script src="//ht-devx.github.io/addGoogleFonts/v2/addGoogleFonts.min.js"></script>
  75. <link rel="preconnect" href="//fonts.googleapis.com">
  76. <link rel="preconnect" href="//fonts.gstatic.com" crossorigin>
  77. <script>
  78. addGoogleFonts("Public Sans, Karla, Play, Chakra Petch, Sofia Sans, Figtree, Lexend, Kdam Thmor Pro, Akshar, Stick No Bills, Space Grotesk");
  79. </script>
  80. <style include-fonts>
  81. @font-face { font-family: "Geist Mono"; src: url("//cdn.jsdelivr.net/gh/vercel/geist-font@main/packages/next/dist/fonts/geist-mono/GeistMono-Variable.woff2"); }
  82.  
  83. @font-face { font-family: "Big Noodle Titling Oblique"; src: url("//gfonts.gitlab.io/t/big_noodle_titling_oblique.ttf"); }
  84.  
  85. @font-face { font-family: "Brutal"; src: url("//gfonts.gitlab.io/t/Brutal-Regular.ttf"); }
  86.  
  87. @font-face { font-family: "Brutal Medium"; src: url("//gfonts.gitlab.io/t/Brutal-Medium.ttf"); }
  88.  
  89. @font-face { font-family: "Brutal Bold"; src: url("//gfonts.gitlab.io/t/Brutal-Bold.ttf"); }
  90. </style>
  91.  
  92. <!------- ICON LIBRARIES ------->
  93. <link href="//cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css" rel="stylesheet" crossorigin>
  94. <link href="//unpkg.com/@phosphor-icons/web@latest/src/regular/style.css" rel="stylesheet" crossorigin>
  95. <link href="//unpkg.com/@phosphor-icons/web@latest/src/bold/style.css" rel="stylesheet" crossorigin>
  96. <link href="//hugeicons.gitlab.io/i/icons.css" rel="stylesheet">
  97. <link href="//static.tumblr.com/gtjt4bo/BrBsdeesk/tracer-blink.css" rel="stylesheet">
  98.  
  99. <!------- SCRIPTS ------->
  100. <script src="//glen-iframes.gitlab.io/i/use.js"></script>
  101.  
  102. <link href="//glen-npf.gitlab.io/v4-beta/main.css" rel="stylesheet" crossorigin>
  103. <script src="//glen-npf.gitlab.io/v4-beta/use.js"></script>
  104.  
  105. <script src="//unpkg.com/@popperjs/core@2/dist/umd/popper.min.js"></script>
  106. <script src="//unpkg.com/tippy.js@6/dist/tippy-bundle.umd.js"></script>
  107.  
  108. <link href="//static.tumblr.com/gtjt4bo/emIsudjeh/vidyo.min.css" rel="stylesheet">
  109. <script src="//static.tumblr.com/gtjt4bo/bGosudjfz/vidyo.min.js"></script>
  110.  
  111. <script src="//glen-themes.gitlab.io/thms/02/lena.js"></script>
  112. <link href="//glen-themes.gitlab.io/thms/02/oxton.css" rel="stylesheet">
  113.  
  114. {block:Options}
  115. <!-- divider: images -->
  116. <meta name="image:&#x1F4F7;&#x2003;&#x1D408;&#x1D40C;&#x1D400;&#x1D406;&#x1D404;&#x1D412; &#x30FB;" content="">
  117. <meta name="image:background image" content="//64.media.tumblr.com/60e9caf9afe11c399d3e62cc14d75320/932fdb6aae8d9bc4-c9/s2048x3072/34f15686bdf6aafcaeed940ef5448e67380480a3.jpg">
  118. <meta name="image:sidebar image" content="//static.tumblr.com/6f82d6d3b9efbfa55bb5de5267be6b1b/2pnwama/n89pmbxkt/tumblr_static_viy6gbjgjwg4kw44k4ookk04.png">
  119. <meta name="image:sidebar icon" content="//64.media.tumblr.com/33a21bcc9b5dee1c861e649165350536/932fdb6aae8d9bc4-4b/s2048x3072/54ea4fce6e3f770458c0c3ad1e5fe3f9d49988d9.png">
  120.  
  121. <meta name="color:background" content="#0d0203">
  122.  
  123. <!-- divider: top bar -->
  124. <meta name="color:&#x1F3A8;&#x2003;&#x1D413;&#x1D40E;&#x1D40F; &#x1D401;&#x1D400;&#x1D411; &#x30FB;" content="">
  125. <meta name="color:top bar BG" content="#030404">
  126. <meta name="color:top bar title" content="#ab9ed6">
  127. <meta name="color:top bar bottom border" content="#2e243d">
  128.  
  129. <!-- divider: custom links -->
  130. <meta name="color:&#x1F3A8;&#x2003;&#x1D402;&#x1D414;&#x1D412;&#x1D413;&#x1D40E;&#x1D40C; &#x1D40B;&#x1D408;&#x1D40D;&#x1D40A;&#x1D412; &#x30FB;" content="">
  131. <meta name="color:custom links icons" content="#b1aad9">
  132. <meta name="color:custom links text" content="#c6aad9">
  133.  
  134. <meta name="color:custom links HOVER icons" content="#b5b6f3">
  135. <meta name="color:custom links HOVER text" content="#b5b6f3">
  136. <meta name="color:custom links HOVER BG" content="#262537">
  137.  
  138. <!-- divider: sidebar -->
  139. <meta name="color:&#x1F3A8;&#x2003;&#x1D412;&#x1D408;&#x1D403;&#x1D404;&#x1D401;&#x1D400;&#x1D411; &#x30FB;" content="">
  140. <meta name="color:sidebar accent" content="#2f2145">
  141. <meta name="color:desc BG" content="#0d0203">
  142. <meta name="color:desc text" content="#b2b7d0">
  143. <meta name="color:desc bold" content="#9d94e6">
  144. <meta name="color:desc italic" content="#9a9ed8">
  145. <meta name="color:desc links" content="#d3b5f3">
  146. <meta name="color:desc links underline" content="#3f3752">
  147. <meta name="color:desc scrollbar" content="#52465e">
  148.  
  149. <meta name="color:sidebar links BG" content="#1b1425">
  150. <meta name="color:sidebar links icons" content="#baa1af">
  151.  
  152. <meta name="color:sidebar links hover BG" content="#28273b">
  153. <meta name="color:sidebar links hover icons" content="#b5b6f3">
  154.  
  155. <!-- divider: posts -->
  156. <meta name="color:&#x1F3A8;&#x2003;&#x1D40F;&#x1D40E;&#x1D412;&#x1D413;&#x1D412; &#x30FB;" content="">
  157. <meta name="color:posts borders" content="#4a4162">
  158. <meta name="color:posts BG" content="#0d0203">
  159. <meta name="color:text" content="#b2b7d0">
  160.  
  161. <meta name="color:posts accent borders" content="#4a4162">
  162. <meta name="color:posts accent BG" content="#0d0203">
  163. <meta name="color:posts accent text" content="#ab9ed6">
  164.  
  165. <meta name="color:headings" content="#ab9ed6">
  166. <meta name="color:bold" content="#9d94e6">
  167. <meta name="color:italic" content="#9a9ed8">
  168.  
  169. <meta name="color:links" content="#d3b5f3">
  170. <meta name="color:links underline" content="#3f3752">
  171. <meta name="color:blockquote border" content="#564c71">
  172.  
  173. <meta name="color:posts usernames" content="#c6aad9">
  174.  
  175. <meta name="color:buttons BG" content="#0d0203">
  176. <meta name="color:buttons icons" content="#a199d0">
  177.  
  178. <!-- divider: tags -->
  179. <meta name="color:&#x1F3A8;&#x2003;&#x1D413;&#x1D400;&#x1D406;&#x1D412; &#x30FB;" content="">
  180. <meta name="color:tags" content="#9d94e6">
  181. <meta name="color:tags hover" content="#d3b5f3">
  182.  
  183. <!-- divider: post info -->
  184. <meta name="color:&#x1F3A8;&#x2003;&#x1D40F;&#x1D40E;&#x1D412;&#x1D413; &#x1D408;&#x1D40D;&#x1D405;&#x1D40E; &#x30FB;" content="">
  185. <meta name="color:post info border" content="#4a4162">
  186. <meta name="color:post info text" content="#9ea4cb">
  187. <meta name="color:like and reblog" content="#8f93b7">
  188. <meta name="color:like button liked" content="#ff7474">
  189.  
  190. <!-- divider: page numbers -->
  191. <meta name="color:&#x1F3A8;&#x2003;&#x1D40F;&#x1D400;&#x1D406;&#x1D404; &#x1D40D;&#x1D414;&#x1D40C;&#x1D401;&#x1D404;&#x1D411;&#x1D412; &#x30FB;" content="">
  192. <meta name="color:pagination" content="#c6aad9">
  193.  
  194. <!-- divider: back to top -->
  195. <meta name="color:&#x1F3A8;&#x2003;&#x1D401;&#x1D400;&#x1D402;&#x1D40A; &#x1D413;&#x1D40E; &#x1D413;&#x1D40E;&#x1D40F; &#x30FB;" content="">
  196. <meta name="color:back to top button" content="#898cbd">
  197. <meta name="color:back to top button hover" content="#b1aad9">
  198.  
  199. <!-- divider: scrollbar -->
  200. <meta name="color:&#x1F3A8;&#x2003;&#x1D412;&#x1D402;&#x1D411;&#x1D40E;&#x1D40B;&#x1D40B;&#x1D401;&#x1D400;&#x1D411; &#x30FB;" content="">
  201. <meta name="color:scrollbar" content="#6c5c7b">
  202. <meta name="color:scrollbar BG" content="#0d0203">
  203.  
  204. <!-- divider: text highlight -->
  205. <meta name="color:&#x1F3A8;&#x2003;&#x1D413;&#x1D404;&#x1D417;&#x1D413; &#x1D407;&#x1D408;&#x1D406;&#x1D407;&#x1D40B;&#x1D408;&#x1D406;&#x1D407;&#x1D413; &#x30FB;" content="">
  206. <meta name="color:text highlight BG" content="#0d0203">
  207. <meta name="color:text highlighted" content="#e28b8b">
  208.  
  209. <!-- divider: tooltips -->
  210. <meta name="color:&#x1F3A8;&#x2003;&#x1D413;&#x1D40E;&#x1D40E;&#x1D40B;&#x1D413;&#x1D408;&#x1D40F;&#x1D412; &#x30FB;" content="">
  211. <meta name="color:hover text border" content="#2e243d">
  212. <meta name="color:hover text BG" content="#1b1425">
  213. <meta name="color:hover text" content="#b1aad9">
  214.  
  215. <!-- divider: background settings -->
  216. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D401;&#x1D400;&#x1D402;&#x1D40A;&#x1D406;&#x1D411;&#x1D40E;&#x1D414;&#x1D40D;&#x1D403; &#x1D412;&#x1D404;&#x1D413;&#x1D413;&#x1D408;&#x1D40D;&#x1D406;&#x1D412; &#x30FB;" title="" content="">
  217.  
  218. <!-- background image size -->
  219. <meta name="select:background image size" title="large&#x2009;&#x2F;&#x2009;full" content="full">
  220. <meta name="select:background image size" title="small&#x2009;&#x2F;&#x2009;repeating" content="repeat">
  221.  
  222. <!-- background image height -->
  223. <meta name="select:background image height" title="screen height" content="full-h">
  224. <meta name="select:background image height" title="screen height (excluding top bar)" content="not-full-h">
  225.  
  226. <!-- background image blur -->
  227. <meta name="select:background image blur" title="7px" content="7px">
  228. <meta name="select:background image blur" title="none" content="0px">
  229. <meta name="select:background image blur" title="3px" content="3px">
  230. <meta name="select:background image blur" title="5px" content="5px">
  231. <meta name="select:background image blur" title="9px" content="9px">
  232. <meta name="select:background image blur" title="11px" content="11px">
  233. <meta name="select:background image blur" title="13px" content="13px">
  234.  
  235. <!-- divider: top bar -->
  236. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D413;&#x1D40E;&#x1D40F; &#x1D401;&#x1D400;&#x1D411; &#x30FB;" title="" content="">
  237.  
  238. <!-- top bar padding -->
  239. <meta name="select:top bar padding" title="20px" content="20px">
  240. <meta name="select:top bar padding" title="15px" content="15px">
  241. <meta name="select:top bar padding" title="25px" content="25px">
  242. <meta name="select:top bar padding" title="30px" content="30px">
  243. <meta name="select:top bar padding" title="35px" content="35px">
  244. <meta name="select:top bar padding" title="40px" content="40px">
  245. <meta name="select:top bar padding" title="45px" content="45px">
  246. <meta name="select:top bar padding" title="50px" content="50px">
  247.  
  248. <!-- top bar title size -->
  249. <meta name="select:top bar title size" title="21px" content="1.313rem">
  250. <meta name="select:top bar title size" title="16px" content="1rem">
  251. <meta name="select:top bar title size" title="17px" content="1.063rem">
  252. <meta name="select:top bar title size" title="18px" content="1.125rem">
  253. <meta name="select:top bar title size" title="19px" content="1.188rem">
  254. <meta name="select:top bar title size" title="20px" content="1.25rem">
  255. <meta name="select:top bar title size" title="22px" content="1.375rem">
  256. <meta name="select:top bar title size" title="23px" content="1.438rem">
  257. <meta name="select:top bar title size" title="24px" content="1.5rem">
  258. <meta name="select:top bar title size" title="25px" content="1.563rem">
  259. <meta name="select:top bar title size" title="26px" content="1.625rem">
  260. <meta name="select:top bar title size" title="27px" content="1.688rem">
  261. <meta name="select:top bar title size" title="28px" content="1.75rem">
  262. <meta name="select:top bar title size" title="29px" content="1.813rem">
  263. <meta name="select:top bar title size" title="30px" content="1.875rem">
  264.  
  265. <!-- top bar bottom border -->
  266. <meta name="select:top bar bottom border" title="yes" content="yes">
  267. <meta name="select:top bar bottom border" title="no" content="no">
  268.  
  269. <!-- divider: custom links -->
  270. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D402;&#x1D414;&#x1D412;&#x1D413;&#x1D40E;&#x1D40C; &#x1D40B;&#x1D408;&#x1D40D;&#x1D40A;&#x1D412; &#x30FB;" title="" content="">
  271.  
  272. <!-- custom links icons size -->
  273. <meta name="select:custom links icons size" title="17px" content="1.063rem">
  274. <meta name="select:custom links icons size" title="12px" content="0.75rem">
  275. <meta name="select:custom links icons size" title="13px" content="0.813rem">
  276. <meta name="select:custom links icons size" title="14px" content="0.875rem">
  277. <meta name="select:custom links icons size" title="15px" content="0.938rem">
  278. <meta name="select:custom links icons size" title="16px" content="1rem">
  279. <meta name="select:custom links icons size" title="18px" content="1.125rem">
  280. <meta name="select:custom links icons size" title="19px" content="1.188rem">
  281. <meta name="select:custom links icons size" title="20px" content="1.25rem">
  282.  
  283. <!-- custom links icons gap -->
  284. <meta name="select:custom links icons gap" title="8px" content="8px">
  285. <meta name="select:custom links icons gap" title="4px" content="4px">
  286. <meta name="select:custom links icons gap" title="5px" content="5px">
  287. <meta name="select:custom links icons gap" title="6px" content="6px">
  288. <meta name="select:custom links icons gap" title="7px" content="7px">
  289. <meta name="select:custom links icons gap" title="9px" content="9px">
  290. <meta name="select:custom links icons gap" title="10px" content="10px">
  291. <meta name="select:custom links icons gap" title="11px" content="11px">
  292. <meta name="select:custom links icons gap" title="12px" content="12px">
  293. <meta name="select:custom links icons gap" title="13px" content="13px">
  294. <meta name="select:custom links icons gap" title="14px" content="14px">
  295. <meta name="select:custom links icons gap" title="15px" content="15px">
  296.  
  297. <!-- custom links text size -->
  298. <meta name="select:custom links text size" title="11px" content="0.688rem">
  299. <meta name="select:custom links text size" title="10px" content="0.625rem">
  300. <meta name="select:custom links text size" title="12px" content="0.75rem">
  301. <meta name="select:custom links text size" title="13px" content="0.813rem">
  302. <meta name="select:custom links text size" title="14px" content="0.875rem">
  303. <meta name="select:custom links text size" title="15px" content="0.938rem">
  304. <meta name="select:custom links text size" title="16px" content="1rem">
  305. <meta name="select:custom links text size" title="17px" content="1.063rem">
  306. <meta name="select:custom links text size" title="18px" content="1.125rem">
  307.  
  308. <!-- custom links spacing -->
  309. <meta name="select:custom links spacing" title="16px" content="16px">
  310. <meta name="select:custom links spacing" title="6px" content="6px">
  311. <meta name="select:custom links spacing" title="8px" content="8px">
  312. <meta name="select:custom links spacing" title="10px" content="10px">
  313. <meta name="select:custom links spacing" title="12px" content="12px">
  314. <meta name="select:custom links spacing" title="14px" content="14px">
  315. <meta name="select:custom links spacing" title="18px" content="18px">
  316. <meta name="select:custom links spacing" title="20px" content="20px">
  317. <meta name="select:custom links spacing" title="22px" content="22px">
  318. <meta name="select:custom links spacing" title="24px" content="24px">
  319. <meta name="select:custom links spacing" title="26px" content="26px">
  320. <meta name="select:custom links spacing" title="28px" content="28px">
  321. <meta name="select:custom links spacing" title="30px" content="30px">
  322.  
  323. <!-- divider: general settings -->
  324. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D406;&#x1D404;&#x1D40D;&#x1D404;&#x1D411;&#x1D400;&#x1D40B; &#x1D412;&#x1D404;&#x1D413;&#x1D413;&#x1D408;&#x1D40D;&#x1D406;&#x1D412; &#x30FB;" title="" content="">
  325.  
  326. <!-- tumblr controls -->
  327. <meta name="select:tumblr controls" title="white" content="white">
  328. <meta name="select:tumblr controls" title="black" content="black">
  329.  
  330. <!-- tumblr controls transparency -->
  331. <meta name="select:tumblr controls transparency" title="25%" content="0.75">
  332. <meta name="select:tumblr controls transparency" title="none" content="1">
  333. <meta name="select:tumblr controls transparency" title="50%" content="0.5">
  334. <meta name="select:tumblr controls transparency" title="75%" content="0.25">
  335.  
  336. <!-- screen gap -->
  337. <meta name="select:screen gap" title="50px" content="50px">
  338. <meta name="select:screen gap" title="30px" content="30px">
  339. <meta name="select:screen gap" title="35px" content="35px">
  340. <meta name="select:screen gap" title="40px" content="40px">
  341. <meta name="select:screen gap" title="45px" content="45px">
  342. <meta name="select:screen gap" title="55px" content="55px">
  343. <meta name="select:screen gap" title="60px" content="60px">
  344. <meta name="select:screen gap" title="65px" content="65px">
  345. <meta name="select:screen gap" title="70px" content="70px">
  346. <meta name="select:screen gap" title="75px" content="75px">
  347. <meta name="select:screen gap" title="80px" content="80px">
  348. <meta name="select:screen gap" title="85px" content="85px">
  349. <meta name="select:screen gap" title="90px" content="90px">
  350. <meta name="select:screen gap" title="95px" content="95px">
  351. <meta name="select:screen gap" title="100px" content="100px">
  352.  
  353. <!-- center gap -->
  354. <meta name="select:center gap" title="85px" content="85px">
  355. <meta name="select:center gap" title="40px" content="40px">
  356. <meta name="select:center gap" title="45px" content="45px">
  357. <meta name="select:center gap" title="50px" content="50px">
  358. <meta name="select:center gap" title="55px" content="55px">
  359. <meta name="select:center gap" title="60px" content="60px">
  360. <meta name="select:center gap" title="65px" content="65px">
  361. <meta name="select:center gap" title="70px" content="70px">
  362. <meta name="select:center gap" title="75px" content="75px">
  363. <meta name="select:center gap" title="80px" content="80px">
  364. <meta name="select:center gap" title="90px" content="90px">
  365. <meta name="select:center gap" title="95px" content="95px">
  366. <meta name="select:center gap" title="100px" content="100px">
  367. <meta name="select:center gap" title="105px" content="105px">
  368. <meta name="select:center gap" title="110px" content="110px">
  369. <meta name="select:center gap" title="115px" content="115px">
  370. <meta name="select:center gap" title="120px" content="120px">
  371.  
  372. <!-- divider: back to top -->
  373. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D401;&#x1D400;&#x1D402;&#x1D40A; &#x1D413;&#x1D40E; &#x1D413;&#x1D40E;&#x1D40F; &#x30FB;" title="" content="">
  374.  
  375. <!-- back to top button -->
  376. <meta name="select:back to top" title="style 2" content="blink-2">
  377. <meta name="select:back to top" title="hide" content="hide">
  378. <meta name="select:back to top" title="style 1" content="blink-1">
  379.  
  380. <!-- back to top button size -->
  381. <meta name="select:back to top size" title="26px" content="1.625rem">
  382. <meta name="select:back to top size" title="16px" content="1rem">
  383. <meta name="select:back to top size" title="18px" content="1.125rem">
  384. <meta name="select:back to top size" title="20px" content="1.25rem">
  385. <meta name="select:back to top size" title="22px" content="1.375rem">
  386. <meta name="select:back to top size" title="24px" content="1.5rem">
  387. <meta name="select:back to top size" title="28px" content="1.75rem">
  388. <meta name="select:back to top size" title="30px" content="1.875rem">
  389. <meta name="select:back to top size" title="32px" content="2rem">
  390.  
  391. <!-- divider: fonts -->
  392. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D405;&#x1D40E;&#x1D40D;&#x1D413;&#x1D412; &#x30FB;" title="" content="">
  393.  
  394. <!-- body font -->
  395. <meta name="select:font" title="Sofia Sans" content="Sofia Sans">
  396. <meta name="select:font" title="Public Sans" content="Public Sans">
  397. <meta name="select:font" title="Karla" content="Karla">
  398. <meta name="select:font" title="Play" content="Play">
  399. <meta name="select:font" title="Brutal" content="Brutal">
  400. <meta name="select:font" title="Chakra Petch" content="Chakra Petch">
  401.  
  402. <!-- heading font -->
  403. <meta name="select:heading font" title="Big Noodle Titling Oblique" content="Big Noodle Titling Oblique">
  404. <meta name="select:heading font" title="Lexend" content="Lexend">
  405.  
  406. <!-- uppercase font -->
  407. <meta name="select:uppercase font" title="Space Grotesk" content="Space Grotesk">
  408. <meta name="select:uppercase font" title="Figtree" content="Figtree">
  409. <meta name="select:uppercase font" title="Public Sans" content="Public Sans">
  410. <meta name="select:uppercase font" title="Karla" content="Karla">
  411. <meta name="select:uppercase font" title="Kdam Thmor Pro" content="Kdam Thmor Pro">
  412. <meta name="select:uppercase font" title="Akshar" content="Akshar">
  413. <meta name="select:uppercase font" title="Stick No Bills" content="Stick No Bills">
  414.  
  415. <!-- font size -->
  416. <meta name="select:font size" title="13px" content="0.85rem">
  417. <meta name="select:font size" title="11px" content="0.75rem">
  418. <meta name="select:font size" title="12px" content="0.8rem">
  419. <meta name="select:font size" title="14px" content="0.9rem">
  420. <meta name="select:font size" title="15px" content="0.95">
  421. <meta name="select:font size" title="16px" content="1rem">
  422.  
  423. <!-- divider: sidebar image -->
  424. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D412;&#x1D408;&#x1D403;&#x1D404;&#x1D401;&#x1D400;&#x1D411; &#x1D408;&#x1D40C;&#x1D400;&#x1D406;&#x1D404; &#x30FB;" title="" content="">
  425. <meta name="select:sidebar image width" title="auto" content="auto">
  426. <meta name="select:sidebar image width" title="30%" content="0.3">
  427. <meta name="select:sidebar image width" title="40%" content="0.4">
  428. <meta name="select:sidebar image width" title="60%" content="0.6">
  429. <meta name="select:sidebar image width" title="70%" content="0.7">
  430. <meta name="select:sidebar image width" title="80%" content="0.8">
  431. <meta name="select:sidebar image width" title="90%" content="0.9">
  432. <meta name="select:sidebar image width" title="100%" content="1">
  433.  
  434. <meta name="select:sidebar image nudge" title="none" content="0px">
  435. <meta name="select:sidebar image nudge" title="-100%" content="-1">
  436. <meta name="select:sidebar image nudge" title="-90%" content="-0.9">
  437. <meta name="select:sidebar image nudge" title="-80%" content="-0.8">
  438. <meta name="select:sidebar image nudge" title="-60%" content="-0.6">
  439. <meta name="select:sidebar image nudge" title="-70%" content="-0.7">
  440. <meta name="select:sidebar image nudge" title="-60%" content="-0.6">
  441. <meta name="select:sidebar image nudge" title="-50%" content="-0.5">
  442. <meta name="select:sidebar image nudge" title="-40%" content="-0.4">
  443. <meta name="select:sidebar image nudge" title="-30%" content="-0.3">
  444. <meta name="select:sidebar image nudge" title="-20%" content="-0.2">
  445. <meta name="select:sidebar image nudge" title="-10%" content="-0.1">
  446. <meta name="select:sidebar image nudge" title="10%" content="0.1">
  447. <meta name="select:sidebar image nudge" title="20%" content="0.2">
  448. <meta name="select:sidebar image nudge" title="30%" content="0.3">
  449. <meta name="select:sidebar image nudge" title="40%" content="0.4">
  450. <meta name="select:sidebar image nudge" title="50%" content="0.5">
  451. <meta name="select:sidebar image nudge" title="60%" content="0.6">
  452. <meta name="select:sidebar image nudge" title="70%" content="0.7">
  453. <meta name="select:sidebar image nudge" title="80%" content="0.8">
  454. <meta name="select:sidebar image nudge" title="90%" content="0.9">
  455. <meta name="select:sidebar image nudge" title="100%" content="1">
  456.  
  457. <!-- divider: sidebar icon -->
  458. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D412;&#x1D408;&#x1D403;&#x1D404;&#x1D401;&#x1D400;&#x1D411; &#x1D408;&#x1D402;&#x1D40E;&#x1D40D; &#x30FB;" title="" content="">
  459. <meta name="select:sidebar icon size" title="100px" content="100px">
  460. <meta name="select:sidebar icon size" title="50px" content="50px">
  461. <meta name="select:sidebar icon size" title="60px" content="60px">
  462. <meta name="select:sidebar icon size" title="70px" content="70px">
  463. <meta name="select:sidebar icon size" title="80px" content="80px">
  464. <meta name="select:sidebar icon size" title="90px" content="90px">
  465. <meta name="select:sidebar icon size" title="110px" content="110px">
  466. <meta name="select:sidebar icon size" title="120px" content="120px">
  467. <meta name="select:sidebar icon size" title="130px" content="130px">
  468. <meta name="select:sidebar icon size" title="140px" content="140px">
  469. <meta name="select:sidebar icon size" title="150px" content="150px">
  470.  
  471. <meta name="select:sidebar icon border size" title="8px" content="8px">
  472. <meta name="select:sidebar icon border size" title="none" content="0px">
  473. <meta name="select:sidebar icon border size" title="2px" content="2px">
  474. <meta name="select:sidebar icon border size" title="4px" content="4px">
  475. <meta name="select:sidebar icon border size" title="6px" content="6px">
  476. <meta name="select:sidebar icon border size" title="10px" content="10px">
  477. <meta name="select:sidebar icon border size" title="12px" content="12px">
  478. <meta name="select:sidebar icon border size" title="14px" content="14px">
  479. <meta name="select:sidebar icon border size" title="16px" content="16px">
  480. <meta name="select:sidebar icon border size" title="18px" content="18px">
  481. <meta name="select:sidebar icon border size" title="20px" content="20px">
  482.  
  483. <meta name="select:sidebar icon style" title="circle" content="100%">
  484. <meta name="select:sidebar icon style" title="rounded" content="10px">
  485. <meta name="select:sidebar icon style" title="square" content="0px">
  486.  
  487. <meta name="select:sidebar line width" title="20px" content="20px">
  488. <meta name="select:sidebar line width" title="none" content="0px">
  489. <meta name="select:sidebar line width" title="4px" content="4px">
  490. <meta name="select:sidebar line width" title="8px" content="8px">
  491. <meta name="select:sidebar line width" title="12px" content="12px">
  492. <meta name="select:sidebar line width" title="16px" content="16px">
  493. <meta name="select:sidebar line width" title="24px" content="24px">
  494. <meta name="select:sidebar line width" title="28px" content="28px">
  495. <meta name="select:sidebar line width" title="32px" content="32px">
  496. <meta name="select:sidebar line width" title="36px" content="36px">
  497.  
  498. <meta name="select:sidebar line height" title="8px" content="8px">
  499. <meta name="select:sidebar line height" title="none" content="0px">
  500. <meta name="select:sidebar line height" title="4px" content="4px">
  501. <meta name="select:sidebar line height" title="12px" content="12px">
  502. <meta name="select:sidebar line height" title="16px" content="16px">
  503. <meta name="select:sidebar line height" title="20px" content="20px">
  504. <meta name="select:sidebar line height" title="24px" content="24px">
  505. <meta name="select:sidebar line height" title="28px" content="28px">
  506. <meta name="select:sidebar line height" title="32px" content="32px">
  507. <meta name="select:sidebar line height" title="36px" content="36px">
  508.  
  509. <!-- divider: description -->
  510. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D403;&#x1D404;&#x1D412;&#x1D402;&#x1D411;&#x1D408;&#x1D40F;&#x1D413;&#x1D408;&#x1D40E;&#x1D40D; &#x30FB;" title="" content="">
  511.  
  512. <meta name="select:desc left border width" title="8px" content="8px">
  513. <meta name="select:desc left border width" title="none" content="0px">
  514. <meta name="select:desc left border width" title="4px" content="4px">
  515. <meta name="select:desc left border width" title="12px" content="12px">
  516. <meta name="select:desc left border width" title="16px" content="16px">
  517. <meta name="select:desc left border width" title="20px" content="20px">
  518. <meta name="select:desc left border width" title="24px" content="24px">
  519. <meta name="select:desc left border width" title="28px" content="28px">
  520. <meta name="select:desc left border width" title="32px" content="32px">
  521. <meta name="select:desc left border width" title="36px" content="36px">
  522.  
  523. <meta name="select:desc left border style" title="curved" content="c">
  524. <meta name="select:desc left border style" title="straight" content="s">
  525.  
  526. <meta name="select:desc width" title="250px" content="250px">
  527. <meta name="select:desc width" title="150px" content="150px">
  528. <meta name="select:desc width" title="160px" content="160px">
  529. <meta name="select:desc width" title="170px" content="170px">
  530. <meta name="select:desc width" title="180px" content="180px">
  531. <meta name="select:desc width" title="190px" content="190px">
  532. <meta name="select:desc width" title="200px" content="200px">
  533. <meta name="select:desc width" title="210px" content="210px">
  534. <meta name="select:desc width" title="220px" content="220px">
  535. <meta name="select:desc width" title="230px" content="230px">
  536. <meta name="select:desc width" title="240px" content="240px">
  537. <meta name="select:desc width" title="260px" content="260px">
  538. <meta name="select:desc width" title="270px" content="270px">
  539. <meta name="select:desc width" title="280px" content="280px">
  540. <meta name="select:desc width" title="290px" content="290px">
  541. <meta name="select:desc width" title="300px" content="300px">
  542. <meta name="select:desc width" title="310px" content="310px">
  543. <meta name="select:desc width" title="320px" content="320px">
  544. <meta name="select:desc width" title="330px" content="330px">
  545. <meta name="select:desc width" title="340px" content="340px">
  546. <meta name="select:desc width" title="350px" content="350px">
  547.  
  548. <meta name="select:desc padding" title="15px" content="15px">
  549. <meta name="select:desc padding" title="9px" content="9px">
  550. <meta name="select:desc padding" title="11px" content="11px">
  551. <meta name="select:desc padding" title="13px" content="13px">
  552. <meta name="select:desc padding" title="17px" content="17px">
  553. <meta name="select:desc padding" title="19px" content="19px">
  554. <meta name="select:desc padding" title="21px" content="21px">
  555. <meta name="select:desc padding" title="23px" content="23px">
  556. <meta name="select:desc padding" title="25px" content="25px">
  557.  
  558. <meta name="select:desc transparency" title="60%" content="0.4">
  559. <meta name="select:desc transparency" title="none" content="1">
  560. <meta name="select:desc transparency" title="10%" content="0.9">
  561. <meta name="select:desc transparency" title="20%" content="0.8">
  562. <meta name="select:desc transparency" title="30%" content="0.7">
  563. <meta name="select:desc transparency" title="40%" content="0.6">
  564. <meta name="select:desc transparency" title="50%" content="0.5">
  565. <meta name="select:desc transparency" title="70%" content="0.3">
  566. <meta name="select:desc transparency" title="80%" content="0.2">
  567. <meta name="select:desc transparency" title="90%" content="0.1">
  568.  
  569. <meta name="select:desc BG blur" title="none" content="0px">
  570. <meta name="select:desc BG blur" title="3px" content="3px">
  571. <meta name="select:desc BG blur" title="5px" content="5px">
  572. <meta name="select:desc BG blur" title="7px" content="7px">
  573. <meta name="select:desc BG blur" title="9px" content="9px">
  574. <meta name="select:desc BG blur" title="11px" content="11px">
  575. <meta name="select:desc BG blur" title="13px" content="13px">
  576.  
  577. <!-- desc font size -->
  578. <meta name="select:desc font size" title="13px" content="0.85rem">
  579. <meta name="select:desc font size" title="11px" content="0.75rem">
  580. <meta name="select:desc font size" title="12px" content="0.8rem">
  581. <meta name="select:desc font size" title="14px" content="0.9rem">
  582. <meta name="select:desc font size" title="15px" content="0.95">
  583. <meta name="select:desc font size" title="16px" content="1rem">
  584.  
  585. <!-- desc text align -->
  586. <meta name="select:desc text align" title="justify" content="justify">
  587. <meta name="select:desc text align" title="left" content="left">
  588. <meta name="select:desc text align" title="right" content="right">
  589. <meta name="select:desc text align" title="center" content="center">
  590.  
  591. <!-- divider: sidebar links -->
  592. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D412;&#x1D408;&#x1D403;&#x1D404;&#x1D401;&#x1D400;&#x1D411; &#x1D40B;&#x1D408;&#x1D40D;&#x1D40A;&#x1D412; &#x30FB;" title="" content="">
  593.  
  594. <meta name="select:sidebar links left gap" title="10px" content="10px">
  595. <meta name="select:sidebar links left gap" title="2px" content="2px">
  596. <meta name="select:sidebar links left gap" title="4px" content="4px">
  597. <meta name="select:sidebar links left gap" title="6px" content="6px">
  598. <meta name="select:sidebar links left gap" title="8px" content="8px">
  599. <meta name="select:sidebar links left gap" title="12px" content="12px">
  600. <meta name="select:sidebar links left gap" title="14px" content="14px">
  601. <meta name="select:sidebar links left gap" title="16px" content="16px">
  602. <meta name="select:sidebar links left gap" title="18px" content="18px">
  603. <meta name="select:sidebar links left gap" title="20px" content="20px">
  604.  
  605. <!-- sidebar links icon size -->
  606. <meta name="select:sidebar links icon size" title="14px" content="14px">
  607. <meta name="select:sidebar links icon size" title="12px" content="12px">
  608. <meta name="select:sidebar links icon size" title="13px" content="13px">
  609. <meta name="select:sidebar links icon size" title="15px" content="15px">
  610. <meta name="select:sidebar links icon size" title="16px" content="16px">
  611. <meta name="select:sidebar links icon size" title="17px" content="17px">
  612. <meta name="select:sidebar links icon size" title="18px" content="18px">
  613. <meta name="select:sidebar links icon size" title="19px" content="19px">
  614. <meta name="select:sidebar links icon size" title="20px" content="20px">
  615. <meta name="select:sidebar links icon size" title="21px" content="21px">
  616. <meta name="select:sidebar links icon size" title="22px" content="22px">
  617. <meta name="select:sidebar links icon size" title="23px" content="23px">
  618. <meta name="select:sidebar links icon size" title="24px" content="24px">
  619.  
  620. <!-- sidebar links padding -->
  621. <meta name="select:sidebar links padding" title="10px" content="10px">
  622. <meta name="select:sidebar links padding" title="4px" content="4px">
  623. <meta name="select:sidebar links padding" title="5px" content="5px">
  624. <meta name="select:sidebar links padding" title="6px" content="6px">
  625. <meta name="select:sidebar links padding" title="7px" content="7px">
  626. <meta name="select:sidebar links padding" title="8px" content="8px">
  627. <meta name="select:sidebar links padding" title="9px" content="9px">
  628. <meta name="select:sidebar links padding" title="11px" content="11px">
  629. <meta name="select:sidebar links padding" title="12px" content="12px">
  630. <meta name="select:sidebar links padding" title="13px" content="13px">
  631. <meta name="select:sidebar links padding" title="14px" content="14px">
  632. <meta name="select:sidebar links padding" title="15px" content="15px">
  633. <meta name="select:sidebar links padding" title="16px" content="16px">
  634. <meta name="select:sidebar links padding" title="17px" content="17px">
  635. <meta name="select:sidebar links padding" title="18px" content="18px">
  636. <meta name="select:sidebar links padding" title="19px" content="19px">
  637. <meta name="select:sidebar links padding" title="20px" content="20px">
  638.  
  639. <!-- sidebar links rounded corners -->
  640. <meta name="select:sidebar links rounded corners" title="3px" content="3px">
  641. <meta name="select:sidebar links rounded corners" title="0px" content="0px">
  642. <meta name="select:sidebar links rounded corners" title="6px" content="6px">
  643.  
  644. <!-- sidebar links spacing -->
  645. <meta name="select:sidebar links spacing" title="7px" content="7px">
  646. <meta name="select:sidebar links spacing" title="4px" content="4px">
  647. <meta name="select:sidebar links spacing" title="5px" content="5px">
  648. <meta name="select:sidebar links spacing" title="6px" content="6px">
  649. <meta name="select:sidebar links spacing" title="8px" content="8px">
  650. <meta name="select:sidebar links spacing" title="9px" content="9px">
  651. <meta name="select:sidebar links spacing" title="10px" content="10px">
  652. <meta name="select:sidebar links spacing" title="11px" content="11px">
  653. <meta name="select:sidebar links spacing" title="12px" content="12px">
  654. <meta name="select:sidebar links spacing" title="13px" content="13px">
  655. <meta name="select:sidebar links spacing" title="14px" content="14px">
  656.  
  657. <!-- divider: posts -->
  658. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D40F;&#x1D40E;&#x1D412;&#x1D413;&#x1D412; &#x1D412;&#x1D404;&#x1D413;&#x1D413;&#x1D408;&#x1D40D;&#x1D406;&#x1D412; &#x30FB;" title="" content="">
  659.  
  660. <!-- posts width -->
  661. <meta name="select:posts width" title="450px" content="450px">
  662. <meta name="select:posts width" title="300px" content="300px">
  663. <meta name="select:posts width" title="325px" content="325px">
  664. <meta name="select:posts width" title="350px" content="350px">
  665. <meta name="select:posts width" title="375px" content="375px">
  666. <meta name="select:posts width" title="400px" content="400px">
  667. <meta name="select:posts width" title="425px" content="425px">
  668. <meta name="select:posts width" title="475px" content="475px">
  669. <meta name="select:posts width" title="500px" content="500px">
  670. <meta name="select:posts width" title="540px" content="540px">
  671. <meta name="select:posts width" title="600px" content="600px">
  672. <meta name="select:posts width" title="650px" content="650px">
  673. <meta name="select:posts width" title="700px" content="700px">
  674.  
  675. <meta name="select:posts borders" title="no" content="no">
  676. <meta name="select:posts borders" title="yes" content="yes">
  677.  
  678. <meta name="select:posts transparency" title="40%" content="0.6">
  679. <meta name="select:posts transparency" title="none" content="1">
  680. <meta name="select:posts transparency" title="10%" content="0.9">
  681. <meta name="select:posts transparency" title="20%" content="0.8">
  682. <meta name="select:posts transparency" title="30%" content="0.7">
  683. <meta name="select:posts transparency" title="50%" content="0.5">
  684. <meta name="select:posts transparency" title="60%" content="0.4">
  685. <meta name="select:posts transparency" title="70%" content="0.3">
  686. <meta name="select:posts transparency" title="80%" content="0.2">
  687. <meta name="select:posts transparency" title="90%" content="0.1">
  688.  
  689. <meta name="select:posts BG blur" title="none" content="0px">
  690. <meta name="select:posts BG blur" title="3px" content="3px">
  691. <meta name="select:posts BG blur" title="5px" content="5px">
  692. <meta name="select:posts BG blur" title="7px" content="7px">
  693. <meta name="select:posts BG blur" title="9px" content="9px">
  694. <meta name="select:posts BG blur" title="11px" content="11px">
  695. <meta name="select:posts BG blur" title="13px" content="13px">
  696.  
  697. <meta name="select:posts full width" title="no" content="no">
  698. <meta name="select:posts full width" title="yes" content="yes">
  699.  
  700. <meta name="select:posts padding" title="20px" content="20px">
  701. <meta name="select:posts padding" title="0px" content="0px">
  702. <meta name="select:posts padding" title="10px" content="10px">
  703. <meta name="select:posts padding" title="15px" content="15px">
  704. <meta name="select:posts padding" title="25px" content="25px">
  705.  
  706. <meta name="select:posts spacing" title="50px" content="50px">
  707. <meta name="select:posts spacing" title="30px" content="30px">
  708. <meta name="select:posts spacing" title="35px" content="35px">
  709. <meta name="select:posts spacing" title="40px" content="40px">
  710. <meta name="select:posts spacing" title="45px" content="45px">
  711. <meta name="select:posts spacing" title="55px" content="55px">
  712. <meta name="select:posts spacing" title="60px" content="60px">
  713. <meta name="select:posts spacing" title="65px" content="65px">
  714. <meta name="select:posts spacing" title="70px" content="70px">
  715. <meta name="select:posts spacing" title="75px" content="75px">
  716. <meta name="select:posts spacing" title="80px" content="80px">
  717.  
  718. <meta name="select:photos spacing" title="4px" content="4px">
  719. <meta name="select:photos spacing" title="0px" content="0px">
  720. <meta name="select:photos spacing" title="2px" content="2px">
  721. <meta name="select:photos spacing" title="6px" content="6px">
  722. <meta name="select:photos spacing" title="8px" content="8px">
  723. <meta name="select:photos spacing" title="10px" content="10px">
  724.  
  725. <meta name="select:post info padding" title="20px" content="20px">
  726. <meta name="select:post info padding" title="10px" content="10px">
  727. <meta name="select:post info padding" title="12px" content="12px">
  728. <meta name="select:post info padding" title="14px" content="14px">
  729. <meta name="select:post info padding" title="16px" content="16px">
  730. <meta name="select:post info padding" title="18px" content="18px">
  731. <meta name="select:post info padding" title="22px" content="22px">
  732. <meta name="select:post info padding" title="24px" content="24px">
  733.  
  734. <meta name="select:reblog dividers" title="yes" content="yes">
  735. <meta name="select:reblog dividers" title="no" content="no">
  736.  
  737. <!-- divider: tags -->
  738. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D413;&#x1D400;&#x1D406;&#x1D412; &#x1D412;&#x1D404;&#x1D413;&#x1D413;&#x1D408;&#x1D40D;&#x1D406;&#x1D412; &#x30FB;" title="" content="">
  739.  
  740. <meta name="select:tags position" title="right" content="right">
  741. <meta name="select:tags position" title="left" content="left">
  742.  
  743. <meta name="select:tags" title="toggle + fade" content="toggle-fade">
  744. <meta name="select:tags" title="toggle" content="toggle">
  745. <meta name="select:tags" title="always show" content="always-show">
  746.  
  747. <meta name="text:&#917536;&#x2060;" content="&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2727;&#x2749;&#x1BFD;&#x2749;&#x2727;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&NewLine;">
  748.  
  749. <meta name="text:top bar title" content="How about a second chance?">
  750.  
  751. <meta name="text:&#917536;&#x2060;&#x2060;" content="&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2727;&#x2749;&#x1BFD;&#x2749;&#x2727;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&NewLine;">
  752.  
  753. <meta name="text:ICONS LIST&#x3A;" content="&#x68;&#x74;&#x74;&#x70;&#x73;&#x3A;//hugeicons.gitlab.io/i/hugeicons_list.pdf">
  754.  
  755. <meta name="text:custom link 1 icon" content="catalogue">
  756. <meta name="text:custom link 1 text" content="sample link">
  757. <meta name="text:custom link 1 URL" content="&#x68;&#x74;&#x74;&#x70;&#x73;&#x3A;//youtube.com/watch?v=6opktP4VBN0">
  758.  
  759. <meta name="text:custom link 2 icon" content="">
  760. <meta name="text:custom link 2 text" content="">
  761. <meta name="text:custom link 2 URL" content="">
  762.  
  763. <meta name="text:custom link 3 icon" content="">
  764. <meta name="text:custom link 3 text" content="">
  765. <meta name="text:custom link 3 URL" content="">
  766.  
  767. <meta name="text:custom link 4 icon" content="">
  768. <meta name="text:custom link 4 text" content="">
  769. <meta name="text:custom link 4 URL" content="">
  770.  
  771. <meta name="text:custom link 5 icon" content="">
  772. <meta name="text:custom link 5 text" content="">
  773. <meta name="text:custom link 5 URL" content="">
  774.  
  775. <meta name="text:custom link 6 icon" content="">
  776. <meta name="text:custom link 6 text" content="">
  777. <meta name="text:custom link 6 URL" content="">
  778.  
  779. <meta name="text:&#917536;&#x2060;&#x2060;&#x2060;" content="&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2727;&#x2749;&#x1BFD;&#x2749;&#x2727;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&NewLine;">
  780.  
  781. <meta name="text:sidebar icon hover text" content="Cheers, love! The cavalry's queer!">
  782. <meta name="text:sidebar desc" content="">
  783. {/block:Options}
  784.  
  785. <style>
  786. :root, :host {
  787. /*----- GENERAL -----*/
  788. --Background-Blur:{select:background image blur};
  789. --Screen-Gaps:{select:screen gap};
  790. --Load-In-Delay:25ms;
  791. --Load-In-Speed:400ms;
  792. --Center-Gap:{select:center gap};
  793.  
  794. /*----- BACK TO TOP -----*/
  795. --BackToTop-Corner-Offset:22px;
  796. --BackToTop-Button-Touch-Padding:5px;
  797. --BackToTop-Button-Size:calc({select:back to top size} + 3px);
  798. --BackToTop-Button-Color:{color:back to top button};
  799. --BackToTop-Fade-Speed:0.4s;
  800. --BackToTop-Button-Hover-Rise:2px;
  801. --BackToTop-Button-Hover-Color:{color:back to top button hover};
  802. --BackToTop-Button-Hover-Speed:0.15s;
  803. --BackToTop-Click-Dip:0px;
  804. --BackToTop-Click-Dip-Speed:0.15s;
  805.  
  806. /*----- TOP BAR -----*/
  807. --Top-Bar-BG:{color:top bar BG};
  808. --Top-Bar-Padding:{select:top bar padding};
  809. --Top-Bar-Min-Height:calc(var(--Top-Bar-Title-Font-Size) + (var(--Top-Bar-Padding) * 2));
  810. --Top-Bar-Height:calc(var(--Top-Bar-Title-Font-Size) + (var(--Top-Bar-Padding) * 2)); /* will be overrided */
  811. --Top-Bar-Bottom-Border-Size:1px;
  812. --Top-Bar-Bottom-Border-Color:{color:top bar bottom border};
  813.  
  814. --Top-Bar-Title-Font-Family:var(--Heading-Font-Family);
  815. --Top-Bar-Title-Font-Size:calc({select:top bar title size} * 1.1);
  816. --Top-Bar-Title-Text-Case:var(--Heading-Text-Case);
  817. --Top-Bar-Title-Letter-Spacing:var(--Heading-Letter-Spacing);
  818. --Top-Bar-Title-Word-Spacing:var(--Heading-Word-Spacing);
  819. --Top-Bar-Title-Color:{color:top bar title};
  820.  
  821. --Custom-Links-Icon-Size:{select:custom links icons size};
  822. --Custom-Links-Icon-Color:{color:custom links icons};
  823. --Custom-Links-Icon-Gap:{select:custom links icons gap};
  824.  
  825. --Custom-Links-Font-Family:var(--Caps-Font-Family);
  826. --Custom-Links-Font-Weight:var(--Caps-Font-Weight);
  827. --Custom-Links-Font-Size:{select:custom links text size};
  828. --Custom-Links-Text-Case:uppercase;
  829. --Custom-Links-Letter-Spacing:var(--Caps-Letter-Spacing);
  830. --Custom-Links-Word-Spacing:var(--Caps-Word-Spacing);
  831. --Custom-Links-Text-Color:{color:custom links text};
  832.  
  833. --Custom-Links-Spacing:{select:custom links spacing};
  834.  
  835. --Custom-Links-Hover-Speed:0.4s;
  836. --Custom-Links-Hover-Icon-Color:{color:custom links HOVER icons};
  837. --Custom-Links-Hover-Text-Color:{color:custom links HOVER text};
  838. --Custom-Links-Hover-BG:{color:custom links hover BG};
  839.  
  840. /*----- SIDEBAR SETTINGS -----*/
  841. --Sidebar-Total-Width:calc(var(--Sidebar-Icon-Total-Width) + var(--Sidebar-Line-Width) + var(--Desc-Left-Border-Width) + var(--Desc-Total-Width) + var(--Sidebar-Links-Left-Gap) + var(--Sidebar-Links-Total-Width));
  842.  
  843. --Sidebar-Accent-Color:{color:sidebar accent};
  844.  
  845. --Sidebar-Image-Width:{select:sidebar image width};
  846. --Sidebar-Image-Nudge:{select:sidebar image nudge};
  847.  
  848. --Sidebar-Icon-Total-Width:calc(var(--Sidebar-Icon-Size) + (var(--Sidebar-Icon-Border-Size) * 2));
  849. --Sidebar-Icon-Size:{select:sidebar icon size};
  850. --Sidebar-Icon-Border-Size:{select:sidebar icon border size};
  851. --Sidebar-Icon-Rounded-Corners:{select:sidebar icon style};
  852. --Sidebar-Icon-BG:var(--Sidebar-Accent-Color);
  853.  
  854. --Sidebar-Line-Width:{select:sidebar line width};
  855. --Sidebar-Line-Thickness:{select:sidebar line height};
  856. --Sidebar-Line-Color:var(--Sidebar-Accent-Color);
  857.  
  858. --Desc-Left-Border-Width:{select:desc left border width};
  859. --Desc-Left-Border-Color:var(--Sidebar-Accent-Color);
  860. --Desc-Left-Border-Curve-Amount:var(--Desc-Left-Border-Width);
  861.  
  862. --Desc-Total-Width:calc(var(--Desc-Width) + (var(--Desc-Padding) * 2));
  863. --Desc-Width:{select:desc width};
  864. --Desc-Padding:{select:desc padding};
  865. --Desc-BG:rgba({RGBcolor:desc BG},{select:desc transparency});
  866. --Desc-BG-Blur:{select:desc BG blur};
  867. --Desc-Font-Family:var(--Body-Font-Family);
  868. --Desc-Font-Weight:var(--Body-Font-Weight);
  869. --Desc-Font-Size:calc({select:desc font size} - 0px);
  870. --Desc-Letter-Spacing:var(--Body-Letter-Spacing);
  871. --Desc-Word-Spacing:var(--Body-Word-Spacing);
  872. --Desc-Text-Align:{select:desc text align};
  873. --Desc-Text-Color:{color:desc text};
  874. --Desc-Bold:{color:desc bold};
  875. --Desc-Italic:{color:desc italic};
  876. --Desc-Links:{color:desc links};
  877. --Desc-Links-Underline-Gap:var(--Links-Underline-Gap);
  878. --Desc-Links-Underline-Size:var(--Links-Underline-Size);
  879. --Desc-Links-Underline-Color:{color:desc links underline};
  880. --Desc-Line-Height:1.6;
  881. --Desc-Scrollbar-Thumb:{color:desc scrollbar};
  882.  
  883. --Sidebar-Links-Left-Gap:{select:sidebar links left gap};
  884. --Sidebar-Links-Total-Width:calc(var(--Sidebar-Links-Icon-Size) + (var(--Sidebar-Links-Icon-Padding) * 2));
  885. --Sidebar-Links-Icon-Padding:{select:sidebar links padding};
  886. --Sidebar-Links-Icon-BG:{color:sidebar links BG};
  887. --Sidebar-Links-Icon-Rounded-Corners:{select:sidebar links rounded corners};
  888. --Sidebar-Links-Icon-Size:{select:sidebar links icon size};
  889. --Sidebar-Links-Icon-Color:{color:sidebar links icons};
  890. --Sidebar-Links-Spacing:{select:sidebar links spacing};
  891.  
  892. --Sidebar-Links-Hover-Speed:0.4s;
  893. --Sidebar-Links-Hover-BG:{color:sidebar links hover BG};
  894. --Sidebar-Links-Hover-Icon-Color:{color:sidebar links hover icons};
  895.  
  896. /*----- POST SETTINGS -----*/
  897. --Post-Width:{select:posts width};
  898. --Post-Padding:{select:posts padding};
  899. --Post-Borders-Size:1px;
  900. --Post-Borders-Color:rgba({RGBcolor:posts borders},{select:posts transparency});
  901. --Post-Width-Total:min(calc(var(--Post-Width) + (var(--Post-Padding) * 2) + (var(--Post-Borders-Size) * 2)), 85vw);
  902. --Post-Rounded-Corners:0px;
  903. --Post-BG:rgba({RGBcolor:posts BG},{select:posts transparency});
  904. --Posts-BG-Blur:{select:posts BG blur};
  905. --Post-Spacing:{select:posts spacing};
  906.  
  907. --Post-Accent-Border-Size:1px;
  908. --Post-Accent-Border-Color:rgba({RGBcolor:posts accent borders},{select:posts transparency});
  909. --Post-Accent-Padding:calc(var(--Post-Padding) - 3px);
  910. --Post-Accent-Rounded-Corners:0px;
  911. --Post-Accent-BG:rgba({RGBcolor:posts accent bg},{select:posts transparency});
  912. --Post-Accent-Text:{color:posts accent text};
  913.  
  914. /*----- BODY TEXT -----*/
  915. --Body-Font-Family:"{select:font}", sans-serif;
  916. --Body-Font-Size:{select:font size};
  917. --Body-Font-Weight:400; /* 400 is default */
  918. --Body-Letter-Spacing:0em;
  919. --Body-Word-Spacing:0em;
  920. --Body-Text-Color:{color:text};
  921. --Body-Text-Color-RGB:{RGBcolor:text};
  922. --Body-Line-Height:1.65;
  923.  
  924. /*----- TEXT FORMATTING -----*/
  925. --Bold-Font-Weight:700; /* 700 is default */
  926. --Bold:{color:bold};
  927. --Italic:{color:italic};
  928.  
  929. /*----- HEADING TEXT -----*/
  930. --Heading-Font-Family:"{select:heading font}", sans-serif;
  931. --Heading-Font-Size:calc({select:font size} + 2px);
  932. --Heading-Font-Weight:600; /* 700 is default */
  933. --Heading-Text-Case:uppercase; /* uppercase, lowercase, capitalize, none */
  934. --Heading-Letter-Spacing:0.025em;
  935. --Heading-Word-Spacing:0em;
  936. --Heading-Text-Color:{color:headings};
  937. --Heading-Line-Height:1.69;
  938. --Heading-Bottom-Gap:1em;
  939.  
  940. /*----- UPPERCASE TEXT -----*/
  941. --Caps-Font-Family:"{select:uppercase font}", sans-serif;
  942. --Caps-Font-Size:calc(var(--Body-Font-Size) - 2px);
  943. --Caps-Font-Weight:400; /* 400 is default */
  944. --Caps-Letter-Spacing:0.04em;
  945. --Caps-Word-Spacing:0em;
  946.  
  947. /*----- CODE TEXT -----*/
  948. --Code-Padding:var(--Post-Accent-Padding);
  949. --Code-Border-Size:var(--Post-Accent-Border-Size);
  950. --Code-Border-Color:var(--Post-Accent-Border-Color);
  951. --Code-Rounded-Corners:0px;
  952. --Code-BG:var(--Post-Accent-BG);
  953. --Code-Font-Family:"Geist Mono", monospace;
  954. --Code-Font-Size:calc(var(--Body-Font-Size) - 2px);
  955. --Code-Font-Weight:450; /* 400 is default */
  956. --Code-Text-Color:var(--Post-Accent-Text);
  957. --Code-Line-Height:1.5;
  958.  
  959. /*----- LINKS -----*/
  960. --Links-Color:{color:links};
  961. --Links-Underline-Gap:0.1em;
  962. --Links-Underline-Size:1px;
  963. --Links-Underline-Color:{color:links underline};
  964.  
  965. /*----- BLOCKQUOTES -----*/
  966. --Blockquote-Border-Size:min(1px, var(--Reblog-Head-Image-Size));
  967. --Blockquote-Border-Color:{color:blockquote border};
  968.  
  969. /*----- CAPTION SETTINGS -----*/
  970. --Reblog-Head-Image-Size:30px;
  971. --Reblog-Head-Image-Rounded-Corners:3px;
  972. --Reblog-Head-Gutter:11px;
  973. --Reblog-Name-Font-Size:calc(var(--Caps-Font-Size) - 1px);
  974. --Reblog-Name-Color:{color:posts usernames};
  975. --Reblog-Head-Bottom-Gap:min(1em, var(--Post-Padding));
  976. --Reblog-Borders-Size:1px;
  977. --Reblog-Borders:var(--Post-Borders-Color);
  978.  
  979. /*----- PHOTOSET OPTIONS -----*/
  980. --Photoset-Image-Spacing:{select:photos spacing};
  981.  
  982. /*----- NPF OPTIONS -----*/
  983. --NPF-Images-Spacing:var(--Photoset-Image-Spacing);
  984. --NPF-Caption-Spacing:0px;
  985. --NPF-Move-1st-Photoset:"yes";
  986. --Text-Container-Selector:".text-block";
  987. --Text-Reblogs-Selector:".comment";
  988. --Hide-Empty-NPF-Audio-Info:"no";
  989.  
  990. /*----- QUOTE POSTS -----*/
  991. --Quote-Font-Family:var(--Heading-Font-Family);
  992. --Quote-Font-Size:var(--Heading-Font-Size);
  993. --Quote-Font-Weight:var(--Heading-Font-Weight); /* 700 is default */
  994. --Quote-Text-Case:uppercase; /* uppercase, lowercase, capitalize, none */
  995. --Quote-Letter-Spacing:var(--Heading-Letter-Spacing);
  996. --Quote-Word-Spacing:var(--Heading-Word-Spacing);
  997. --Quote-Line-Height:var(--Heading-Line-Height);
  998.  
  999. /*----- LINK POSTS -----*/
  1000. --Link-Block-Border-Size:1px;
  1001. --Link-Block-Border-Color:var(--Post-Borders-Color);
  1002. --Link-Block-Rounded-Corners:0px;
  1003.  
  1004. /*----- AUDIO POST SETTINGS -----*/
  1005. --Audio-Post-Album-Cover-Size:64px;
  1006. --Audio-Post-Album-Cover-Rounded-Corners:0px;
  1007. --Audio-Post-Btns-Padding:calc(var(--Audio-Post-Album-Cover-Size) * 0.15);
  1008. --Audio-Post-Btns-BG:{color:buttons BG};
  1009. --Audio-Post-Btns-Size:calc(var(--Body-Font-Size) - 2px);
  1010. --Audio-Post-Btns-Color:{color:buttons icons};
  1011. --Audio-Post-Gutter:16px;
  1012. --Audio-Post-Download-Icon-Size:calc(var(--Body-Font-Size) + 3px);
  1013. --Audio-Post-Download-Icon-Color:var(--Body-Text-Color);
  1014. --Audio-Post-Download-Icon-Touch-Padding:5px;
  1015. --Audio-Post-Volume:90%;
  1016.  
  1017. --SoundCloud-Player-Height:116px; /* 20px, 116px, or 500px */
  1018. --SoundCloud-Show-Album-Image:"yes";
  1019.  
  1020. /*----- ASK POST SETTINGS -----*/
  1021. --Ask-Post-Question-Gutter:15px;
  1022. --Ask-Post-Avatar-Size:56px;
  1023. --Ask-Post-Avatar-Rounded-Corners:3px;
  1024. --Ask-Post-Username-Color:var(--Reblog-Name-Color);
  1025. --Ask-Post-Username-Bottom-Gap:3px;
  1026.  
  1027. /*----- POLL POST SETTINGS -----*/
  1028. --Poll-Row-Rounded-Corners:3px;
  1029. --Poll-Row-Border-Size:var(--Post-Accent-Border-Size);
  1030. --Poll-Row-Border-Color:var(--Post-Accent-Border-Color);
  1031. --Poll-Row-Padding:max(0.69em, 10px);
  1032. --Poll-Row-BG:var(--Post-Accent-BG);
  1033. --Poll-Row-Text:var(--Post-Accent-Text);
  1034. --Poll-Row-Spacing:min(10px, 1em);
  1035.  
  1036. /*----- MISC POST BUTTONS -----*/
  1037. --Misc-Buttons-BG:{color:buttons bg};
  1038. --Misc-Buttons-BG-RGB:{RGBcolor:buttons bg};
  1039. --Misc-Buttons-Icon:{color:buttons icons};
  1040. --Misc-Buttons-Icon-RGB:{RGBcolor:buttons icons};
  1041.  
  1042. /*----- TAGS -----*/
  1043. --Tags-Hashtag-Spacing:1px;
  1044. --Tags-Font-Size:calc(var(--Caps-Font-Size) - 1.5px);
  1045. --Tags-Color:{color:tags};
  1046. --Tags-Hover-Speed:0.4s;
  1047. --Tags-Hover-Color:{color:tags hover};
  1048. --Tags-Line-Height:var(--Body-Line-Height);
  1049. --Tags-Spacing-X:12px;
  1050. --Tags-Spacing-Y:calc((var(--Tags-Spacing-X) - (((var(--Tags-Font-Size) * var(--Tags-Line-Height)) - var(--Tags-Font-Size)) / 2) - 2px));
  1051.  
  1052. --Tags-Fade-Speed:0.3s;
  1053. --Tags-Slide-Speed:0.3s;
  1054.  
  1055. /*----- POST INFO / PERMALINK -----*/
  1056. --Permalink-Border-Size:1px;
  1057. --Permalink-Border-Color:rgba({RGBcolor:post info border},{select:posts transparency});
  1058. --Permalink-Padding-X:{select:post info padding};
  1059. --Permalink-Padding-Y:calc({select:post info padding} - (((var(--Permalink-Font-Size) * var(--Body-Line-Height)) - var(--Permalink-Font-Size)) / 2));
  1060. --Permalink-BG:transparent;
  1061. --Permalink-Items-Spacing:11px;
  1062. --Permalink-Font-Size:calc(var(--Caps-Font-Size) - 1px);
  1063. --Permalink-Text-Color:{color:post info text};
  1064. --Permalink-Post-Type-Icons-Size:calc(var(--Caps-Font-Size) + 3px);
  1065.  
  1066. --Post-Controls-Icon-Size:calc(var(--Body-Font-Size) + 1.5px);
  1067. --Post-Controls-Icon-Color:{color:like and reblog};
  1068. --Post-Controls-Touch-Padding:4px;
  1069. --Post-Controls-Spacing:2px;
  1070. --Post-Controls-Total-Width:calc((var(--Post-Controls-Icon-Size) * 2) + (var(--Post-Controls-Touch-Padding) * 2) + (var(--Post-Controls-Spacing) - (var(--Post-Controls-Touch-Padding) * 2)));
  1071. --Liked-Button-Color:{color:like button liked};
  1072.  
  1073. /*----- POST NOTES -----*/
  1074. --Post-Notes-Type-Icon-Size:calc(var(--Body-Font-Size) + 3px);
  1075. --Post-Notes-Type-Icon-Gap-Right:8px;
  1076. --Post-Notes-Row-Spacing:calc(1em - (((var(--Body-Font-Size) * var(--Body-Line-Height)) - var(--Body-Font-Size)) / 2));
  1077.  
  1078. /*----- PAGINATION -----*/
  1079. --Pagination-Current-Icon-Size:calc(var(--Caps-Font-Size) * 1.5);
  1080. --Pagination-Arrows-Size:calc(var(--Caps-Font-Size) * 1.25);
  1081. --Pagination-Numbers-Size:calc(var(--Caps-Font-Size) + 1px);
  1082. --Pagination-Color:{color:pagination};
  1083. --Pagination-Items-Touch-Padding:8px;
  1084. --Pagination-Items-Spacing:9px;
  1085.  
  1086. /*----- SCROLLBAR OPTIONS -----*/
  1087. --Scrollbar-Padding:6px;
  1088. --Scrollbar-Line-Thickness:1px;
  1089. --Scrollbar-Thumb:{color:scrollbar};
  1090. --Scrollbar-BG:{color:scrollbar BG};
  1091.  
  1092. /*----- TOOLTIPS OPTIONS -----*/
  1093. --Tooltips-Border-Size:1px;
  1094. --Tooltips-Border:{color:hover text border};
  1095. --Tooltips-Padding-X:1em;
  1096. --Tooltips-Padding-Y:1em;
  1097. --Tooltips-Rounded-Corners:0px;
  1098. --Tooltips-BG:{color:hover text BG};
  1099. --Tooltips-Font-Family:var(--Caps-Font-Family);
  1100. --Tooltips-Font-Weight:var(--Caps-Font-Weight);
  1101. --Tooltips-Font-Size:calc(var(--Caps-Font-Size) - 1px);
  1102. --Tooltips-Letter-Spacing:var(--Caps-Letter-Spacing);
  1103. --Tooltips-Word-Spacing:var(--Caps-Word-Spacing);
  1104. --Tooltips-Text-Color:{color:hover text};
  1105. --Tooltips-Line-Height:var(--Body-Line-Height);
  1106.  
  1107. }/* end root */
  1108.  
  1109. /*------- BASICS -------*/
  1110. * {
  1111. box-sizing:border-box;
  1112. }
  1113.  
  1114. html, body {
  1115. scroll-behavior:smooth;
  1116. }
  1117.  
  1118. body {
  1119. margin:0;
  1120. padding:0;
  1121. background-color:{color:background};
  1122. background-image:url("{image:background image}");
  1123. background-attachment:fixed;
  1124. background-position:center;
  1125. font-family:var(--Body-Font-Family), sans-serif;
  1126. font-weight:var(--Body-Font-Weight);
  1127. font-size:var(--Body-Font-Size);
  1128. letter-spacing:var(--Body-Letter-Spacing);
  1129. word-spacing:var(--Body-Word-Spacing);
  1130. color:var(--Body-Text-Color);
  1131. line-height:var(--Body-Line-Height);
  1132. -webkit-font-smoothing:antialiased;
  1133. -moz-osx-font-smoothing:grayscale;
  1134. }
  1135.  
  1136. html[bg-size="repeat"] body {
  1137. background-repeat:repeat;
  1138. }
  1139.  
  1140. html[bg-size="full"] body {
  1141. background-repeat:no-repeat;
  1142. background-size:cover;
  1143. }
  1144.  
  1145. .no-overscroll {
  1146. overscroll-behavior:none;
  1147. }
  1148.  
  1149. img, canvas, iframe, video {
  1150. vertical-align:middle;
  1151. }
  1152.  
  1153. b, strong {
  1154. font-weight:var(--Bold-Font-Weight);
  1155. color:var(--Bold);
  1156. }
  1157.  
  1158. i:not([class]), em {
  1159. color:var(--Italic);
  1160. }
  1161.  
  1162. pre, .comment-body ul.chat-wrap li.chat-line:only-of-type {
  1163. padding:calc(var(--Code-Padding) - (((var(--Code-Font-Size) * var(--Code-Line-Height)) - var(--Code-Font-Size)) / 2)) var(--Code-Padding);
  1164. }
  1165.  
  1166. pre {
  1167. word-wrap:break-word;
  1168. white-space:pre-wrap;
  1169. }
  1170.  
  1171. code {
  1172. padding:calc(0.5em - (((var(--Code-Font-Size) * var(--Code-Line-Height)) - var(--Code-Font-Size)) / 2)) 0.5em;
  1173. }
  1174.  
  1175. pre, code, .comment-body ul.chat-wrap li.chat-line:only-of-type {
  1176. border:var(--Code-Border-Size) solid var(--Code-Border-Color);
  1177. border-radius:var(--Code-Rounded-Corners);
  1178. background:var(--Code-BG);
  1179. font-family:var(--Code-Font-Family);
  1180. font-weight:var(--Code-Font-Weight);
  1181. font-size:var(--Code-Font-Size);
  1182. color:var(--Code-Text-Color);
  1183. line-height:var(--Code-Line-Height);
  1184. }
  1185.  
  1186. p.keep-reading {
  1187. text-align:center;
  1188. }
  1189.  
  1190. /*------- TEXT HIGHLIGHT -------*/
  1191. ::selection {
  1192. background:{color:text highlight BG};
  1193. color:{color:text highlighted};
  1194. }
  1195.  
  1196. ::-moz-selection {
  1197. background:{color:text highlight BG};
  1198. color:{color:text highlighted};
  1199. }
  1200.  
  1201. /*------- SCROLLBAR -------*/
  1202. @-moz-document url-prefix(){
  1203. * {
  1204. scrollbar-width:thin; /* firefox only */
  1205. }
  1206. }
  1207.  
  1208. ::-webkit-scrollbar {
  1209. width:calc(var(--Scrollbar-Line-Thickness) + (var(--Scrollbar-Padding) * 2));
  1210. height:calc(var(--Scrollbar-Line-Thickness) + (var(--Scrollbar-Padding) * 2));
  1211. background-color:var(--Scrollbar-BG);
  1212. }
  1213.  
  1214. ::-webkit-scrollbar-thumb {
  1215. border:var(--Scrollbar-Padding) solid var(--Scrollbar-BG);
  1216. background-color:var(--Scrollbar-Thumb);
  1217. }
  1218.  
  1219. ::-webkit-scrollbar-corner {
  1220. background:var(--Scrollbar-BG);
  1221. }
  1222.  
  1223. /*------- BODY FONT -------*/
  1224. html[font="Play"]:root {
  1225. --Body-Letter-Spacing:0.0069em;
  1226. --Body-Word-Spacing:0.025em;
  1227. }
  1228.  
  1229. html[font="Brutal"]:root {
  1230. --Body-Word-Spacing:0.025em;
  1231. }
  1232.  
  1233. html[font="Brutal"] b,
  1234. html[font="Brutal"] strong {
  1235. font-family:"Brutal Bold", sans-serif;
  1236. font-weight:normal;
  1237. }
  1238.  
  1239. html[font="Chakra Petch"]:root {
  1240. --Body-Font-Weight:500;
  1241. }
  1242.  
  1243. html[font="Sofia Sans"]:root {
  1244. --Body-Font-Size:calc({select:font size} + 1px);
  1245. --Heading-Font-Size:calc(var(--Body-Font-Size) + 1px);
  1246. }
  1247.  
  1248. /*------- HEADING FONT -------*/
  1249. h1, h2, h3, h4, h5, h6 {
  1250. font-family:var(--Heading-Font-Family);
  1251. font-weight:var(--Heading-Font-Weight);
  1252. text-transform:var(--Heading-Text-Case);
  1253. letter-spacing:var(--Heading-Letter-Spacing);
  1254. word-spacing:var(--Heading-Word-Spacing);
  1255. line-height:var(--Heading-Line-Height);
  1256. }
  1257.  
  1258. html[heading-font="Big Noodle Titling Oblique"]:root {
  1259. --Heading-Font-Weight:normal;
  1260. --Heading-Font-Size:calc(var(--Body-Font-Size) * 1.69);
  1261. --Heading-Letter-Spacing:0.02em;
  1262. --Heading-Word-Spacing:0.05em;
  1263. --Heading-Line-Height:1.3;
  1264. --Heading-Bottom-Gap:calc(1em - ((var(--Heading-Font-Size) * var(--Heading-Line-Height)) - var(--Heading-Font-Size)));
  1265. }
  1266.  
  1267. html[heading-font="Big Noodle Titling Oblique"]:root [data-help-popover="alt-text-helper"] .popover.tutorial .title {
  1268. margin-bottom:var(--Heading-Bottom-Gap)!important;
  1269. }
  1270.  
  1271. h1 {
  1272. font-size:var(--Heading-Font-Size);
  1273. }
  1274.  
  1275. h2, h3 {
  1276. font-size:calc(var(--Heading-Font-Size) - 1px);
  1277. }
  1278.  
  1279. h4, h5, h6 {
  1280. font-size:calc(var(--Heading-Font-Size) - 2px);
  1281. }
  1282.  
  1283. /*----- UPPERCASE FONT / CAPS FONT -----*/
  1284. html[caps-font="Figtree"]:root {
  1285. --Caps-Font-Weight:600;
  1286. }
  1287.  
  1288. html[caps-font="Public Sans"]:root {
  1289. --Caps-Font-Size:calc(var(--Body-Font-Size) - 3px);
  1290. --Caps-Font-Weight:600;
  1291. }
  1292.  
  1293. html[caps-font="Karla"]:root {
  1294. --Caps-Font-Weight:600;
  1295. }
  1296.  
  1297. html[caps-font="Kdam Thmor Pro"]:root {
  1298. --Caps-Font-Size:calc(var(--Body-Font-Size) - 3px);
  1299. --Caps-Font-Weight:400;
  1300. --Caps-Letter-Spacing:0.05em;
  1301. }
  1302.  
  1303. html[caps-font="Akshar"]:root {
  1304. --Caps-Font-Size:calc(var(--Body-Font-Size) - 0.5px);
  1305. --Caps-Font-Weight:450;
  1306. }
  1307.  
  1308. html[caps-font="Stick No Bills"]:root {
  1309. --Caps-Font-Size:calc(var(--Body-Font-Size) - 0.5px);
  1310. --Caps-Font-Weight:600;
  1311. --Caps-Letter-Spacing:0.07em;
  1312. }
  1313.  
  1314. html[caps-font="Space Grotesk"]:root {
  1315. --Caps-Font-Weight:600;
  1316. --Caps-Letter-Spacing:0.04em;
  1317. }
  1318.  
  1319. .caps, .comment-header .username, .chat-label, .aud-title, .site-name, .poll-row, .poll-see-results, .vidyo-current-time, .vidyo-duration, .q-top, .comment-header .deactivated, p.keep-reading, ol.notes a:not(li.with_commentary blockquote a), .more_notes_link, .notes_loading, p.tmblr-attribution a, .tagscont a, .infobar, .botpagi,
  1320. html[current-path="/customize_preview_receiver.html"] a.tumblr_blog {
  1321. font-family:var(--Caps-Font-Family)!important;
  1322. font-weight:var(--Caps-Font-Weight)!important;
  1323. text-transform:uppercase!important;
  1324. font-size:var(--Caps-Font-Size)!important;
  1325. letter-spacing:var(--Caps-Letter-Spacing)!important;
  1326. word-spacing:var(--Caps-Word-Spacing)!important;
  1327. }
  1328.  
  1329. .comment-body .caps {
  1330. font-size:calc(var(--Caps-Font-Size) + 1px)!important;
  1331. }
  1332.  
  1333. /* !important overrides bc t*mblr */
  1334. .poll-row, .poll-see-results {
  1335. font-weight:var(--Caps-Font-Weight)!important;
  1336. font-size:var(--Caps-Font-Size)!important;
  1337. }
  1338.  
  1339. /*------- LINKS -------*/
  1340. a {
  1341. color:var(--Links-Color);
  1342. text-decoration:none;
  1343. }
  1344.  
  1345. /* if it's a link, prioritize that color over other semantic tags */
  1346. .comment-body a b:not([style*="color:"],[class]),
  1347. .comment-body a i:not([style*="color:"],[class]){
  1348. color:var(--Links-Color);
  1349. }
  1350.  
  1351. .quote-set a, .question-text a, .answer-text a, p.tmblr-attribution a,
  1352. .comment-body a:not(html[current-path="/customize_preview_receiver.html"] a.tumblr_blog, a.post_media_photo_anchor, a.aud-dl, a.link-render, a.poll-row, a.poll-see-results){
  1353. padding-bottom:var(--Links-Underline-Gap);
  1354. border-bottom:var(--Links-Underline-Size) solid var(--Links-Underline-Color);
  1355. }
  1356.  
  1357. /*------- BLOCKQUOTES -------*/
  1358. blockquote {
  1359. margin-left:calc((var(--Reblog-Head-Image-Size) - var(--Blockquote-Border-Size)) / 2);
  1360. margin-right:0;
  1361. padding-left:calc(((var(--Reblog-Head-Image-Size) - var(--Blockquote-Border-Size)) / 2) + var(--Reblog-Head-Gutter));
  1362. border-left:var(--Blockquote-Border-Size) solid var(--Blockquote-Border-Color);
  1363. }
  1364.  
  1365. /*------- BULLET LISTS -------*/
  1366. ul, ol {
  1367. --ul-ol-gap-1:1em;
  1368. --ul-ol-gap-2:0.5em;
  1369. padding-left:0;
  1370. margin-left:calc(1em + var(--ul-ol-gap-1));
  1371. }
  1372.  
  1373. li {
  1374. padding-left:var(--ul-ol-gap-2);
  1375. }
  1376.  
  1377. /* nested bullet lists */
  1378. ul ul, ol ul, ol ol, ul ol {
  1379. margin-left:calc(((1em + var(--ul-ol-gap-1)) * 2) - var(--ul-ol-gap-2));
  1380. }
  1381.  
  1382. /*------- TUMBLR CONTROLS -------*/
  1383. iframe.tmblr-iframe.iframe-controls--desktop {
  1384. position:fixed!important;
  1385. left:initial!important;
  1386. top:0!important;
  1387. right:0!important;
  1388. margin-left:0px!important;
  1389. margin-top:calc(var(--Top-Bar-Height) + 5px)!important;
  1390. margin-right:5px!important;
  1391. transform-origin:100% 0%!important;
  1392. transform:scale(0.8,0.8)!important;
  1393. opacity:{select:tumblr controls transparency};
  1394. transition:opacity 0.25s ease-in-out;
  1395. }
  1396.  
  1397. iframe.tmblr-iframe.iframe-controls--desktop:hover {
  1398. opacity:1;
  1399. }
  1400.  
  1401. html[tumblr-controls="black"] iframe.tmblr-iframe.iframe-controls--desktop {
  1402. filter:invert(100%) hue-rotate(180deg)!important;
  1403. }
  1404.  
  1405. .tmblr-iframe--follow-teaser, .follow-teaser, .iframe-controls--phone-mobile, .tmblr-iframe--app-cta-button {
  1406. display:none!important;
  1407. visibility:hidden!important;
  1408. height:0!important;
  1409. }
  1410.  
  1411. /*------- CONTAINER SETTINGS -------*/
  1412. .topbar + main {
  1413. margin:calc(var(--Top-Bar-Height) + var(--Screen-Gaps)) auto var(--Screen-Gaps) auto;
  1414. }
  1415.  
  1416. .topbar[bot-border="yes"] + main {
  1417. margin:calc(var(--Top-Bar-Height) + var(--Top-Bar-Bottom-Border-Size) + var(--Screen-Gaps)) auto var(--Screen-Gaps) auto;
  1418. }
  1419.  
  1420. main {
  1421. margin:var(--Screen-Gaps) auto var(--Screen-Gaps) auto;
  1422. width:calc(var(--Post-Width-Total) + var(--Center-Gap) + var(--Sidebar-Total-Width));
  1423. }
  1424.  
  1425. .load-in { opacity:0; }
  1426.  
  1427. .load-in, .load-removing {
  1428. transition:opacity var(--Load-In-Speed) ease-in-out;
  1429. }
  1430.  
  1431. /*------- BACKGROUND -------*/
  1432. .pseudo-bg {
  1433. position:fixed;
  1434. top:0;
  1435. width:100vw;
  1436. background-image:url("{image:background image}");
  1437. background-attachment:fixed;
  1438. z-index:-99;
  1439. }
  1440.  
  1441. html[bg-height="full-h"] .pseudo-bg {
  1442. margin-top:0px;
  1443. height:100vh;
  1444. }
  1445.  
  1446. html[bg-height="not-full-h"] .pseudo-bg {
  1447. margin-top:var(--Top-Bar-Height);
  1448. height:calc(100vh - var(--Top-Bar-Height));
  1449. }
  1450.  
  1451. html[bg-size="repeat"] .pseudo-bg {
  1452. background-repeat:repeat;
  1453. }
  1454.  
  1455. html[bg-size="full"] .pseudo-bg {
  1456. background-repeat:no-repeat;
  1457. background-size:cover;
  1458. background-position:center;
  1459. }
  1460.  
  1461. html[bg-blur]:not([bg-blur=""],[bg-blur="0px"]) .pseudo-bg:after {
  1462. content:"";
  1463. position:absolute;
  1464. display:block;
  1465. top:0;left:0;
  1466. width:100%;
  1467. height:100%;
  1468. backdrop-filter:blur(var(--Background-Blur));
  1469. }
  1470.  
  1471. /*------- TOP BAR -------*/
  1472. .topbar {
  1473. position:fixed;
  1474. top:0;left:0;
  1475. width:100%;
  1476. min-height:var(--Top-Bar-Min-Height);
  1477. background:var(--Top-Bar-BG);
  1478. display:flex;
  1479. align-items:stretch;
  1480. justify-content:space-between;
  1481. gap:var(--Top-Bar-Padding);
  1482. overflow:hidden;
  1483. z-index:12;
  1484. }
  1485.  
  1486. .topbar[bot-border="yes"]{
  1487. border-bottom:var(--Top-Bar-Bottom-Border-Size) solid var(--Top-Bar-Bottom-Border-Color);
  1488. }
  1489.  
  1490. .topbar > * { flex-shrink:0; }
  1491.  
  1492. /*------ TOP BAR TITLE ------*/
  1493. .top-title-holder {
  1494. display:flex;
  1495. align-items:center;
  1496. padding:var(--Top-Bar-Padding);
  1497. }
  1498.  
  1499. .top-title {
  1500. margin:0;
  1501. font-family:var(--Top-Bar-Title-Font-Family);
  1502. font-size:var(--Top-Bar-Title-Font-Size);
  1503. text-transform:var(--Top-Bar-Title-Text-Case);
  1504. letter-spacing:var(--Top-Bar-Title-Letter-Spacing);
  1505. word-spacing:var(--Top-Bar-Title-Word-Spacing);
  1506. color:var(--Top-Bar-Title-Color);
  1507. line-height:1.35;
  1508. }
  1509.  
  1510. .top-title > span {
  1511. display:block;
  1512. }
  1513.  
  1514. html[heading-font="Big Noodle Titling Oblique"] .top-title > span {
  1515. margin:calc(var(--Top-Bar-Title-Font-Size) * -0.1) 0;
  1516. }
  1517.  
  1518. /*------ CUSTOM LINKS ------*/
  1519. .custom-links-holder {
  1520. display:flex;
  1521. align-items:stretch;
  1522. }
  1523.  
  1524. .custom-links-holder > a {
  1525. display:flex;
  1526. align-items:center;
  1527. justify-content:center;
  1528. padding:0 var(--Custom-Links-Spacing);
  1529. gap:var(--Custom-Links-Icon-Gap);
  1530. font-family:var(--Custom-Links-Font-Family);
  1531. font-weight:var(--Custom-Links-Font-Weight);
  1532. font-size:var(--Custom-Links-Font-Size);
  1533. text-transform:var(--Custom-Links-Text-Case);
  1534. letter-spacing:var(--Custom-Links-Letter-Spacing);
  1535. word-spacing:var(--Custom-Links-Word-Spacing);
  1536. text-align:center;
  1537. line-height:1;
  1538. }
  1539.  
  1540. .custom-links-holder > a i[class]{
  1541. font-size:var(--Custom-Links-Icon-Size);
  1542. color:var(--Custom-Links-Icon-Color);
  1543. }
  1544.  
  1545. .custom-links-holder > a[t=""][i=""]{
  1546. display:none;
  1547. }
  1548.  
  1549. .custom-links-holder .cl-text {
  1550. text-align:left;
  1551. color:var(--Custom-Links-Text-Color);
  1552. }
  1553.  
  1554. html[caps-font="Karla"] .custom-links-holder > a {
  1555. --Custom-Links-Font-Size:calc({select:custom links text size} + 0.5px);
  1556. }
  1557.  
  1558. html[caps-font="Akshar"] .custom-links-holder > a {
  1559. --Custom-Links-Font-Size:calc({select:custom links text size} + 1px);
  1560. }
  1561.  
  1562. html[caps-font="Stick No Bills"] .custom-links-holder > a {
  1563. --Custom-Links-Font-Size:calc({select:custom links text size} + 1px);
  1564. }
  1565.  
  1566. html[caps-font="Kdam Thmor Pro"] .custom-links-holder > a {
  1567. --Custom-Links-Font-Size:calc({select:custom links text size} - 1.5px);
  1568. }
  1569.  
  1570. html[caps-font="Space Grotesk"] .custom-links-holder > a {
  1571. --Custom-Links-Font-Size:calc({select:custom links text size} - 0.5px);
  1572. }
  1573.  
  1574. .topbar > .custom-links-holder:first-child > a:first-child {
  1575. padding-left:var(--Top-Bar-Padding);
  1576. }
  1577.  
  1578. .topbar > .custom-links-holder:last-child > a:last-child {
  1579. padding-right:var(--Top-Bar-Padding);
  1580. }
  1581.  
  1582. /* cl hover stuff [1/2] */
  1583. .custom-links-holder > a {
  1584. transition:background-color var(--Custom-Links-Hover-Speed) ease-in-out;
  1585. }
  1586.  
  1587. .custom-links-holder > a i[class],
  1588. .custom-links-holder > a .cl-text {
  1589. transition:color var(--Custom-Links-Hover-Speed) ease-in-out;
  1590. }
  1591.  
  1592. /* cl hover stuff [2/2] */
  1593. .custom-links-holder > a:hover {
  1594. background-color:var(--Custom-Links-Hover-BG);
  1595. }
  1596.  
  1597. .custom-links-holder > a:hover i[class]{
  1598. color:var(--Custom-Links-Hover-Icon-Color);
  1599. }
  1600.  
  1601. .custom-links-holder > a:hover .cl-text {
  1602. color:var(--Custom-Links-Hover-Text-Color);
  1603. }
  1604.  
  1605. /*------- SIDEBAR -------*/
  1606. .sidebar {
  1607. position:fixed;
  1608. bottom:0;
  1609. margin-bottom:var(--Screen-Gaps);
  1610. margin-left:calc(var(--Post-Width-Total) + var(--Center-Gap));
  1611. width:var(--Sidebar-Total-Width);
  1612. }
  1613.  
  1614. .sb-wrap {
  1615. position:relative;
  1616. display:flex;
  1617. align-items:center;
  1618. }
  1619.  
  1620. /*----- SIDEBAR IMAGE (RENDER) -----*/
  1621. .render-zone {
  1622. position:absolute;
  1623. bottom:100%;
  1624. margin-bottom:0;
  1625. left:0;
  1626. --kldko:calc(var(--Sidebar-Icon-Total-Width) + var(--Sidebar-Line-Width));
  1627. --evciu:calc(var(--Sidebar-Links-Left-Gap) + var(--Sidebar-Links-Total-Width));
  1628. --Sidebar-Image-Container-Width:calc(var(--Sidebar-Total-Width) - var(--kldko) - var(--evciu));
  1629. width:var(--Sidebar-Image-Container-Width);
  1630. }
  1631.  
  1632. .render-inner {
  1633. display:flex;
  1634. align-items:flex-end;
  1635. justify-content:center;
  1636. }
  1637.  
  1638. .render-zone img {
  1639. display:block;
  1640. margin-left:calc(var(--Sidebar-Image-Container-Width) * var(--Sidebar-Image-Nudge));
  1641. width:calc(var(--Sidebar-Image-Container-Width) * var(--Sidebar-Image-Width));
  1642. max-width:100%;
  1643. height:auto;
  1644. }
  1645.  
  1646. /*----- SIDEBAR ICON -----*/
  1647. .sidebar .icon-zone, .sidebar .icon-zone > a {
  1648. position:relative;
  1649. display:flex;
  1650. align-items:center;
  1651. justify-content:center;
  1652. width:var(--Sidebar-Icon-Total-Width);
  1653. height:var(--Sidebar-Icon-Total-Width);
  1654. background:var(--Sidebar-Icon-BG);
  1655. border-radius:var(--Sidebar-Icon-Rounded-Corners);
  1656. overflow:hidden;
  1657. }
  1658.  
  1659. .sidebar .icon-zone * { flex-shrink:0; }
  1660.  
  1661. .sidebar .icon-zone img {
  1662. flex-shrink:0;
  1663. width:var(--Sidebar-Icon-Size);
  1664. height:var(--Sidebar-Icon-Size);
  1665. border-radius:var(--Sidebar-Icon-Rounded-Corners);
  1666. }
  1667.  
  1668. .sidebar .icon-zone[o]:not([o=""],[o="100%"],[o="0px"]) img {
  1669. border-radius:calc(var(--Sidebar-Icon-Rounded-Corners) / 2);
  1670. }
  1671.  
  1672. /*----- SIDEBAR MIDDLE LINE DECOR -----*/
  1673. .sidebar .deco-line {
  1674. margin-left:-3px;
  1675. width:calc(var(--Sidebar-Line-Width) + 3px);
  1676. height:var(--Sidebar-Line-Thickness);
  1677. background:var(--Sidebar-Line-Color);
  1678. }
  1679.  
  1680. /*----- SIDEBAR DESC -----*/
  1681. .sidebar .desc-zone {
  1682. position:relative;
  1683. display:flex;
  1684. align-items:stretch;
  1685. }
  1686.  
  1687. .sidebar .desc-line {
  1688. width:var(--Desc-Left-Border-Width);
  1689. background:var(--Desc-Left-Border-Color);
  1690. }
  1691.  
  1692. .sidebar .desc-line[l="c"]{
  1693. border-radius:var(--Desc-Left-Border-Curve-Amount) 0 0 var(--Desc-Left-Border-Curve-Amount);
  1694. }
  1695.  
  1696. .sidebar .desc-box {
  1697. width:var(--Desc-Total-Width);
  1698. max-height:var(--Sidebar-Icon-Total-Width);
  1699. background:var(--Desc-BG);
  1700. font-family:var(--Desc-Font-Family);
  1701. font-weight:var(--Desc-Font-Weight);
  1702. font-size:var(--Desc-Font-Size);
  1703. letter-spacing:var(--Desc-Letter-Spacing);
  1704. word-spacing:var(--Desc-Word-Spacing);
  1705. color:var(--Desc-Text-Color);
  1706. text-align:var(--Desc-Text-Align);
  1707. }
  1708.  
  1709. .desc-box b, .desc-box strong {
  1710. color:var(--Desc-Bold);
  1711. }
  1712.  
  1713. .desc-box i:not([class]), .desc-box em {
  1714. color:var(--Desc-Italic);
  1715. }
  1716.  
  1717. .desc-box a {
  1718. color:var(--Desc-Links);
  1719. padding-bottom:var(--Desc-Links-Underline-Gap);
  1720. border-bottom:var(--Desc-Links-Underline-Size) solid var(--Desc-Links-Underline-Color);
  1721. }
  1722.  
  1723. .sidebar .desc-box[blur]:not([blur="0px"],[blur=""]){
  1724. backdrop-filter:blur(var(--Desc-BG-Blur));
  1725. }
  1726.  
  1727. .sidebar .desc-inner {
  1728. --yfpia:calc(((var(--Desc-Font-Size) * var(--Desc-Line-Height)) - var(--Desc-Font-Size)) / 2);
  1729. margin-top:calc(var(--Desc-Padding) - var(--yfpia));
  1730. margin-left:var(--Desc-Padding);
  1731. margin-right:calc(0px - var(--Desc-Padding));
  1732. margin-bottom:calc(var(--Desc-Padding) - var(--yfpia));
  1733. padding-right:var(--Desc-Padding);
  1734. width:calc(100% - (var(--Desc-Padding) * 2));
  1735. max-height:calc(100% - (var(--Desc-Padding) * 2) + (var(--yfpia) * 2));
  1736. overflow:auto;
  1737. --Scrollbar-Thumb:var(--Desc-Scrollbar-Thumb);
  1738. }
  1739.  
  1740. .sidebar .desc-inner::-webkit-scrollbar {
  1741. background-color:transparent;
  1742. }
  1743.  
  1744. .sidebar .desc-inner::-webkit-scrollbar-thumb {
  1745. border-top:none;
  1746. border-bottom:none;
  1747. border-color:transparent;
  1748. background-clip:padding-box;
  1749. }
  1750.  
  1751. .sidebar .desc-inner p:first-child { margin-top:0; }
  1752. .sidebar .desc-inner p:last-child { margin-bottom:0; }
  1753.  
  1754. /*----- SIDEBAR LINKS (RIGHT) -----*/
  1755. .sb-links {
  1756. margin-left:var(--Sidebar-Links-Left-Gap);
  1757. display:flex;
  1758. flex-direction:column;
  1759. gap:var(--Sidebar-Links-Spacing);
  1760. }
  1761.  
  1762. .sb-links > a {
  1763. display:block;
  1764. padding:var(--Sidebar-Links-Icon-Padding);
  1765. background:var(--Sidebar-Links-Icon-BG);
  1766. border-radius:var(--Sidebar-Links-Icon-Rounded-Corners);
  1767. line-height:0;
  1768. transition:background-color var(--Sidebar-Links-Hover-Speed) ease-in-out;
  1769. }
  1770.  
  1771. .sb-links > a:hover {
  1772. background-color:var(--Sidebar-Links-Hover-BG);
  1773. }
  1774.  
  1775. .sb-links > a > i[class]:not([class=""]){
  1776. font-size:var(--Sidebar-Links-Icon-Size);
  1777. color:var(--Sidebar-Links-Icon-Color);
  1778. transition:color var(--Sidebar-Links-Hover-Speed) ease-in-out;
  1779. }
  1780.  
  1781. .sb-links > a > i.gt-misc-icons {
  1782. display:block;
  1783. transform:perspective(0);
  1784. margin:0 -.5px 0 .5px;
  1785. }
  1786.  
  1787. .sb-links > a:hover > i[class]:not([class=""]){
  1788. color:var(--Sidebar-Links-Hover-Icon-Color);
  1789. }
  1790.  
  1791. /*------- POSTS -------*/
  1792. .all-posts {
  1793. width:var(--Post-Width-Total);
  1794. }
  1795.  
  1796. .posts, .post-notes, .botpagi {
  1797. background:var(--Post-BG);
  1798. border-radius:var(--Post-Rounded-Corners);
  1799. width:100%;
  1800. overflow:hidden;
  1801. margin-bottom:var(--Post-Spacing);
  1802. }
  1803.  
  1804. html[post-borders="yes"] .posts,
  1805. html[post-borders="yes"] .post-notes,
  1806. html[post-borders="yes"] .botpagi {
  1807. border:var(--Post-Borders-Size) solid var(--Post-Borders-Color);
  1808. }
  1809.  
  1810. html[posts-blur]:not([posts-blur=""],[posts-blur="0px"]) .posts,
  1811. html[posts-blur]:not([posts-blur=""],[posts-blur="0px"]) .post-notes,
  1812. html[posts-blur]:not([posts-blur=""],[posts-blur="0px"]) .botpagi,
  1813. html[posts-blur]:not([posts-blur=""],[posts-blur="0px"]) [data-help-popover="alt-text-helper"] .popover {
  1814. backdrop-filter:blur(var(--Posts-BG-Blur));
  1815. }
  1816.  
  1817. .posts {
  1818. display:flex;
  1819. flex-direction:column;
  1820. gap:var(--Post-Padding);
  1821. }
  1822.  
  1823. /*------ FULL WIDTH POSTS ------*/
  1824. html[full-width-posts="yes"][post-borders="yes"]:root {
  1825. --Post-Width-Total:min(calc(var(--Post-Width) + (var(--Post-Borders-Size) * 2)), 85vw);
  1826. }
  1827.  
  1828. html[full-width-posts="yes"][post-borders="no"]:root {
  1829. --Post-Width-Total:min(var(--Post-Width), 85vw);
  1830. }
  1831.  
  1832. /*------ NOT FULL WIDTH POSTS ------*/
  1833. html[full-width-posts="no"][post-borders="yes"]:root {
  1834. --Post-Width-Total:min(calc(var(--Post-Width) + (var(--Post-Padding) * 2) + (var(--Post-Borders-Size) * 2)), 85vw);
  1835. }
  1836.  
  1837. html[full-width-posts="no"][post-borders="no"]:root {
  1838. --Post-Width-Total:min(calc(var(--Post-Width) + (var(--Post-Padding) * 2)), 85vw);
  1839. }
  1840.  
  1841. html[full-width-posts="no"] [post-type="photo"] .post-body,
  1842. html[full-width-posts="no"] [post-type="video"] .post-body {
  1843. margin-top:var(--Post-Padding);
  1844. margin-left:var(--Post-Padding);
  1845. width:calc(100% - (var(--Post-Padding) * 2));
  1846. }
  1847.  
  1848. html[full-width-posts="no"] [post-type="photo"] .post-body .comments,
  1849. html[full-width-posts="no"] [post-type="video"] .post-body .comments {
  1850. margin-left:calc(0px - var(--Post-Padding));
  1851. width:calc(100% + (var(--Post-Padding) * 2));
  1852. }
  1853.  
  1854. /*------- POST TITLES -------*/
  1855. .post-title {
  1856. margin-bottom:var(--Heading-Bottom-Gap)!important;
  1857. color:var(--Heading-Text-Color);
  1858. text-align:center;
  1859. }
  1860.  
  1861. .text-block > .post-title:first-child {
  1862. margin-top:0;
  1863. padding:var(--Post-Padding);
  1864. }
  1865.  
  1866. .text-block > .post-title:first-child:not(:last-child){
  1867. padding-bottom:0;
  1868. }
  1869.  
  1870. /*------- TEXT POSTS -------*/
  1871. .text-block > .post-title + .comments > .comment:first-child {
  1872. padding-top:0;
  1873. }
  1874.  
  1875. /*------- CAPTIONS / COMMENTS -------*/
  1876. .comment {
  1877. padding:var(--Post-Padding);
  1878. }
  1879.  
  1880. /*------- REBLOG DIVIDERS -------*/
  1881. /* for: link blocks -> reblogs */
  1882. html[reblog-borders="yes"] .link-render + .comments {
  1883. border-top:var(--Reblog-Borders-Size) solid var(--Reblog-Borders);
  1884. }
  1885.  
  1886. html[reblog-borders="no"] .link-render + .comments {
  1887. margin-top:calc(0px - var(--Post-Padding));
  1888. }
  1889.  
  1890. /*>>>>>>>>>>>>>>>>>>>>>>>*/
  1891.  
  1892. /* for: audio blocks -> reblogs */
  1893. html[reblog-borders="yes"] .aud-gen + .comments,
  1894. html[reblog-borders="yes"] [post-type="audio"].ex-npf .post-body > .photo-origin:first-child + .text-block {
  1895. border-top:var(--Reblog-Borders-Size) solid var(--Reblog-Borders);
  1896. }
  1897.  
  1898. html[reblog-borders="yes"] [post-type="audio"].ex-npf .post-body > .photo-origin:first-child + .text-block {
  1899. margin-top:var(--Post-Padding);
  1900. }
  1901.  
  1902. /* glen-test.tumblr.com/post/749405496324325376 */
  1903. /* common npf audio */
  1904. html[reblog-borders="no"] [post-type="audio"].ex-npf .post-body > .photo-origin:first-child:not(:last-child)[style*="var(--NPF-Caption-Spacing)"]{
  1905. margin-bottom:var(--Post-Padding)!important;
  1906. }
  1907.  
  1908. /* glen-test.tumblr.com/post/749405515190304768 */
  1909. /* audio that somehow turned into a video */
  1910. /* so after un-video and re-npf, there is no margin-bottom on the embed */
  1911. html[reblog-borders="no"] [post-type="audio"].ex-npf .post-body > .photo-origin:first-child + .text-block {
  1912. margin-top:calc(0px - var(--Post-Padding));
  1913. }
  1914.  
  1915. /*>>>>>>>>>>>>>>>>>>>>>>>*/
  1916.  
  1917. /* for: question blocks -> reblogs */
  1918. html[reblog-borders="yes"] .question-part + .comments {
  1919. border-top:var(--Reblog-Borders-Size) solid var(--Reblog-Borders);
  1920. }
  1921.  
  1922. html[reblog-borders="no"] .question-part + .comments {
  1923. margin-top:calc(0px - var(--Post-Padding));
  1924. }
  1925.  
  1926. /*>>>>>>>>>>>>>>>>>>>>>>>*/
  1927.  
  1928. html[reblog-borders="yes"] .comment + .comment {
  1929. border-top:var(--Reblog-Borders-Size) solid var(--Reblog-Borders);
  1930. }
  1931.  
  1932. html[reblog-borders="no"] .comment + .comment {
  1933. margin-top:calc(0px - var(--Post-Padding));
  1934. }
  1935.  
  1936. .comments:empty {
  1937. display:none;
  1938. }
  1939.  
  1940. .comment-header {
  1941. display:flex;
  1942. align-items:center;
  1943. justify-content:flex-start;
  1944. width:fit-content;
  1945. gap:0 var(--Reblog-Head-Gutter);
  1946. }
  1947.  
  1948. .comment-header img.userpic {
  1949. width:var(--Reblog-Head-Image-Size);
  1950. height:var(--Reblog-Head-Image-Size);
  1951. border-radius:var(--Reblog-Head-Image-Rounded-Corners);
  1952. }
  1953.  
  1954. .comment-header .username,
  1955. html[current-path="/customize_preview_receiver.html"] a.tumblr_blog {
  1956. font-size:var(--Reblog-Name-Font-Size);
  1957. color:var(--Reblog-Name-Color);
  1958. }
  1959.  
  1960. .comment-header:not(:last-child){
  1961. margin-bottom:var(--Reblog-Head-Bottom-Gap);
  1962. }
  1963.  
  1964. /* file.garden/ZRt8jW_MomIqlrfn/screenshots/nkbsj.png */
  1965. [post-type="quote"].ex-npf .comments > .comment.extra-comment:first-child .comment-header,
  1966. [post-type="chat"].ex-npf .comments > .comment:first-child .comment-header {
  1967. display:none;
  1968. }
  1969.  
  1970. /* deactivated users */
  1971. .comment.deactivated .comment-header {
  1972. cursor:default;
  1973. }
  1974.  
  1975. .comment-header .deactivated {
  1976. color:rgba(var(--Body-Text-Color-RGB),0.8);
  1977. }
  1978.  
  1979. .comment-header .username + .deactivated {
  1980. margin-left:calc(0px - var(--Reblog-Head-Gutter) + 0.5em);
  1981. }
  1982.  
  1983. .comment-body > h1:first-child,
  1984. .comment-body > h2:first-child,
  1985. .comment-body > h3:first-child,
  1986. .comment-body > h4:first-child,
  1987. .comment-body > h5:first-child,
  1988. .comment-body > h6:first-child,
  1989. .comment-body > p:first-child,
  1990. .comment-body > blockquote:first-child,
  1991. .comment-body > ul:first-child,
  1992. .comment-body > ol:first-child {
  1993. margin-top:0;
  1994. }
  1995.  
  1996. .comment-body > h1:last-child,
  1997. .comment-body > h2:last-child,
  1998. .comment-body > h3:last-child,
  1999. .comment-body > h4:last-child,
  2000. .comment-body > h5:last-child,
  2001. .comment-body > h6:last-child,
  2002. .comment-body > p:last-child,
  2003. .comment-body > blockquote:last-child,
  2004. .comment-body > ul:last-child,
  2005. .comment-body > ol:last-child {
  2006. margin-bottom:0;
  2007. }
  2008.  
  2009. .comment-body blockquote > p:first-child {
  2010. margin-top:0;
  2011. }
  2012.  
  2013. .comment-body blockquote > p:last-child {
  2014. margin-bottom:0;
  2015. }
  2016.  
  2017. /*------- PHOTO POSTS -------*/
  2018. .legacy-photo img, .legacy-photoset img {
  2019. display:block;
  2020. max-width:100%;
  2021. height:auto;
  2022. }
  2023.  
  2024. .legacy-photoset {
  2025. display:grid;
  2026. grid-gap:var(--Photoset-Image-Spacing)
  2027. }
  2028.  
  2029. .legacy-photoset > img {
  2030. display:none; /* handle loading */
  2031. }
  2032.  
  2033. .layout-row {
  2034. position:relative;
  2035. display:grid;
  2036. grid-gap:0 var(--Photoset-Image-Spacing);
  2037. overflow:hidden;
  2038. }
  2039.  
  2040. .layout-row img {
  2041. position:absolute;
  2042. width:100%;
  2043. height:auto;
  2044. visibility:hidden;
  2045. object-fit:cover;
  2046. object-position:center;
  2047. cursor:pointer;
  2048. }
  2049.  
  2050. .layout-row.done img {
  2051. position:relative;
  2052. visibility:visible;
  2053. }
  2054.  
  2055. .legacy-photo img {
  2056. cursor:pointer;
  2057. }
  2058.  
  2059. /*------- PHOTO LIGHTBOXES -------*/
  2060. body[style*="overflow: hidden;"],
  2061. body[style*="overflow:hidden;"]{
  2062. overflow:inherit!important;
  2063. }
  2064.  
  2065. .tmblr-lightbox, #tumblr_lightbox {
  2066. background-image:none!important;
  2067. background-color:rgba({RGBcolor:background},0.69)!important;
  2068. backdrop-filter:blur(3px);
  2069. }
  2070.  
  2071. .tmblr-lightbox .vignette, #tumblr_lightbox #vignette {
  2072. opacity:0!important;
  2073. }
  2074.  
  2075. .tmblr-lightbox .lightbox-image,
  2076. .tmblr-lightbox img, #tumblr_lightbox img {
  2077. box-shadow:none!important;
  2078. border-radius:0px!important;
  2079. }
  2080.  
  2081. .tmblr-lightbox img, #tumblr_lightbox img {
  2082. max-width:none;
  2083. width:auto;
  2084. }
  2085.  
  2086. /*------- QUOTE POSTS -------*/
  2087. .quote-block {
  2088. padding:var(--Post-Padding);
  2089. }
  2090.  
  2091. .quote-set blockquote.quote-text {
  2092. margin-left:0;
  2093. padding:0 var(--Post-Padding);
  2094. border:none;
  2095. font-family:var(--Quote-Font-Family);
  2096. font-weight:var(--Quote-Font-Weight);
  2097. font-size:var(--Quote-Font-Size);
  2098. text-transform:var(--Quote-Text-Case);
  2099. letter-spacing:var(--Quote-Letter-Spacing);
  2100. word-spacing:var(--Quote-Word-Spacing);
  2101. line-height:var(--Quote-Line-Height);
  2102. text-align:center;
  2103. }
  2104.  
  2105. .quote-set blockquote.quote-text:not(:last-child){
  2106. margin-bottom:calc(1em - ((var(--Quote-Font-Size) * var(--Quote-Line-Height)) - var(--Quote-Font-Size)));
  2107. }
  2108.  
  2109. .quote-set > *:first-child { margin-top:0; }
  2110. .quote-set > *:last-child { margin-bottom:0; }
  2111.  
  2112. .quote-source {
  2113. text-align:center;
  2114. }
  2115.  
  2116. /*------- LINK POSTS -------*/
  2117. [post-type="link"] .link-render.photo-origin,
  2118. .link-block > .link-render {
  2119. padding:var(--Post-Padding);
  2120. }
  2121.  
  2122. .link-render {
  2123. display:block;
  2124. }
  2125.  
  2126. .link-render:not(:last-child){
  2127. border-bottom:var(--Link-Block-Border-Size) solid var(--Link-Block-Border-Color);
  2128. }
  2129.  
  2130. .comment-body .link-render {
  2131. margin:1em 0;
  2132. }
  2133.  
  2134. .comment-body .link-render:first-child { margin-top:0 }
  2135. .comment-body .link-render:last-child { margin-bottom:0 }
  2136.  
  2137. .post-body > .link-block:first-child .link-render *,
  2138. .post-body > .link-render:first-child * {
  2139. text-align:center;
  2140. justify-self:center;
  2141. justify-content:center;
  2142. }
  2143.  
  2144. .link-render h2 {
  2145. margin:0;
  2146. }
  2147.  
  2148. .link-render h2 i[class*="right"],
  2149. .link-render h2 i[icon-name*="right"]{
  2150. margin-left:4px;
  2151. font-size:80%;
  2152. vertical-align:-3%;
  2153. }
  2154.  
  2155. .link-render .site-name {
  2156. display:flex;
  2157. align-items:center;
  2158. margin-top:0.45em;
  2159. color:var(--Body-Text-Color);
  2160. }
  2161.  
  2162. .link-render h2 + .site-name {
  2163. margin-left:calc(0px - calc(var(--Heading-Font-Size) * 0.6));
  2164. }
  2165.  
  2166. .link-render .site-name i[class]{
  2167. margin-right:min(0.45em, 8px);
  2168. font-size:calc(var(--Caps-Font-Size) + 2px);
  2169. line-height:1;
  2170. }
  2171.  
  2172. .npf-link-block {
  2173. display:none!important;
  2174. }
  2175.  
  2176. /*------- CHAT POSTS -------*/
  2177. .chat-block {
  2178. padding:var(--Post-Padding);
  2179. }
  2180.  
  2181. ul.chat-wrap {
  2182. list-style:none;
  2183. margin:0;
  2184. padding:0;
  2185. }
  2186.  
  2187. li.chat-line {
  2188. list-style:none;
  2189. padding:0.8rem 3px;
  2190. }
  2191.  
  2192. li.chat-line:first-child {
  2193. padding-top:0;
  2194. }
  2195.  
  2196. li.chat-line:last-child {
  2197. padding-bottom:0;
  2198. }
  2199.  
  2200. li.chat-line + li.chat-line {
  2201. border-top:var(--Post-Borders-Size) solid var(--Post-Borders-Color);
  2202. }
  2203.  
  2204. .post-body > .text-block > .comments > .comment:first-child:has(.quote-set) .comment-header {
  2205. display:none;
  2206. }
  2207.  
  2208. /*------- AUDIO POSTS -------*/
  2209. .aud-gen {
  2210. display:flex;
  2211. align-items:center;
  2212. justify-content:space-between;
  2213. overflow:hidden;
  2214. }
  2215.  
  2216. .audio-block .aud-gen,
  2217. [post-type="audio"].ex-npf .post-body > .npf-audio-only:first-child {
  2218. margin:var(--Post-Padding);
  2219. }
  2220.  
  2221. .aud-gen + .comments {
  2222.  
  2223. }
  2224.  
  2225. .aud-cover {
  2226. position:relative;
  2227. width:var(--Audio-Post-Album-Cover-Size);
  2228. height:var(--Audio-Post-Album-Cover-Size);
  2229. z-index:0;
  2230. }
  2231.  
  2232. .aud-cover .aud-ctl, .aud-cover img {
  2233. position:absolute;
  2234. top:0;left:0;
  2235. width:100%;
  2236. height:100%;
  2237. }
  2238.  
  2239. .aud-gen img {
  2240. width:100%;
  2241. height:100%!important;
  2242. object-fit:cover;
  2243. border-radius:var(--Audio-Post-Album-Cover-Rounded-Corners);
  2244. z-index:1;
  2245. }
  2246.  
  2247. .aud-cover .aud-ctl {
  2248. display:flex;
  2249. align-items:center;
  2250. justify-content:center;
  2251. z-index:2;
  2252. }
  2253.  
  2254. .aud-ctl .q-play,
  2255. .aud-ctl .q-pause {
  2256. display:flex;
  2257. align-items:center;
  2258. justify-content:center;
  2259. width:calc(var(--Audio-Post-Btns-Size) + (var(--Audio-Post-Btns-Padding) * 2));
  2260. height:calc(var(--Audio-Post-Btns-Size) + (var(--Audio-Post-Btns-Padding) * 2));
  2261. background-color:var(--Audio-Post-Btns-BG);
  2262. border-radius:100%;
  2263. outline:none;
  2264. border:none;
  2265. line-height:0;
  2266. cursor:pointer;
  2267. }
  2268.  
  2269. .aud-ctl .q-pause, .aud-iframe {
  2270. display:none;
  2271. }
  2272.  
  2273. .aud-ctl i[icon-name*="play"],
  2274. .aud-ctl i[icon-name*="pause"]{
  2275. display:block;
  2276. font-size:var(--Audio-Post-Btns-Size);
  2277. color:var(--Audio-Post-Btns-Color);
  2278. line-height:1;
  2279. }
  2280.  
  2281. .aud-ctl i[icon-name*="play"]{
  2282. margin-left:calc(var(--Audio-Post-Btns-Size) * 0.1);
  2283. }
  2284.  
  2285. .aud-xyz {
  2286. flex:1;
  2287. }
  2288.  
  2289. .aud-info {
  2290. padding:0 var(--Audio-Post-Gutter);
  2291. }
  2292.  
  2293. [post-type="audio"]:not(.ex-npf) .aud-info .aud-title:not(.has-title) .has-title,
  2294. [post-type="audio"]:not(.ex-npf) .aud-info .aud-artist:not(.has-artist) .has-artist,
  2295. [post-type="audio"]:not(.ex-npf) .aud-info .aud-album:not(.has-album) .has-album {
  2296. display:none;
  2297. }
  2298.  
  2299. [post-type="audio"]:not(.ex-npf) .aud-info .aud-title.has-title .no-title,
  2300. [post-type="audio"]:not(.ex-npf) .aud-info .aud-artist.has-artist .no-artist,
  2301. [post-type="audio"]:not(.ex-npf) .aud-info .aud-album.has-album .no-album {
  2302. display:none;
  2303. }
  2304.  
  2305. .aud-dl {
  2306. display:block;
  2307. margin:0 calc(0px - var(--Audio-Post-Download-Icon-Touch-Padding));
  2308. padding:var(--Audio-Post-Download-Icon-Touch-Padding);
  2309. line-height:1;
  2310. }
  2311.  
  2312. .aud-dl i[class]{
  2313. font-size:var(--Audio-Post-Download-Icon-Size);
  2314. color:var(--Audio-Post-Download-Icon-Color);
  2315. }
  2316.  
  2317. .posts audio[controls]{
  2318. display:none;
  2319. }
  2320.  
  2321. .npf-audio-only {
  2322. --NPF-Images-Spacing:1em!important;
  2323. }
  2324.  
  2325. /* file.garden/ZRt8jW_MomIqlrfn/screenshots/innbv.png */
  2326. .npf_audio figure.sc-short {
  2327. position:relative;
  2328. z-index:0;
  2329. }
  2330.  
  2331. .npf_audio figure.sc-short:before {
  2332. content:"";
  2333. position:absolute;
  2334. top:0;left:0;
  2335. margin-top:1px;
  2336. width:20px;
  2337. height:20px;
  2338. border-radius:100%;
  2339. background:var(--Audio-Post-Btns-BG);
  2340. z-index:-1;
  2341. }
  2342.  
  2343. iframe[src*='open.spotify.com'][src*='track'],
  2344. figure[data-npf*='open.spotify.com'][data-npf*='track']{
  2345. height:80px!important;
  2346. }
  2347.  
  2348. /*------- VIDEO POSTS -------*/
  2349. .legacy-video .tumblr_video_container {
  2350. width:auto!important;
  2351. height:auto!important;
  2352. max-width:100%;
  2353. }
  2354.  
  2355. /*------- ASK POSTS -------*/
  2356. .answer-block {
  2357.  
  2358. }
  2359.  
  2360. .question-part {
  2361. display:flex;
  2362. align-items:center;
  2363. gap:0 var(--Ask-Post-Question-Gutter);
  2364. padding:var(--Post-Padding);
  2365. }
  2366.  
  2367. .askerpic {
  2368. flex-shrink:0;
  2369. align-self:flex-start;
  2370. width:var(--Ask-Post-Avatar-Size);
  2371. height:var(--Ask-Post-Avatar-Size);
  2372. border-radius:var(--Ask-Post-Avatar-Rounded-Corners);
  2373. }
  2374.  
  2375. .q-right {
  2376. display:flex;
  2377. flex-direction:column;
  2378. flex:1;
  2379. gap:var(--Ask-Post-Username-Bottom-Gap) 0;
  2380. }
  2381.  
  2382. .q-top {
  2383. margin:0;
  2384. }
  2385.  
  2386. .q-top a {
  2387. color:var(--Ask-Post-Username-Color);
  2388. }
  2389.  
  2390. .q-text > p:first-child { margin-top:0; }
  2391. .q-text > p:last-child { margin-bottom:0; }
  2392.  
  2393. /*------- POLL POSTS -------*/
  2394. .poll-post > .poll-question:first-child {
  2395. margin-top:0!important;
  2396. }
  2397.  
  2398. .poll-question {
  2399. margin-bottom:1em!important;
  2400. font-size:inherit!important;
  2401. font-weight:inherit!important;
  2402. line-height:inherit!important;
  2403. }
  2404.  
  2405. .poll-row {
  2406. margin:0!important;
  2407. border:var(--Poll-Row-Border-Size) solid var(--Poll-Row-Border-Color)!important;
  2408. padding:var(--Poll-Row-Padding)!important;
  2409. background:var(--Poll-Row-BG)!important;
  2410. border-radius:var(--Poll-Row-Rounded-Corners)!important;
  2411. color:var(--Poll-Row-Text)!important;
  2412. min-height:0!important;
  2413. line-height:inherit!important;
  2414. }
  2415.  
  2416. .poll-row + .poll-row {
  2417. margin-top:var(--Poll-Row-Spacing)!important;
  2418. }
  2419.  
  2420. .poll-row:last-child {
  2421. margin-bottom:0!important;
  2422. }
  2423.  
  2424. .poll-see-results {
  2425. margin-top:1em!important;
  2426. }
  2427.  
  2428. /*----- MISC NPF STUFF / NPF MISC STUFF -----*/
  2429. /* captionless */
  2430. [full-width-posts="no"] .post-body > .npf_group:last-child,
  2431. [full-width-posts="no"] .post-body > .photo-block > [class*="legacy-photo"]:last-child,
  2432. [full-width-posts="no"] .post-body > .video-block > .legacy-video:last-child
  2433. {
  2434. margin-bottom:var(--Post-Padding)!important;
  2435. }
  2436.  
  2437. p.npf_quote, p.npf_quirky {
  2438. line-height:var(--Quote-Line-Height)!important;
  2439. }
  2440.  
  2441. p.npf_quote {
  2442. font-family:var(--Quote-Font-Family)!important;
  2443. font-size:var(--Quote-Font-Size)!important;
  2444. text-transform:var(--Quote-Text-Case)!important;
  2445. letter-spacing:var(--Quote-Letter-Spacing)!important;
  2446. word-spacing:var(--Quote-Word-Spacing)!important;
  2447. font-weight:var(--Quote-Font-Weight)!important;
  2448. }
  2449.  
  2450. p.npf_quirky {
  2451. font-size:calc(var(--Quote-Font-Size) + 1px)!important;
  2452. font-weight:normal!important;
  2453. }
  2454.  
  2455. /* tumblr.com/glen-test/738994635798691840 */
  2456. figure:not(.tmblr-full) + figure:not(.tmblr-full){
  2457. margin-top:var(--NPF-Images-Spacing);
  2458. }
  2459.  
  2460. .tmblr-full {
  2461. overflow:hidden;
  2462. }
  2463.  
  2464. [full-width-posts="yes"] .photo-origin p.tmblr-attribution {
  2465. padding:0 var(--Post-Padding);
  2466. }
  2467.  
  2468. p.tmblr-attribution:last-child {
  2469. margin-bottom:0;
  2470. }
  2471.  
  2472. /*------- TAGS -------*/
  2473. .tagscont {
  2474. display:flex;
  2475. padding:0 var(--Post-Padding);
  2476. }
  2477.  
  2478. .tagscont:not(:last-child){
  2479. margin:calc(0px - var(--Post-Padding)) 0;
  2480. }
  2481.  
  2482. .tagscont[align="left"]{
  2483. text-align:left;
  2484. justify-content:flex-start;
  2485. }
  2486.  
  2487. .tagscont[align="right"]{
  2488. text-align:right;
  2489. justify-content:flex-end;
  2490. }
  2491.  
  2492. /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
  2493.  
  2494. [tags-vis="toggle-fade"] .tagscont {
  2495. opacity:0;
  2496. }
  2497.  
  2498. [tags-vis="toggle-fade"] .tagscont {
  2499. transition:opacity var(--Tags-Fade-Speed) ease-in-out; /* fade out */
  2500. }
  2501.  
  2502. [tags-vis="toggle-fade"] .tagscont.active {
  2503. opacity:1;
  2504. }
  2505.  
  2506. [tags-vis="toggle-fade"] .tagscont.active {
  2507. transition:opacity var(--Tags-Fade-Speed) var(--Tags-Slide-Speed) ease-in-out; /* fade in */
  2508. }
  2509.  
  2510. /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
  2511.  
  2512. [tags-vis*="toggle"] .tags-wrap-a {
  2513. display:grid;
  2514. grid-template-rows:0fr;
  2515. overflow:hidden;
  2516. }
  2517.  
  2518. [tags-vis="toggle"] .tags-wrap-a {
  2519. transition:grid-template-rows var(--Tags-Slide-Speed) ease-in-out; /* slide up */
  2520. }
  2521.  
  2522. [tags-vis="toggle-fade"] .tags-wrap-a {
  2523. transition:grid-template-rows var(--Tags-Slide-Speed) var(--Tags-Fade-Speed) ease-in-out; /* slide up */
  2524. }
  2525.  
  2526. [tags-vis*="toggle"] .tagscont.active .tags-wrap-a {
  2527. grid-template-rows:1fr;
  2528. transition:grid-template-rows var(--Tags-Slide-Speed) ease-in-out; /* slide down */
  2529. }
  2530.  
  2531. /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
  2532.  
  2533. [tags-vis*="toggle"] .tags-wrap-b {
  2534. min-height:0;
  2535. visibility:hidden;
  2536. }
  2537.  
  2538. [tags-vis="toggle"] .tags-wrap-b {
  2539. transition:visibility var(--Tags-Slide-Speed) ease-in-out; /* vis -> hidden */
  2540. }
  2541.  
  2542. [tags-vis="toggle-fade"] .tags-wrap-b {
  2543. transition:visibility 0s calc(var(--Tags-Fade-Speed) + var(--Tags-Slide-Speed)) ease-in-out; /* vis -> hidden */
  2544. }
  2545.  
  2546. [tags-vis*="toggle"] .tagscont.active .tags-wrap-b {
  2547. visibility:visible;
  2548. }
  2549.  
  2550. [tags-vis="toggle-fade"] .tagscont.active .tags-wrap-b {
  2551. transition:visibility 0s 0s ease-in-out; /* hidden -> vis */
  2552. }
  2553.  
  2554. /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
  2555.  
  2556. .tags-wrap-c {
  2557. margin:var(--Post-Padding) 0;
  2558. }
  2559.  
  2560. /* use c for margin-top:0 */
  2561. [full-width-posts="yes"] .posts[post-type="link"]:has(.post-body > .link-render):not(:has(.comments)) .tags-wrap-c,
  2562. [full-width-posts="yes"] .posts[post-type="quote"]:has(.quote-block):not(:has(.comments)) .tags-wrap-c,
  2563. [full-width-posts="no"] .posts:not([post-type="audio"],:has(.comments)) .tags-wrap-c,
  2564. .posts:has(.comments) .tags-wrap-c {
  2565. margin-top:0px;
  2566. }
  2567.  
  2568. /* use b for any negative margin-top */
  2569. .posts[post-type="chat"]:has(.chat-block):not(:has(.comments)) .tags-wrap-b,
  2570. .posts[post-type="audio"]:not(:has(.comments)) .tags-wrap-b {
  2571. margin-top:calc(0px - (var(--Post-Padding) * 1));
  2572. }
  2573.  
  2574. .tags-wrap-d {
  2575. --Tags-Spacing-X-Half:calc(var(--Tags-Spacing-X) / 2);
  2576. --Tags-Spacing-Y-Half:calc(var(--Tags-Spacing-Y) / 2);
  2577. margin:calc(0px - var(--Tags-Spacing-Y-Half)) calc(0px - var(--Tags-Spacing-X-Half));
  2578. width:calc(100% + var(--Tags-Spacing-X));
  2579. font-size:0;
  2580. }
  2581.  
  2582. .tagscont a {
  2583. display:inline-block;
  2584. margin:var(--Tags-Spacing-Y-Half) var(--Tags-Spacing-X-Half);
  2585. font-size:var(--Tags-Font-Size)!important;
  2586. color:var(--Tags-Color);
  2587. line-height:var(--Tags-Line-Height);
  2588. transition:color var(--Tags-Hover-Speed) ease-in-out;
  2589. }
  2590.  
  2591. .tagscont a:before {
  2592. content:"#";
  2593. margin-right:var(--Tags-Hashtag-Spacing);
  2594. }
  2595.  
  2596. .tagscont a:hover {
  2597. color:var(--Tags-Hover-Color);
  2598. }
  2599.  
  2600. /*------- POST INFO / PERMALINK -------*/
  2601. .posts:not([has-tags]) .post-body + .infobar {
  2602. margin-top:calc(0px - var(--Post-Padding));
  2603. }
  2604.  
  2605. .posts .infobar:not(.pin-bar){
  2606. border-top:var(--Permalink-Border-Size) solid var(--Permalink-Border-Color);
  2607. }
  2608.  
  2609. .posts .pin-bar {
  2610. line-height:1;
  2611. border-bottom:var(--Permalink-Border-Size) solid var(--Permalink-Border-Color);
  2612. cursor:default;
  2613. }
  2614.  
  2615. .posts .pin-bar + .post-body {
  2616. margin-top:calc(0px - var(--Post-Padding));
  2617. }
  2618.  
  2619. .pin-bar i[class]:not([class=""]){
  2620. display:block;
  2621. transform:perspective(0);
  2622. }
  2623.  
  2624. .pin-bar i[icon-name="pushpin"]{
  2625. margin-top:-1px;
  2626. font-size:calc(var(--Body-Font-Size) + 2px);
  2627. }
  2628.  
  2629. .pin-bar i[class*="calendar"]{
  2630. font-size:calc(var(--Body-Font-Size) + 1px);
  2631. }
  2632.  
  2633. .pin-left, .pin-right {
  2634. gap:7px;
  2635. }
  2636.  
  2637. .infobar {
  2638. padding:var(--Permalink-Padding-Y) var(--Permalink-Padding-X);
  2639. background-color:var(--Permalink-BG);
  2640. }
  2641.  
  2642. .infobar, .infobar * {
  2643. color:var(--Permalink-Text-Color);
  2644. }
  2645.  
  2646. .innerpho, .pho-top, .pho-bot, .pin-left, .pin-right {
  2647. display:flex;
  2648. align-items:center;
  2649. font-size:var(--Permalink-Font-Size);
  2650. }
  2651.  
  2652. .innerpho, .pho-top {
  2653. justify-content:space-between;
  2654. }
  2655.  
  2656. .innerpho {
  2657. flex-direction:column;
  2658. align-items:flex-start;
  2659. }
  2660.  
  2661. .pho-top {
  2662. width:100%;
  2663. }
  2664.  
  2665. .infobar a.perma {
  2666. display:flex;
  2667. align-items:center;
  2668. gap:var(--Permalink-Items-Spacing);
  2669. margin:calc(0px - var(--Post-Controls-Touch-Padding));
  2670. padding:var(--Post-Controls-Touch-Padding);
  2671. line-height:1;
  2672. }
  2673.  
  2674. .infobar a.perma:not([href]){
  2675. cursor:default;
  2676. }
  2677.  
  2678. .post-controls {
  2679. display:flex;
  2680. align-items:center;
  2681. justify-content:center;
  2682. gap:calc(var(--Post-Controls-Spacing) - (var(--Post-Controls-Touch-Padding) * 2));
  2683. margin-right:calc(0px - var(--Post-Controls-Touch-Padding));
  2684. }
  2685.  
  2686. .post-controls [class*="-area"]{
  2687. position:relative;
  2688. line-height:1;
  2689. }
  2690.  
  2691. .post-controls [class*="-press"]{
  2692. display:flex;
  2693. align-items:center;
  2694. justify-content:center;
  2695. width:calc(var(--Post-Controls-Icon-Size) + (var(--Post-Controls-Touch-Padding) * 2));
  2696. height:calc(var(--Post-Controls-Icon-Size) + (var(--Post-Controls-Touch-Padding) * 2));
  2697. }
  2698.  
  2699. [tags-vis="always-show"] .tog-tags-area { display:none; }
  2700. .tags-press { cursor:help; }
  2701.  
  2702. .post-controls i[class]{
  2703. display:block;
  2704. transform-origin:center;
  2705. font-size:var(--Post-Controls-Icon-Size);
  2706. color:var(--Post-Controls-Icon-Color);
  2707. }
  2708.  
  2709. .post-controls i[class*="ph-"][class*="hash"]{
  2710. transform:translateY(.5px) perspective(0);
  2711. }
  2712.  
  2713. .post-controls i.ti {
  2714. transform:translateY(.5px) perspective(0);
  2715. font-size:calc(var(--Post-Controls-Icon-Size) + 1.5px);
  2716. }
  2717.  
  2718. .like_button {
  2719. position:absolute;
  2720. top:0;left:0;
  2721. width:100%;
  2722. height:100%;
  2723. background:black;
  2724. opacity:0;
  2725. overflow:hidden;
  2726. z-index:2;
  2727. }
  2728.  
  2729. .like_button > iframe {
  2730. display:block;
  2731. width:100%;
  2732. height:100%;
  2733. }
  2734.  
  2735. .like_button.liked + .like-press i[class]{
  2736. color:var(--Liked-Button-Color)!important;
  2737. }
  2738.  
  2739. .pho-bot {
  2740. justify-content:flex-start;
  2741. gap:var(--Permalink-Items-Spacing);
  2742. width:calc(100% - var(--Post-Controls-Total-Width) - var(--Post-Padding));
  2743. }
  2744.  
  2745. .via-part, .src-part {
  2746. white-space:nowrap;
  2747. overflow:hidden;
  2748. text-overflow:ellipsis;
  2749. }
  2750.  
  2751. /*------- POST NOTES -------*/
  2752. .post-notes {
  2753. padding:var(--Post-Padding);
  2754. }
  2755.  
  2756. ol.notes {
  2757. list-style:none;
  2758. margin:0;
  2759. padding:0;
  2760. }
  2761.  
  2762. ol.notes img {
  2763. display:none;
  2764. }
  2765.  
  2766. ol.notes a {
  2767. color:var(--Reblog-Name-Color);
  2768. }
  2769.  
  2770. /*------- PAGINATION -------*/
  2771. .botpagi {
  2772. padding:var(--Post-Padding);
  2773. }
  2774.  
  2775. .botpagi, .botpagi a {
  2776. color:var(--Pagination-Color);
  2777. }
  2778.  
  2779. .botpagi i[class]{
  2780. font-size:var(--Pagination-Arrows-Size);
  2781. }
  2782.  
  2783. .bp-wrap {
  2784. display:flex;
  2785. align-items:center;
  2786. justify-content:center;
  2787. gap:var(--Pagination-Items-Spacing);
  2788. }
  2789.  
  2790. .bp-wrap > * {
  2791. display:flex;
  2792. align-items:center;
  2793. justify-content:space-between;
  2794. padding:var(--Pagination-Items-Touch-Padding);
  2795. gap:3px;
  2796. }
  2797.  
  2798. .jump-page {
  2799. font-size:var(--Pagination-Numbers-Size);
  2800. }
  2801.  
  2802. .current-page, .current-page i[class]{
  2803. font-size:var(--Pagination-Current-Icon-Size)!important;
  2804. }
  2805.  
  2806. /*------- TOOLTIPS -------*/
  2807. .tippy-box {
  2808. border:var(--Tooltips-Border-Size) solid var(--Tooltips-Border);
  2809. background:var(--Tooltips-BG);
  2810. border-radius:var(--Tooltips-Rounded-Corners);
  2811. }
  2812.  
  2813. .tippy-content {
  2814. padding:calc(var(--Tooltips-Padding-Y) - (((var(--Caps-Font-Size) * var(--Body-Line-Height)) - var(--Caps-Font-Size)) / 2)) var(--Tooltips-Padding-X);
  2815. font-family:var(--Tooltips-Font-Family);
  2816. font-weight:var(--Tooltips-Font-Weight);
  2817. font-size:var(--Tooltips-Font-Size);
  2818. text-transform:uppercase;
  2819. letter-spacing:var(--Tooltips-Letter-Spacing);
  2820. word-spacing:var(--Tooltips-Word-Spacing);
  2821. color:var(--Tooltips-Text-Color);
  2822. line-height:var(--Tooltips-Line-Height);
  2823. }
  2824.  
  2825. /*------- SCREEN READER TEXT -------*/
  2826. .sr-text {
  2827. position:absolute;
  2828. border:0;
  2829. clip:rect(1px, 1px, 1px, 1px);
  2830. clip-path:inset(50%);
  2831. margin:-1px;
  2832. width:1px;
  2833. height:1px;
  2834. padding:0;
  2835. overflow:hidden;
  2836. word-wrap:normal!important;
  2837. }
  2838.  
  2839. /*------- OTHER PAGES -------*/
  2840. .posts[id="post-"] .text-block > .post-title + .comments > .comment:only-child {
  2841. padding-bottom:var(--Post-Padding);
  2842. }
  2843.  
  2844. /*------- BACK TO TOP -------*/
  2845. .back-to-top {
  2846. position:fixed;
  2847. bottom:0;right:0;
  2848. margin-bottom:calc(var(--BackToTop-Corner-Offset) - var(--BackToTop-Button-Touch-Padding));
  2849. margin-right:calc(var(--BackToTop-Corner-Offset) - var(--BackToTop-Button-Touch-Padding));
  2850. visibility:hidden;
  2851. opacity:0;
  2852. transition:opacity var(--BackToTop-Fade-Speed) ease-in-out, visibility 0s var(--BackToTop-Fade-Speed) ease-in-out;
  2853. z-index:8;
  2854. }
  2855.  
  2856. .back-to-top[o="hide"],
  2857. .back-to-top[o="blink-1"] [icon-name="blink-2"],
  2858. .back-to-top[o="blink-2"] [icon-name="blink-1"]{
  2859. display:none!important;
  2860. }
  2861.  
  2862. .back-to-top.vis {
  2863. visibility:visible;
  2864. opacity:1;
  2865. transition:opacity var(--BackToTop-Fade-Speed) ease-in-out, visibility 0s 0s ease-in-out;
  2866. }
  2867.  
  2868. .back-to-top button {
  2869. display:block;
  2870. margin-bottom:0px;
  2871. background:none;
  2872. border:none;
  2873. padding:var(--BackToTop-Button-Touch-Padding);
  2874. font-size:var(--BackToTop-Button-Size);
  2875. line-height:0;
  2876. cursor:pointer;
  2877. transition:margin-bottom var(--BackToTop-Button-Hover-Speed) ease-in-out, color var(--BackToTop-Button-Hover-Speed) ease-in-out;
  2878. }
  2879.  
  2880. .back-to-top button:hover {
  2881. margin-bottom:var(--BackToTop-Button-Hover-Rise);
  2882. }
  2883.  
  2884. .back-to-top button:active, .back-to-top button:focus {
  2885. margin-bottom:calc(var(--BackToTop-Button-Hover-Rise) - var(--BackToTop-Click-Dip));
  2886. transition:margin-bottom var(--BackToTop-Click-Dip-Speed);
  2887. }
  2888.  
  2889. .back-to-top button i[class]:not([class=""]){
  2890. color:var(--BackToTop-Button-Color);
  2891. }
  2892.  
  2893. .back-to-top button:hover i[class]:not([class=""]) {
  2894. color:var(--BackToTop-Button-Hover-Color);
  2895. }
  2896.  
  2897. /*------- CUSTOMIZE PAGE ADJUSTMENTS -------*/
  2898. .comment[username=""] .comment-header {
  2899. display:none;
  2900. }
  2901.  
  2902. {CustomCSS}
  2903. </style>
  2904.  
  2905. </head>
  2906.  
  2907. <body>
  2908.  
  2909. <!------ BACKGROUND IMAGE ------>
  2910. <div class="pseudo-bg" aria-hidden="true"></div>
  2911.  
  2912. <!------ BACK TO TOP ------>
  2913. <div class="back-to-top" o="{select:back to top}">
  2914. <button aria-label="{lang:Back to top}">
  2915. <i class="tracer-blink" icon-name="blink-1"></i>
  2916. <i class="tracer-blink" icon-name="blink-2"></i>
  2917. </button>
  2918. </div>
  2919.  
  2920. <!------ TOP BAR ------>
  2921. <header class="topbar" bot-border="{select:top bar bottom border}">
  2922. <!---- TOP BAR TITLE ---->
  2923. <a class="top-title-holder" href="/">
  2924. <h1 class="top-title">
  2925. {block:iftopbartitle}
  2926. <span>{text:top bar title}</span>
  2927. {/block:iftopbartitle}
  2928.  
  2929. {block:ifnottopbartitle}
  2930. <span>{Title}</span>
  2931. {/block:ifnottopbartitle}
  2932. </h1>
  2933. </a>
  2934.  
  2935. <!---- CUSTOM LINKS ---->
  2936. <div class="custom-links-holder">
  2937. <a href="{text:custom link 1 URL}" t="{text:custom link 1 text}" i="{text:custom link 1 icon}">
  2938. {block:ifcustomlink1icon}
  2939. <i class="hugeicons" icon-name="{text:custom link 1 icon}"></i>
  2940. {/block:ifcustomlink1icon}
  2941.  
  2942. {block:ifcustomlink1text}
  2943. <span class="cl-text">{text:custom link 1 text}</span>
  2944. {/block:ifcustomlink1text}
  2945. </a>
  2946.  
  2947. <a href="{text:custom link 2 URL}" t="{text:custom link 2 text}" i="{text:custom link 2 icon}">
  2948. {block:ifcustomlink2icon}
  2949. <i class="hugeicons" icon-name="{text:custom link 2 icon}"></i>
  2950. {/block:ifcustomlink2icon}
  2951.  
  2952. {block:ifcustomlink2text}
  2953. <span class="cl-text">{text:custom link 2 text}</span>
  2954. {/block:ifcustomlink2text}
  2955. </a>
  2956.  
  2957. <a href="{text:custom link 3 URL}" t="{text:custom link 3 text}" i="{text:custom link 3 icon}">
  2958. {block:ifcustomlink3icon}
  2959. <i class="hugeicons" icon-name="{text:custom link 3 icon}"></i>
  2960. {/block:ifcustomlink3icon}
  2961.  
  2962. {block:ifcustomlink3text}
  2963. <span class="cl-text">{text:custom link 3 text}</span>
  2964. {/block:ifcustomlink3text}
  2965. </a>
  2966.  
  2967. <a href="{text:custom link 4 URL}" t="{text:custom link 4 text}" i="{text:custom link 4 icon}">
  2968. {block:ifcustomlink4icon}
  2969. <i class="hugeicons" icon-name="{text:custom link 4 icon}"></i>
  2970. {/block:ifcustomlink4icon}
  2971.  
  2972. {block:ifcustomlink4text}
  2973. <span class="cl-text">{text:custom link 4 text}</span>
  2974. {/block:ifcustomlink4text}
  2975. </a>
  2976.  
  2977. <a href="{text:custom link 5 URL}" t="{text:custom link 5 text}" i="{text:custom link 5 icon}">
  2978. {block:ifcustomlink5icon}
  2979. <i class="hugeicons" icon-name="{text:custom link 5 icon}"></i>
  2980. {/block:ifcustomlink5icon}
  2981.  
  2982. {block:ifcustomlink5text}
  2983. <span class="cl-text">{text:custom link 5 text}</span>
  2984. {/block:ifcustomlink5text}
  2985. </a>
  2986.  
  2987. <a href="{text:custom link 6 URL}" t="{text:custom link 6 text}" i="{text:custom link 6 icon}">
  2988. {block:ifcustomlink6icon}
  2989. <i class="hugeicons" icon-name="{text:custom link 6 icon}"></i>
  2990. {/block:ifcustomlink6icon}
  2991.  
  2992. {block:ifcustomlink6text}
  2993. <span class="cl-text">{text:custom link 6 text}</span>
  2994. {/block:ifcustomlink6text}
  2995. </a>
  2996. </div><!--end custom links-->
  2997. </header><!--end header/top bar-->
  2998.  
  2999. <main>
  3000.  
  3001. <!------- SIDEBAR ------->
  3002. <aside class="sidebar">
  3003. <div class="sb-wrap">
  3004. <!-- sidebar icon / sidebar image -->
  3005. <div class="icon-zone" o="{select:sidebar icon style}">
  3006. <a href="/"{block:ifsidebariconhovertext} aria-label="{text:sidebar icon hover text}"{/block:ifsidebariconhovertext}>
  3007. <img src="{image:sidebar icon}"/>
  3008. </a>
  3009. </div>
  3010.  
  3011. <!-- sidebar: decorative line -->
  3012. <div class="deco-line"></div>
  3013.  
  3014. <div class="desc-zone">
  3015. <!-- render image -->
  3016. <div class="render-zone">
  3017. <div class="render-inner">
  3018. <img src="{image:sidebar image}"/>
  3019. </div>
  3020. </div>
  3021.  
  3022. <!-- description: left border -->
  3023. <div class="desc-line" l="{select:desc left border style}"></div>
  3024.  
  3025. <!-- description box -->
  3026. <div class="desc-box" blur="{select:desc BG blur}">
  3027. <div class="desc-inner">
  3028. <div class="desc-inner-inner">
  3029. <!-- description text -->
  3030. {block:ifsidebardesc}
  3031. {text:sidebar desc}
  3032. {/block:ifsidebardesc}
  3033.  
  3034. {block:ifnotsidebardesc}
  3035. {block:Description}
  3036. {Description}
  3037. {/block:Description}
  3038. {/block:ifnotsidebardesc}
  3039. </div><!--do not delete this line-->
  3040. </div><!--do not delete this line-->
  3041. </div><!--do not delete this line-->
  3042. </div><!--do not delete this line-->
  3043.  
  3044.  
  3045. <!-- sidebar links (right) -->
  3046. <div class="sb-links">
  3047. <!--- HOME link --->
  3048. <a href="/" aria-label="{lang:Home}">
  3049. <i class="hugeicons" icon-name="home-03"></i>
  3050. </a>
  3051.  
  3052. <!--- ASK link --->
  3053. <a href="/ask" aria-label="Askbox">
  3054. <i class="ph ph-envelope"></i>
  3055. </a>
  3056.  
  3057. <!--- THEME CREDIT link // please do not remove! --->
  3058. <a href="//glenthemes.tumblr.com" aria-label="&#x29A; Midnight Rose &#x25E; &#x200A;theme by glenthemes">
  3059. <i class="gt-misc-icons" icon-name="gt-1"></i>
  3060. </a>
  3061. </div><!--end sb-links / do not delete this line-->
  3062. </div><!--end sb-wrap-->
  3063. </aside><!--end sidebar-->
  3064.  
  3065. <!------ POSTS CONTAINER ------->
  3066. <section class="all-posts load-in">
  3067. <!------- POSTS ------->
  3068. {block:Posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
  3069. <article
  3070. class="posts"
  3071. id="post-{PostID}"
  3072. post-type="{PostType}"
  3073. root-url="{block:NotReblog}{Permalink}{block:NotReblog}{block:RebloggedFrom}{ReblogRootURL}{/block:RebloggedFrom}"
  3074. username="{block:NotReblog}{Name}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootName}{/block:RebloggedFrom}"
  3075. {block:HasTags}has-tags{/block:HasTags}
  3076. >
  3077.  
  3078. <!------ PINNED POST ------>
  3079. {block:PinnedPostLabel}
  3080. <div class="infobar pin-bar">
  3081. <div class="pho-top">
  3082. <div class="pin-left">
  3083. <i class="gt-misc-icons" icon-name="pushpin"></i>
  3084. <span class="pin-text">{PinnedPostLabel}</span>
  3085. </div>
  3086.  
  3087. {block:Date}
  3088. <div class="pin-right">
  3089. <span class="pin-ago">{TimeAgo}</span>
  3090. <i class="ph ph-calendar-dots"></i>
  3091. </div>
  3092. {/block:Date}
  3093. </div>
  3094. </div>
  3095. {/block:PinnedPostLabel}
  3096.  
  3097. <div class="post-body">
  3098.  
  3099. <!------ TEXT POSTS ------>
  3100. {block:Text}
  3101. <div class="text-block">
  3102. {block:Title}
  3103. <h1 class="post-title">{Title}</h1>
  3104. {/block:Title}
  3105.  
  3106. {block:NotReblog}
  3107. <div class="comments all-comments">
  3108. <div class="comment original-comment">
  3109. {block:Date}
  3110. <a class="comment-header" href="{Permalink}">
  3111. <img class="userpic" src="{PortraitURL-64}" alt="{Name}'s avatar">
  3112. <span class="username">{Name}</span>
  3113. </a>
  3114. {/block:Date}
  3115. <div class="comment-body">
  3116. {Body}
  3117.  
  3118. {block:ContentSource}
  3119. <p class="content-src">
  3120. ({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
  3121. </p>
  3122. {/block:ContentSource}
  3123. </div>
  3124. </div>
  3125. </div>
  3126. {/block:NotReblog}
  3127.  
  3128. {block:RebloggedFrom}
  3129. <div class="comments all-comments">
  3130. {block:Reblogs}
  3131. <div class="comment{block:IsOriginalEntry} original-comment{/block:IsOriginalEntry}{block:IsNotOriginalEntry} extra-comment{/block:IsNotOriginalEntry}{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{Username}">
  3132. <a class="comment-header"{block:IsActive} href="{Permalink}"{/block:IsActive}>
  3133. <img class="userpic" src="{PortraitURL-64}">
  3134. <span class="username">{Username}</span>
  3135. {block:IsDeactivated}
  3136. <span class="deactivated">(deactivated)</span>
  3137. {/block:IsDeactivated}
  3138. </a>
  3139. <div class="comment-body">
  3140. {Body}
  3141.  
  3142. {block:ContentSource}
  3143. <p class="content-src">
  3144. ({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
  3145. </p>
  3146. {/block:ContentSource}
  3147. </div>
  3148. </div>
  3149. {/block:Reblogs}
  3150. </div>
  3151. {/block:RebloggedFrom}
  3152. </div><!--end block:text-->
  3153. {/block:Text}
  3154.  
  3155. <!------ PHOTO POSTS: SINGLE PHOTO ------>
  3156. {block:Photo}
  3157. <div class="photo-block">
  3158. <div class="legacy-photo">
  3159. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  3160. </div>
  3161.  
  3162. {block:Date}
  3163. {block:NotReblog}
  3164. {block:Caption}
  3165. <div class="comments all-comments">
  3166. <div class="comment original-comment">
  3167. <a class="comment-header" href="{Permalink}">
  3168. <img class="userpic" src="{PortraitURL-64}" alt="{Name}'s avatar">
  3169. <span class="username">{Name}</span>
  3170. </a>
  3171. <div class="comment-body">
  3172. {Caption}
  3173.  
  3174. {block:ContentSource}
  3175. <p class="content-src">
  3176. ({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
  3177. </p>
  3178. {/block:ContentSource}
  3179. </div>
  3180. </div>
  3181. </div><!--end notreblog-->
  3182. {/block:Caption}
  3183. {/block:NotReblog}
  3184.  
  3185. {block:RebloggedFrom}
  3186. <div class="comments all-comments">
  3187. {block:Reblogs}
  3188. <div class="comment{block:IsOriginalEntry} original-comment{/block:IsOriginalEntry}{block:IsNotOriginalEntry} extra-comment{/block:IsNotOriginalEntry}{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{Username}">
  3189. <a class="comment-header"{block:IsActive} href="{Permalink}"{/block:IsActive}>
  3190. <img class="userpic" src="{PortraitURL-64}">
  3191. <span class="username">{Username}</span>
  3192. {block:IsDeactivated}
  3193. <span class="deactivated">(deactivated)</span>
  3194. {/block:IsDeactivated}
  3195. </a>
  3196.  
  3197. <div class="comment-body">
  3198. {Body}
  3199.  
  3200. {block:ContentSource}
  3201. <p class="content-src">
  3202. ({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
  3203. </p>
  3204. {/block:ContentSource}
  3205. </div>
  3206. </div><!--end single comment-->
  3207.  
  3208. {/block:Reblogs}
  3209. </div><!--end reblogs-->
  3210. {/block:RebloggedFrom}
  3211. {/block:Date}
  3212. </div><!--end photo-block-->
  3213. {/block:Photo}
  3214.  
  3215. <!------ PHOTO POSTS: PHOTOSET ------>
  3216. {block:Photoset}
  3217. <div class="photo-block">
  3218. <div class="legacy-photoset" layout="{PhotosetLayout}">
  3219. {block:Photos}
  3220. <img src="{PhotoURL-HighRes}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}" alt="{PhotoAlt}"/>
  3221. {/block:Photos}
  3222. </div>
  3223.  
  3224. {block:Date}
  3225. {block:NotReblog}
  3226. {block:Caption}
  3227. <div class="comments all-comments">
  3228. <div class="comment original-comment">
  3229. <a class="comment-header" href="{Permalink}">
  3230. <img class="userpic" src="{PortraitURL-64}" alt="{Name}'s avatar">
  3231. <span class="username">{Name}</span>
  3232. </a>
  3233. <div class="comment-body">
  3234. {Caption}
  3235.  
  3236. {block:ContentSource}
  3237. <p class="content-src">
  3238. ({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
  3239. </p>
  3240. {/block:ContentSource}
  3241. </div>
  3242. </div>
  3243. </div><!--end notreblog-->
  3244. {/block:Caption}
  3245. {/block:NotReblog}
  3246.  
  3247. {block:RebloggedFrom}
  3248. <div class="comments all-comments">
  3249. {block:Reblogs}
  3250. <div class="comment{block:IsOriginalEntry} original-comment{/block:IsOriginalEntry}{block:IsNotOriginalEntry} extra-comment{/block:IsNotOriginalEntry}{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{Username}">
  3251. <a class="comment-header"{block:IsActive} href="{Permalink}"{/block:IsActive}>
  3252. <img class="userpic" src="{PortraitURL-64}">
  3253. <span class="username">{Username}</span>
  3254. {block:IsDeactivated}
  3255. <span class="deactivated">(deactivated)</span>
  3256. {/block:IsDeactivated}
  3257. </a>
  3258. <div class="comment-body">
  3259. {Body}
  3260.  
  3261. {block:ContentSource}
  3262. <p class="content-src">
  3263. ({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
  3264. </p>
  3265. {/block:ContentSource}
  3266. </div>
  3267. </div><!--end single comment-->
  3268. {/block:Reblogs}
  3269. </div><!--end reblogs-->
  3270. {/block:RebloggedFrom}
  3271. {/block:Date}
  3272. </div><!--end photo-block-->
  3273. {/block:Photoset}
  3274.  
  3275. <!------ PHOTO POSTS: PANORAMA ------>
  3276. {block:Panorama}
  3277. <div class="photo-block">
  3278. <div class="legacy-photo pano">
  3279. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}">{LinkCloseTag}
  3280. </div>
  3281.  
  3282. {block:Date}
  3283. {block:NotReblog}
  3284. {block:Caption}
  3285. <div class="comments all-comments">
  3286. <div class="comment original-comment">
  3287. <a class="comment-header" href="{Permalink}">
  3288. <img class="userpic" src="{PortraitURL-64}" alt="{Name}'s avatar">
  3289. <span class="username">{Name}</span>
  3290. </a>
  3291. <div class="comment-body">
  3292. {Caption}
  3293.  
  3294. {block:ContentSource}
  3295. <p class="content-src">
  3296. ({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
  3297. </p>
  3298. {/block:ContentSource}
  3299. </div>
  3300. </div>
  3301. </div><!--end notreblog-->
  3302. {/block:Caption}
  3303. {/block:NotReblog}
  3304.  
  3305. {block:RebloggedFrom}
  3306. <div class="comments all-comments">
  3307. {block:Reblogs}
  3308. <div class="comment{block:IsOriginalEntry} original-comment{/block:IsOriginalEntry}{block:IsNotOriginalEntry} extra-comment{/block:IsNotOriginalEntry}{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{Username}">
  3309. <a class="comment-header"{block:IsActive} href="{Permalink}"{/block:IsActive}>
  3310. <img class="userpic" src="{PortraitURL-64}">
  3311. <span class="username">{Username}</span>
  3312. {block:IsDeactivated}
  3313. <span class="deactivated">(deactivated)</span>
  3314. {/block:IsDeactivated}
  3315. </a>
  3316. <div class="comment-body">
  3317. {Body}
  3318.  
  3319. {block:ContentSource}
  3320. <p class="content-src">
  3321. ({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
  3322. </p>
  3323. {/block:ContentSource}
  3324. </div>
  3325. </div><!--end single comment-->
  3326. {/block:Reblogs}
  3327. </div><!--end reblogs-->
  3328. {/block:RebloggedFrom}
  3329. {/block:Date}
  3330. </div><!--end photo-block-->
  3331. {/block:Panorama}
  3332.  
  3333. <!------ QUOTE POSTS ------>
  3334. {block:Quote}
  3335. <div class="quote-block">
  3336. <div class="quote-set">
  3337. <blockquote class="quote-text">
  3338. &ldquo;{Quote}&rdquo;
  3339. </blockquote>
  3340. {block:Source}
  3341. <p class="quote-source">{Source}</p>
  3342. {/block:Source}
  3343. </div><!--end quote-set-->
  3344. </div><!--end quote-block-->
  3345. {/block:Quote}
  3346.  
  3347. <!------ LINK POSTS ------>
  3348. {block:Link}
  3349. <div class="link-block">
  3350. <a href="{URL}" class="link-render" {Target}>
  3351. <h2>{Name}<i class="ti ti-chevrons-right"></i></h2>
  3352.  
  3353. {block:Host}
  3354. <div class="site-name">
  3355. <i class="ti ti-link"></i>
  3356. <span>{Host}</span>
  3357. </div>
  3358. {/block:Host}
  3359. </a>
  3360.  
  3361. {block:Date}
  3362. {block:NotReblog}
  3363. <div class="comments all-comments">
  3364. <div class="comment original-comment">
  3365. <a class="comment-header" href="{Permalink}">
  3366. <img class="userpic" src="{PortraitURL-64}" alt="{Name}'s avatar">
  3367. <span class="username">{Name}</span>
  3368. </a>
  3369. <div class="comment-body">
  3370. {Body}
  3371.  
  3372. {block:ContentSource}
  3373. <p class="content-src">
  3374. ({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
  3375. </p>
  3376. {/block:ContentSource}
  3377. </div>
  3378. </div>
  3379. </div><!--end notreblog-->
  3380. {/block:NotReblog}
  3381.  
  3382. {block:RebloggedFrom}
  3383. <div class="comments all-comments">
  3384. {block:Reblogs}
  3385. <div class="comment{block:IsOriginalEntry} original-comment{/block:IsOriginalEntry}{block:IsNotOriginalEntry} extra-comment{/block:IsNotOriginalEntry}{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{Username}">
  3386. <a class="comment-header"{block:IsActive} href="{Permalink}"{/block:IsActive}>
  3387. <img class="userpic" src="{PortraitURL-64}">
  3388. <span class="username">{Username}</span>
  3389. {block:IsDeactivated}
  3390. <span class="deactivated">(deactivated)</span>
  3391. {/block:IsDeactivated}
  3392. </a>
  3393. <div class="comment-body">
  3394. {Body}
  3395.  
  3396. {block:ContentSource}
  3397. <p class="content-src">
  3398. ({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
  3399. </p>
  3400. {/block:ContentSource}
  3401. </div>
  3402. </div><!--end single comment-->
  3403. {/block:Reblogs}
  3404. </div><!--end reblogs-->
  3405. {/block:RebloggedFrom}
  3406. {/block:Date}
  3407. </div><!--end link-block-->
  3408. {/block:Link}
  3409.  
  3410. <!------ CHAT POSTS ------>
  3411. {block:Chat}
  3412. <div class="chat-block">
  3413. <ul class="chat-wrap">
  3414. {block:Lines}
  3415. <li class="chat-line">
  3416. {block:Label}
  3417. <b class="chat-label">{Label}</b>
  3418. {/block:Label}
  3419.  
  3420. <span class="chat-content"> {Line}</span>
  3421. </li>
  3422. {/block:Lines}
  3423. </ul>
  3424. </div><!--end chat-block-->
  3425. {/block:Chat}
  3426.  
  3427. <!------ AUDIO POSTS ------>
  3428. {block:Audio}
  3429. <div class="audio-block">
  3430. <div class="aud-gen">
  3431. <div class="aud-cover">
  3432. <div class="aud-ctl">
  3433. <button class="q-play" aria-label="Play">
  3434. <i class="gt-misc-icons" icon-name="play" aria-hidden="true"></i>
  3435. </button>
  3436.  
  3437. <button class="q-pause" aria-label="Pause">
  3438. <i class="gt-misc-icons" icon-name="pause" aria-hidden="true"></i>
  3439. </button>
  3440. </div>
  3441.  
  3442. {block:AlbumArt}
  3443. <img src="{AlbumArtURL}" alt="{block:Album}&ldquo;{Album}&rdquo; {/block:Album}album cover{block:Artist} by {Artist}{/block:Artist}"/>
  3444. {block:AlbumArt}
  3445. </div>
  3446.  
  3447. <div class="aud-xyz">
  3448. <div class="aud-info">
  3449. <div class="aud-title{block:TrackName} has-title{/block:TrackName}">
  3450. <span class="has-title">{block:TrackName}{TrackName}{/block:TrackName}</span>
  3451. <span class="no-title">Unknown Track</span>
  3452. </div>
  3453.  
  3454. <div class="aud-artist{block:Artist} has-artist{/block:Artist}">
  3455. <span class="has-artist">{block:Artist}{Artist}{/block:Artist}</span>
  3456. <span class="no-artist">Unknown Artist</span>
  3457. </div>
  3458.  
  3459. <div class="aud-album{block:Album} has-album{/block:Album}">
  3460. <span class="has-album">{block:Album}{Album}{/block:Album}</span>
  3461. <span class="no-album">Unknown Album</span>
  3462. </div>
  3463. </div><!--end aud-info (text)-->
  3464.  
  3465. {block:AudioPlayer}
  3466. <div class="aud-iframe">{AudioPlayer}</div>
  3467. {/block:AudioPlayer}
  3468. </div><!--end aud-xyz-->
  3469.  
  3470. <a class="aud-dl" href="javascript:void(0)" target="_blank" aria-label="Download">
  3471. <i class="ph-bold ph-download-simple"></i>
  3472. </a>
  3473. </div><!--end audio-gen-->
  3474.  
  3475. {block:Date}
  3476. {block:NotReblog}
  3477. {block:Caption}
  3478. <div class="comments all-comments">
  3479. <div class="comment original-comment">
  3480. <a class="comment-header" href="{Permalink}">
  3481. <img class="userpic" src="{PortraitURL-64}" alt="{Name}'s avatar">
  3482. <span class="username">{Name}</span>
  3483. </a>
  3484. <div class="comment-body">
  3485. {Caption}
  3486.  
  3487. {block:ContentSource}
  3488. <p class="content-src">
  3489. ({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
  3490. </p>
  3491. {/block:ContentSource}
  3492. </div>
  3493. </div>
  3494. </div><!--end notreblog-->
  3495. {/block:Caption}
  3496. {/block:NotReblog}
  3497.  
  3498. {block:RebloggedFrom}
  3499. <div class="comments all-comments">
  3500. {block:Reblogs}
  3501. <div class="comment{block:IsOriginalEntry} original-comment{/block:IsOriginalEntry}{block:IsNotOriginalEntry} extra-comment{/block:IsNotOriginalEntry}{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{Username}">
  3502. <a class="comment-header"{block:IsActive} href="{Permalink}"{/block:IsActive}>
  3503. <img class="userpic" src="{PortraitURL-64}">
  3504. <span class="username">{Username}</span>
  3505. {block:IsDeactivated}
  3506. <span class="deactivated">(deactivated)</span>
  3507. {/block:IsDeactivated}
  3508. </a>
  3509. <div class="comment-body">
  3510. {Body}
  3511.  
  3512. {block:ContentSource}
  3513. <p class="content-src">
  3514. ({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
  3515. </p>
  3516. {/block:ContentSource}
  3517. </div>
  3518. </div><!--end single comment-->
  3519. {/block:Reblogs}
  3520. </div><!--end reblogs-->
  3521. {/block:RebloggedFrom}
  3522. {/block:Date}
  3523. </div><!--end audio-block-->
  3524. {/block:Audio}
  3525.  
  3526. <!------ VIDEO POSTS ------>
  3527. {block:Video}
  3528. <div class="video-block">
  3529. <div class="legacy-video">
  3530. {Video-700}
  3531.  
  3532. {block:VideoThumbnail}
  3533. <span class="poster-thumb" url="{VideoThumbnailURL}"></span>
  3534. {/block:VideoThumbnail}
  3535. </div>
  3536.  
  3537. {block:Date}
  3538. {block:NotReblog}
  3539. {block:Caption}
  3540. <div class="comments all-comments">
  3541. <div class="comment original-comment">
  3542. <a class="comment-header" href="{Permalink}">
  3543. <img class="userpic" src="{PortraitURL-64}" alt="{Name}'s avatar">
  3544. <span class="username">{Name}</span>
  3545. </a>
  3546. <div class="comment-body">
  3547. {Caption}
  3548.  
  3549. {block:ContentSource}
  3550. <p class="content-src">
  3551. ({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
  3552. </p>
  3553. {/block:ContentSource}
  3554. </div>
  3555. </div>
  3556. </div><!--end notreblog-->
  3557. {/block:Caption}
  3558. {/block:NotReblog}
  3559.  
  3560. {block:RebloggedFrom}
  3561. <div class="comments all-comments">
  3562. {block:Reblogs}
  3563. <div class="comment{block:IsOriginalEntry} original-comment{/block:IsOriginalEntry}{block:IsNotOriginalEntry} extra-comment{/block:IsNotOriginalEntry}{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{Username}">
  3564. <a class="comment-header"{block:IsActive} href="{Permalink}"{/block:IsActive}>
  3565. <img class="userpic" src="{PortraitURL-64}">
  3566. <span class="username">{Username}</span>
  3567. {block:IsDeactivated}
  3568. <span class="deactivated">(deactivated)</span>
  3569. {/block:IsDeactivated}
  3570. </a>
  3571. <div class="comment-body">
  3572. {Body}
  3573.  
  3574. {block:ContentSource}
  3575. <p class="content-src">
  3576. ({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
  3577. </p>
  3578. {/block:ContentSource}
  3579. </div>
  3580. </div><!--end single comment-->
  3581. {/block:Reblogs}
  3582. </div><!--end reblogs-->
  3583. {/block:RebloggedFrom}
  3584. {/block:Date}
  3585. </div><!--end video-block-->
  3586. {/block:Video}
  3587.  
  3588. <!------ ASK POSTS ------>
  3589. {block:Answer}
  3590. <div class="answer-block">
  3591. <div class="question-part">
  3592. <img class="askerpic" src="{AskerPortraitURL-128}"/>
  3593. <div class="q-right">
  3594. <p class="q-top">{lang:Asker asked 2}:</p>
  3595. <div class="q-text">{Question}</div>
  3596. </div>
  3597. </div><!--end question-part-->
  3598.  
  3599. {block:Date}
  3600. {block:NotReblog}
  3601. <div class="comments all-comments">
  3602. <div class="comment original-comment">
  3603. <a class="comment-header" href="{Permalink}">
  3604. <img class="userpic" src="{PortraitURL-128}" alt="{Name}'s avatar">
  3605. <span class="username">{Name} answered:</span>
  3606. {block:IsDeactivated}
  3607. <span class="deactivated">(deactivated)</span>
  3608. {/block:IsDeactivated}
  3609. </a>
  3610. <div class="comment-body">
  3611. {Replies}
  3612.  
  3613. {block:ContentSource}
  3614. <p class="content-src">
  3615. ({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
  3616. </p>
  3617. {/block:ContentSource}
  3618. </div>
  3619. </div>
  3620. </div><!--end notreblog-->
  3621. {/block:NotReblog}
  3622.  
  3623. {block:RebloggedFrom}
  3624. <div class="comments all-comments">
  3625. {block:Answerer}
  3626. <div class="comment original-comment{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{ReblogRootName}">
  3627. <a class="comment-header" href="{ReblogRootURL}">
  3628. <img class="userpic" src="{ReblogRootPortraitURL-64}">
  3629. <span class="username">{ReblogRootName} answered:</span>
  3630. {block:IsDeactivated}
  3631. <span class="deactivated">(deactivated)</span>
  3632. {/block:IsDeactivated}
  3633. </a>
  3634. <div class="comment-body">
  3635. {Answer}
  3636.  
  3637. {block:ContentSource}
  3638. <p class="content-src">
  3639. ({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
  3640. </p>
  3641. {/block:ContentSource}
  3642. </div>
  3643. </div>
  3644. {/block:Answerer}
  3645.  
  3646. {block:Reblogs}
  3647. {block:IsNotOriginalEntry}
  3648. <div class="comment extra-comment{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{Username}">
  3649. <a class="comment-header"{block:IsActive} href="{Permalink}"{/block:IsActive}>
  3650. <img class="userpic" src="{PortraitURL-64}">
  3651. <span class="username">{Username}</span>
  3652. {block:IsDeactivated}
  3653. <span class="deactivated">(deactivated)</span>
  3654. {/block:IsDeactivated}
  3655. </a>
  3656. <div class="comment-body">
  3657. {Body}
  3658.  
  3659. {block:ContentSource}
  3660. <p class="content-src">
  3661. ({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
  3662. </p>
  3663. {/block:ContentSource}
  3664. </div>
  3665. </div><!--end single comment-->
  3666. {/block:IsNotOriginalEntry}
  3667. {/block:Reblogs}
  3668. </div><!--end reblogs-->
  3669. {/block:RebloggedFrom}
  3670. {/block:Date}
  3671. </div><!--end answer-block-->
  3672. {/block:Answer}
  3673. </div><!--end post-body-->
  3674.  
  3675. <!------ TAGS ------>
  3676. {block:HasTags}
  3677. <div class="tagscont" align="{select:tags position}">
  3678. <div class="tags-wrap-a">
  3679. <div class="tags-wrap-b">
  3680. <div class="tags-wrap-c">
  3681. <div class="tags-wrap-d">
  3682. {block:Tags}
  3683. <a href="{TagURL}" tag="{URLSafeTag}">{Tag}</a>
  3684. {/block:Tags}
  3685. </div><!--end tags-wrap-d--->
  3686. </div><!--end tags-wrap-c-->
  3687. </div><!--end tags-wrap-b-->
  3688. </div><!--end tags-wrap-a-->
  3689. </div><!--end tagscont-->
  3690. {/block:HasTags}
  3691.  
  3692. <!------ POST INFO / PERMALINK ------>
  3693. {block:Date}
  3694. <div class="infobar">
  3695. <div class="innerpho">
  3696. <div class="pho-top">
  3697. <!-- permalink -->
  3698. <a class="perma"{block:IndexPage} href="{Permalink}" aria-label="View Post"{/block:IndexPage}>
  3699. <!-- date posted -->
  3700. <div class="date-part">
  3701. {Month} {DayOfMonth}{DayOfMonthSuffix} {Year}
  3702. </div>
  3703.  
  3704. <!-- time of day -->
  3705. <div class="time-part">
  3706. {24HourWithZero}&#x200A;:&#x200A;{Minutes}
  3707. </div>
  3708.  
  3709. <!-- no. of notes -->
  3710. <div class="notes-part">
  3711. {NoteCountWithLabel}
  3712. </div>
  3713. </a><!--end permalink (left)-->
  3714.  
  3715. <!-- like & reblog btns -->
  3716. <div class="post-controls">
  3717. {block:HasTags}
  3718. <div class="tog-tags-area">
  3719. <a class="tags-press" aria-label="{lang:Tags}">
  3720. <i class="ph-bold ph-hash"></i>
  3721. </a>
  3722. </div>
  3723. {/block:HasTags}
  3724.  
  3725. <div class="rb-area">
  3726. <a class="rb-press" href="{ReblogURL}" aria-label="Reblog">
  3727. <i class="ti ti-repeat"></i>
  3728. </a>
  3729. </div>
  3730.  
  3731. <div class="like-area" aria-label="Like">
  3732. {LikeButton}
  3733. <div class="like-press">
  3734. <i class="ph-bold ph-heart"></i>
  3735. </div>
  3736. </div>
  3737. </div><!--end post-controls-->
  3738. </div><!--end pho-top-->
  3739.  
  3740. {block:PermalinkPage}
  3741. {block:RebloggedFrom}
  3742. <div class="pho-bot">
  3743. <div class="via-part">
  3744. <span>via: </span>
  3745. <a href="{ReblogParentURL}">{ReblogParentName}</a>
  3746. </div>
  3747.  
  3748. <div class="src-part">
  3749. <span>source: </span>
  3750. <a href="{ReblogRootURL}">{ReblogRootName}</a>
  3751. </div>
  3752. </div><!--end pho-bot-->
  3753. {/block:RebloggedFrom}
  3754. {/block:PermalinkPage}
  3755. </div><!--end innerpho-->
  3756. </div><!--end infobar-->
  3757. {/block:Date}
  3758. </article><!--end a post-->
  3759.  
  3760. <!------ POST NOTES ------>
  3761. {block:PostNotes}
  3762. <div class="post-notes">{PostNotes}</div>
  3763. {/block:PostNotes}
  3764.  
  3765. {/block:Posts}
  3766.  
  3767. <!------ PAGINATION ------>
  3768. {block:Pagination}
  3769. <div class="botpagi">
  3770. <div class="bp-wrap">
  3771. {block:PreviousPage}
  3772. <a class="prev-page" href="{PreviousPage}" aria-label="{lang:Previous Page}">
  3773. <i class="ph ph-caret-double-left"></i>
  3774. </a>
  3775. {/block:PreviousPage}
  3776.  
  3777. {block:JumpPagination length="5"}
  3778. {block:CurrentPage}
  3779. <span class="current-page" aria-label="You are here (page {CurrentPage})">
  3780. <i class="hugeicons" icon-name="location-user-03"></i>
  3781. </span>
  3782. {/block:CurrentPage}
  3783.  
  3784. {block:JumpPage}
  3785. <a class="jump-page" href="{URL}" aria-label="Go to page {PageNumber}">{PageNumber}</a>
  3786. {block:JumpPage}
  3787. {/block:JumpPagination}
  3788.  
  3789. {block:NextPage}
  3790. <a class="next-page" href="{NextPage}" aria-label="{lang:Next Page}">
  3791. <i class="ph ph-caret-double-right"></i>
  3792. </a>
  3793. {/block:NextPage}
  3794. </div><!--end bp-wrap-->
  3795. </div><!--end botpagi-->
  3796. {/block:Pagination}
  3797.  
  3798. </section><!--end all posts-->
  3799.  
  3800. </main><!--end main-->
  3801.  
  3802. </body>
  3803. </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!