API tools faq
paste
glenthemes

Theme [24]: Lachesis

glenthemes
Oct 16th, 2017 (edited)
8,177
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 172.92 KB | None | 0 0
raw download clone embed print report
  1. <!-------------------------------------------------------------------
  2.  
  3. Theme [24]: Lachesis
  4. Made by glenthemes
  5.  
  6. Release date: 2017/10/16
  7. Revamp date: 2024/04/27
  8. Last updated: 2025/04/07
  9.  
  10. 「 THEME INFO. 」
  11. ❃ Post: glenthemes.tumblr.com/post/166456102679
  12. ❃ Preview: glenthpvs.tumblr.com/lachesis
  13. ❃ Code: glen-themes.gitlab.io/thms/24/lachesis
  14.  
  15. 「 HOW TO USE. 」
  16. dub.sh/lachesis-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/lachesis
  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. full-width-posts="{select:posts full width}"
  36. reblog-borders="{select:reblog dividers}"
  37. font="{select:font}"
  38. heading-font="{select:heading font}"
  39. caps-font="{select:uppercase font}"
  40. rounded-corners="{select:rounded corners}"
  41. smooth-scroll="{select:smooth scrolling}"
  42. searchbar="{select:show searchbar}"
  43. searchbar-glass="{select:searchbar transparency}"
  44. header-bg-size="{select:header BG size}"
  45. {block:HomePage}home-page blog-page="{CurrentPage}"{/block:HomePage}
  46. {block:Pagination}has-pagi{/block:Pagination}
  47. pagi="{select:pagination location}"
  48. tags="{block:IndexPage}{select:tags}{/block:IndexPage}{block:PermalinkPage}v{/block:PermalinkPage}"
  49. >
  50. <head>
  51.  
  52. <meta charset="UTF-8">
  53. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  54.  
  55. <title>
  56. {Title}
  57. {block:PostSummary} | {PostSummary}{/block:PostSummary}
  58. {block:TagPage} | #{Tag}{/block:TagPage}
  59. {block:SearchPage} | “{SearchQuery}” – {lang:SearchResultCount results}{/block:SearchPage}
  60. </title>
  61.  
  62. <link rel="shortcut icon" href="{Favicon}">
  63.  
  64. {block:Description}
  65. <meta name="description" content="{MetaDescription}"/>
  66. {/block:Description}
  67.  
  68. <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
  69.  
  70. <!------- FONTS ------->
  71. <script src="//ht-devx.github.io/addGoogleFonts/v2/addGoogleFonts.min.js"></script>
  72. <link rel="preconnect" href="//fonts.googleapis.com">
  73. <link rel="preconnect" href="//fonts.gstatic.com" crossorigin>
  74. <script>
  75. addGoogleFonts("Kalnia, Gentium Book Plus, Playfair Display SC, Gloock, Reem Kufi Fun, Lexend, Inter, Libre Franklin, Golos Text, Figtree, Karla, Public Sans, Vollkorn, Hahmlet, Domine, Lora, Averia Serif Libre");
  76. </script>
  77. <style include-fonts>
  78. @font-face { font-family: "Geist Mono"; src: url("https://cdn.jsdelivr.net/gh/vercel/geist-font@main/packages/next/dist/fonts/geist-mono/GeistMono-Variable.woff2"); }
  79. </style>
  80.  
  81. <!------- ICON LIBRARIES ------->
  82. <link href="//cdn.jsdelivr.net/npm/@tabler/icons-webfont/tabler-icons.min.css" rel="stylesheet" crossorigin>
  83. <link href="//unpkg.com/@phosphor-icons/web/src/bold/style.css" rel="stylesheet" crossorigin>
  84. <link href="//hugeicons.gitlab.io/i/icons.css" rel="stylesheet" crossorigin>
  85. <link href="//majesticons.gitlab.io/i/icons.css" rel="stylesheet" crossorigin>
  86.  
  87. <!------- SCRIPTS ------->
  88. <script src="//static.tumblr.com/2pnwama/uLNs0r1rq/roots.js"></script>
  89.  
  90. <script src="//glen-iframes.gitlab.io/i/use.js"></script>
  91.  
  92. <link href="//glen-npf.gitlab.io/v4-beta/main.css" rel="stylesheet" crossorigin>
  93. <script src="//glen-npf.gitlab.io/v4-beta/use.js"></script>
  94.  
  95. <script src="//unpkg.com/@popperjs/core@2/dist/umd/popper.min.js"></script>
  96. <script src="//unpkg.com/tippy.js@6/dist/tippy-bundle.umd.js"></script>
  97.  
  98. <link href="//static.tumblr.com/gtjt4bo/emIsudjeh/vidyo.min.css" rel="stylesheet">
  99. <script src="//static.tumblr.com/gtjt4bo/bGosudjfz/vidyo.min.js"></script>
  100.  
  101. <script src="//cdn.jsdelivr.net/gh/gblazex/[email protected]/SmoothScroll.min.js"></script>
  102.  
  103. <link href="//search-dropdown.gitlab.io/i/style.css" rel="stylesheet">
  104. <script src="//search-dropdown.gitlab.io/i/init.js"></script>
  105.  
  106. <script src="//cdn.jsdelivr.net/gh/Stanko/animated-scroll-to/docs/docs.js"></script>
  107.  
  108. <script src="//cdn.jsdelivr.net/gh/vursen/FloatSidebar.js@master/dist/float-sidebar.min.js"></script>
  109.  
  110. <script src="//static.tumblr.com/gtjt4bo/18Vryl30c/glenplayer0.js"></script>
  111.  
  112. <script src="//glen-themes.gitlab.io/thms/24/thread-of-life.js"></script>
  113. <link href="//glen-themes.gitlab.io/thms/24/moirai.css" rel="stylesheet">
  114.  
  115. {block:Options}
  116. <!-- divider: header images -->
  117. <meta name="image:&#x1F5BC;&#xFE0F;&#x2003;&#x1D407;&#x1D404;&#x1D400;&#x1D403;&#x1D404;&#x1D411; &#x1D408;&#x1D40C;&#x1D400;&#x1D406;&#x1D404;&#x1D412; &#x30FB;" content="">
  118. <meta name="image:header image" content="//static.tumblr.com/904b3490a383633eec32846621df7e4b/gtjt4bo/ynPoxwfio/tumblr_static_br8yxzvgj08w8000g80w4csoo.png">
  119. <meta name="image:header background" content="//64.media.tumblr.com/fda333d089ff93720d9d7908930454e8/c923d909cdb70475-87/s2048x3072/f7d676ba4606a1d60598a2a1ad98e82a588402cb.png">
  120.  
  121. <!-- divider: background -->
  122. <meta name="image:&#x1F333;&#x2003;&#x1D401;&#x1D400;&#x1D402;&#x1D40A;&#x1D406;&#x1D411;&#x1D40E;&#x1D414;&#x1D40D;&#x1D403; &#x30FB;" content="">
  123. <meta name="image:background image" content="//64.media.tumblr.com/8036d9d070eb543153919361c65d9d6f/5ef6deb46ee9e07a-7b/s2048x3072/4dcde989b42a8373190c9b48b50d3b25b1f57c75.png">
  124. <meta name="color:background color" content="#fdfdfd">
  125.  
  126. <!-- divider: music player -->
  127. <meta name="color:&#x1F3A8;&#x2003;&#x1D40C;&#x1D414;&#x1D412;&#x1D408;&#x1D402; &#x1D40F;&#x1D40B;&#x1D400;&#x1D418;&#x1D404;&#x1D411; &#x30FB;" content="">
  128. <meta name="color:music player buttons" content="#e3eaf2">
  129. <meta name="color:music player text" content="#e3eaf2">
  130.  
  131. <!-- divider: top bar -->
  132. <meta name="color:&#x1F3A8;&#x2003;&#x1D413;&#x1D40E;&#x1D40F; &#x1D401;&#x1D400;&#x1D411; &#x30FB;" content="">
  133. <meta name="color:top bar BG" content="#222a32">
  134. <meta name="color:top bar title" content="#eef2f7">
  135. <meta name="color:top bar dividers" content="#dfe5ec">
  136.  
  137. <!-- divider: top bar links -->
  138. <meta name="color:&#x1F3A8;&#x2003;&#x1D413;&#x1D40E;&#x1D40F; &#x1D401;&#x1D400;&#x1D411; &#x1D40B;&#x1D408;&#x1D40D;&#x1D40A;&#x1D412; &#x30FB;" content="">
  139. <meta name="color:top bar links icons border" content="#414c58">
  140. <meta name="color:top bar links icons BG" content="#222a32">
  141. <meta name="color:top bar links icons" content="#e3eaf2">
  142.  
  143. <meta name="color:top bar links HOVER icons border" content="#6c727a">
  144. <meta name="color:top bar links HOVER icons BG" content="#222a32">
  145. <meta name="color:top bar links HOVER icons" content="#e3eaf2">
  146.  
  147. <!-- divider: searchbar -->
  148. <meta name="color:&#x1F3A8;&#x2003;&#x1D412;&#x1D404;&#x1D400;&#x1D411;&#x1D402;&#x1D407;&#x1D401;&#x1D400;&#x1D411; &#x30FB;" content="">
  149. <meta name="color:searchbar border" content="#414c58">
  150. <meta name="color:searchbar BG" content="#1b2127">
  151. <meta name="color:searchbar text prompt" content="#a5afbb">
  152. <meta name="color:searchbar text" content="#e3eaf2">
  153.  
  154. <meta name="color:searchbar button border" content="#414c58">
  155. <meta name="color:searchbar button BG" content="#222a32">
  156. <meta name="color:searchbar button text" content="#e3eaf2">
  157.  
  158. <meta name="color:searchbar button HOVER border" content="#6c727a">
  159. <meta name="color:searchbar button HOVER BG" content="#24292e">
  160. <meta name="color:searchbar button HOVER text" content="#e3eaf2">
  161.  
  162. <meta name="color:search suggestions border" content="#222a32">
  163. <meta name="color:search suggestions BG" content="#14191f">
  164. <meta name="color:search suggestions text" content="#e3eaf2">
  165.  
  166. <meta name="color:search suggestions HOVER BG" content="#14191f">
  167. <meta name="color:search suggestions HOVER text" content="#e3eaf2">
  168.  
  169. <!-- divider: header -->
  170. <meta name="color:&#x1F3A8;&#x2003;&#x1D407;&#x1D404;&#x1D400;&#x1D403;&#x1D404;&#x1D411; &#x30FB;" content="">
  171. <meta name="color:header title" content="#384552">
  172. <meta name="color:header desc text" content="#5f646d">
  173. <meta name="color:header desc bold" content="#50586d">
  174. <meta name="color:header desc italic" content="#5f646d">
  175. <meta name="color:header desc links" content="#6a9cc8">
  176. <meta name="color:header desc links underline" content="#d1e0fa">
  177.  
  178. <!-- divider: "view posts" button -->
  179. <meta name="color:&#x1F3A8;&#x2003;&#x22;&#x1D415;&#x1D408;&#x1D404;&#x1D416; &#x1D40F;&#x1D40E;&#x1D412;&#x1D413;&#x1D412;&#x22; &#x1D401;&#x1D414;&#x1D413;&#x1D413;&#x1D40E;&#x1D40D; &#x30FB;" content="">
  180. <meta name="color:scroll button border" content="#ecedef">
  181. <meta name="color:scroll button BG" content="#fefefe">
  182. <meta name="color:scroll button text" content="#5f646d">
  183.  
  184. <meta name="color:scroll button hover border" content="#222a32">
  185. <meta name="color:scroll button hover BG" content="#222a32">
  186. <meta name="color:scroll button hover text" content="#eef2f7">
  187.  
  188. <!-- divider: sidebar -->
  189. <meta name="color:&#x1F3A8;&#x2003;&#x1D412;&#x1D408;&#x1D403;&#x1D404;&#x1D401;&#x1D400;&#x1D411; &#x30FB;" content="">
  190. <meta name="color:sidebar borders" content="#f0f0f0">
  191. <meta name="color:sidebar BG" content="#ffffff">
  192.  
  193. <!-- divider: sidebar titles -->
  194. <meta name="color:&#x1F3A8;&#x2003;&#x1D412;&#x1D408;&#x1D403;&#x1D404;&#x1D401;&#x1D400;&#x1D411; &#x1D413;&#x1D408;&#x1D413;&#x1D40B;&#x1D404;&#x1D412; &#x30FB;" content="">
  195. <meta name="color:sidebar title" content="#404a54">
  196. <meta name="color:sidebar title underline 1" content="#e0e5eb">
  197. <meta name="color:sidebar title underline 2" content="#363b48">
  198.  
  199. <!-- divider: sidebar desc -->
  200. <meta name="color:&#x1F3A8;&#x2003;&#x1D412;&#x1D408;&#x1D403;&#x1D404;&#x1D401;&#x1D400;&#x1D411; &#x1D403;&#x1D404;&#x1D412;&#x1D402; &#x30FB;" content="">
  201. <meta name="color:sidebar desc text" content="#575a65">
  202. <meta name="color:sidebar desc bold" content="#50586d">
  203. <meta name="color:sidebar desc italic" content="#575a65">
  204. <meta name="color:sidebar desc links" content="#6a9cc8">
  205. <meta name="color:sidebar desc links underline" content="#d1e0fa">
  206.  
  207. <!-- divider: custom links -->
  208. <meta name="color:&#x1F3A8;&#x2003;&#x1D402;&#x1D414;&#x1D412;&#x1D413;&#x1D40E;&#x1D40C; &#x1D40B;&#x1D408;&#x1D40D;&#x1D40A;&#x1D412; &#x30FB;" content="">
  209.  
  210. <meta name="color:custom links BG" content="#f5f6f9">
  211. <meta name="color:custom links text" content="#5f646d">
  212. <meta name="color:custom links hover BG" content="#33363d">
  213. <meta name="color:custom links hover text" content="#eef2f7">
  214.  
  215. <!-- divider: page numbers -->
  216. <meta name="color:&#x1F3A8;&#x2003;&#x1D40F;&#x1D400;&#x1D406;&#x1D404; &#x1D40D;&#x1D414;&#x1D40C;&#x1D401;&#x1D404;&#x1D411;&#x1D412; &#x30FB;" content="">
  217. <meta name="color:page numbers" content="#3c3e46">
  218. <meta name="color:current page" content="#3c3e46">
  219. <meta name="color:page arrows" content="#3c3e46">
  220.  
  221. <!-- divider: posts colors -->
  222. <meta name="color:&#x1F3A8;&#x2003;&#x1D40F;&#x1D40E;&#x1D412;&#x1D413;&#x1D412; &#x1D402;&#x1D40E;&#x1D40B;&#x1D40E;&#x1D411;&#x1D412; &#x30FB;" content="">
  223.  
  224. <meta name="color:posts borders" content="#f0f0f0">
  225. <meta name="color:posts BG" content="#fff">
  226. <meta name="color:text" content="#6f7580">
  227.  
  228. <meta name="color:posts accent borders" content="#f0f0f0">
  229. <meta name="color:posts accent BG" content="#f8f9fb">
  230. <meta name="color:posts accent text" content="#575a65">
  231.  
  232. <meta name="color:headings" content="#404a54">
  233. <meta name="color:headings underline 1" content="#e0e5eb">
  234. <meta name="color:headings underline 2" content="#363b48">
  235.  
  236. <meta name="color:bold" content="#50586d">
  237. <meta name="color:italic" content="#6f7580">
  238.  
  239. <meta name="color:links" content="#6a9cc8">
  240. <meta name="color:links underline" content="#d1e0fa">
  241.  
  242. <meta name="color:blockquote border" content="#eee">
  243.  
  244. <meta name="color:posts usernames" content="#33373c">
  245. <meta name="color:reblog dividers" content="#f0f0f0">
  246.  
  247. <meta name="color:buttons BG" content="#33373c">
  248. <meta name="color:buttons icons" content="#eee">
  249.  
  250. <!-- divider: tags -->
  251. <meta name="color:&#x1F3A8;&#x2003;&#x1D413;&#x1D400;&#x1D406;&#x1D412; &#x30FB;" content="">
  252. <meta name="color:tags" content="#6f7580">
  253. <meta name="color:tags hover" content="#3b3f44">
  254.  
  255. <!-- divider: post info bar -->
  256. <meta name="color:&#x1F3A8;&#x2003;&#x1D40F;&#x1D40E;&#x1D412;&#x1D413; &#x1D408;&#x1D40D;&#x1D405;&#x1D40E; &#x1D401;&#x1D400;&#x1D411; &#x30FB;" content="">
  257. <meta name="color:post info border" content="#f0f0f0">
  258. <meta name="color:post info BG" content="#f8f9fb">
  259. <meta name="color:post info text" content="#575a65">
  260. <meta name="color:like and reblog" content="#575a65">
  261. <meta name="color:like button liked" content="#ff7474">
  262.  
  263. <!-- divider: scrollbar -->
  264. <meta name="color:&#x1F3A8;&#x2003;&#x1D412;&#x1D402;&#x1D411;&#x1D40E;&#x1D40B;&#x1D40B;&#x1D401;&#x1D400;&#x1D411; &#x30FB;" content="">
  265. <meta name="color:scrollbar" content="#b2b4bc">
  266. <meta name="color:scrollbar BG" content="#fdfdfd">
  267.  
  268. <!-- divider: text highlight -->
  269. <meta name="color:&#x1F3A8;&#x2003;&#x1D413;&#x1D404;&#x1D417;&#x1D413; &#x1D407;&#x1D408;&#x1D406;&#x1D407;&#x1D40B;&#x1D408;&#x1D406;&#x1D407;&#x1D413; &#x30FB;" content="">
  270. <meta name="color:text highlight BG" content="#b4d7ff">
  271. <meta name="color:text highlighted" content="#6f7580">
  272.  
  273. <!-- divider: tooltips -->
  274. <meta name="color:&#x1F3A8;&#x2003;&#x1D413;&#x1D40E;&#x1D40E;&#x1D40B;&#x1D413;&#x1D408;&#x1D40F;&#x1D412; &#x30FB;" content="">
  275. <meta name="color:hover text border" content="#303338">
  276. <meta name="color:hover text BG" content="#303338">
  277. <meta name="color:hover text" content="#eef2f7">
  278.  
  279. <!-- divider: general settings -->
  280. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D406;&#x1D404;&#x1D40D;&#x1D404;&#x1D411;&#x1D400;&#x1D40B; &#x1D412;&#x1D404;&#x1D413;&#x1D413;&#x1D408;&#x1D40D;&#x1D406;&#x1D412; &#x30FB;" title="" content="">
  281.  
  282. <!-- tumblr controls -->
  283. <meta name="select:tumblr controls" title="black" content="black">
  284. <meta name="select:tumblr controls" title="white" content="white">
  285.  
  286. <!-- smooth scrolling -->
  287. <meta name="select:smooth scrolling" title="yes" content="yes">
  288. <meta name="select:smooth scrolling" title="no" content="no">
  289.  
  290. <!-- background image size -->
  291. <meta name="select:background image size" title="small&#x2009;&#x2F;&#x2009;repeating" content="repeat">
  292. <meta name="select:background image size" title="large&#x2009;&#x2F;&#x2009;full" content="full">
  293.  
  294. <!-- screen gap -->
  295. <meta name="select:screen gap" title="65px" content="65px">
  296. <meta name="select:screen gap" title="30px" content="30px">
  297. <meta name="select:screen gap" title="35px" content="35px">
  298. <meta name="select:screen gap" title="40px" content="40px">
  299. <meta name="select:screen gap" title="45px" content="45px">
  300. <meta name="select:screen gap" title="50px" content="50px">
  301. <meta name="select:screen gap" title="55px" content="55px">
  302. <meta name="select:screen gap" title="60px" content="60px">
  303. <meta name="select:screen gap" title="70px" content="70px">
  304. <meta name="select:screen gap" title="75px" content="75px">
  305. <meta name="select:screen gap" title="80px" content="80px">
  306. <meta name="select:screen gap" title="85px" content="85px">
  307. <meta name="select:screen gap" title="90px" content="90px">
  308. <meta name="select:screen gap" title="95px" content="95px">
  309. <meta name="select:screen gap" title="100px" content="100px">
  310.  
  311. <!-- rounded corners -->
  312. <meta name="select:rounded corners" title="medium" content=".375rem">
  313. <meta name="select:rounded corners" title="none" content="0px">
  314. <meta name="select:rounded corners" title="more" content=".75rem">
  315.  
  316. <!-- pagination location -->
  317. <meta name="select:pagination location" title="in sidebar" content="sb">
  318. <meta name="select:pagination location" title="under posts" content="bot">
  319.  
  320. <!-- divider: music player -->
  321. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D40C;&#x1D414;&#x1D412;&#x1D408;&#x1D402; &#x1D40F;&#x1D40B;&#x1D400;&#x1D418;&#x1D404;&#x1D411; &#x30FB;" title="" content="">
  322. <meta name="select:show music player" title="show" content="show">
  323. <meta name="select:show music player" title="hide" content="hide">
  324.  
  325. <meta name="select:music player buttons size" title="12px" content="0.7rem">
  326. <meta name="select:music player buttons size" title="11px" content="0.65rem">
  327. <meta name="select:music player buttons size" title="13px" content="0.75rem">
  328. <meta name="select:music player buttons size" title="14px" content="0.8rem">
  329. <meta name="select:music player buttons size" title="15px" content="0.85">
  330. <meta name="select:music player buttons size" title="16px" content="0.9rem">
  331.  
  332. <meta name="select:music player font size" title="12px" content="0.688rem">
  333. <meta name="select:music player font size" title="10px" content="0.563rem">
  334. <meta name="select:music player font size" title="11px" content="0.625rem">
  335. <meta name="select:music player font size" title="13px" content="0.75rem">
  336. <meta name="select:music player font size" title="14px" content="0.813rem">
  337. <meta name="select:music player font size" title="15px" content="0.875rem">
  338.  
  339. <!-- divider: top bar -->
  340. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D413;&#x1D40E;&#x1D40F; &#x1D401;&#x1D400;&#x1D411; &#x30FB;" title="" content="">
  341. <meta name="select:top bar padding" title="26px" content="26px">
  342. <meta name="select:top bar padding" title="10px" content="10px">
  343. <meta name="select:top bar padding" title="14px" content="14px">
  344. <meta name="select:top bar padding" title="18px" content="18px">
  345. <meta name="select:top bar padding" title="22px" content="22px">
  346. <meta name="select:top bar padding" title="30px" content="30px">
  347. <meta name="select:top bar padding" title="34px" content="34px">
  348. <meta name="select:top bar padding" title="38px" content="38px">
  349.  
  350. <meta name="select:top bar title font" title="Gloock" content="Gloock">
  351. <meta name="select:top bar title font" title="Kalnia" content="Kalnia">
  352. <meta name="select:top bar title font" title="Gentium Book Plus" content="Gentium Book Plus">
  353. <meta name="select:top bar title font" title="Playfair Display SC" content="Playfair Display SC">
  354. <meta name="select:top bar title font" title="Reem Kufi Fun" content="Reem Kufi Fun">
  355. <meta name="select:top bar title font" title="Lexend" content="Lexend">
  356.  
  357. <meta name="select:top bar title size" title="20px" content="1.2rem">
  358. <meta name="select:top bar title size" title="11px" content="0.75rem">
  359. <meta name="select:top bar title size" title="12px" content="0.8rem">
  360. <meta name="select:top bar title size" title="13px" content="0.85rem">
  361. <meta name="select:top bar title size" title="14px" content="0.9rem">
  362. <meta name="select:top bar title size" title="15px" content="0.95rem">
  363. <meta name="select:top bar title size" title="16px" content="1rem">
  364. <meta name="select:top bar title size" title="17px" content="1.05rem">
  365. <meta name="select:top bar title size" title="18px" content="1.1rem">
  366. <meta name="select:top bar title size" title="19px" content="1.15rem">
  367. <meta name="select:top bar title size" title="21px" content="1.25rem">
  368. <meta name="select:top bar title size" title="22px" content="1.3rem">
  369. <meta name="select:top bar title size" title="23px" content="1.35rem">
  370. <meta name="select:top bar title size" title="24px" content="1.4rem">
  371. <meta name="select:top bar title size" title="25px" content="1.45rem">
  372. <meta name="select:top bar title size" title="26px" content="1.5rem">
  373.  
  374. <meta name="select:top bar dividers spacing" title="34px" content="34px">
  375. <meta name="select:top bar dividers spacing" title="10px" content="10px">
  376. <meta name="select:top bar dividers spacing" title="14px" content="14px">
  377. <meta name="select:top bar dividers spacing" title="18px" content="18px">
  378. <meta name="select:top bar dividers spacing" title="22px" content="22px">
  379. <meta name="select:top bar dividers spacing" title="26px" content="26px">
  380. <meta name="select:top bar dividers spacing" title="30px" content="30px">
  381. <meta name="select:top bar dividers spacing" title="38px" content="38px">
  382. <meta name="select:top bar dividers spacing" title="42px" content="42px">
  383. <meta name="select:top bar dividers spacing" title="46px" content="46px">
  384. <meta name="select:top bar dividers spacing" title="55px" content="55px">
  385.  
  386. <!-- divider: top bar links -->
  387. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D413;&#x1D40E;&#x1D40F; &#x1D401;&#x1D400;&#x1D411; &#x1D40B;&#x1D408;&#x1D40D;&#x1D40A;&#x1D412; &#x30FB;" title="" content="">
  388. <meta name="select:top bar links icon size" title="14px" content="0.9rem">
  389. <meta name="select:top bar links icon size" title="12px" content="0.8rem">
  390. <meta name="select:top bar links icon size" title="13px" content="0.85rem">
  391. <meta name="select:top bar links icon size" title="15px" content="0.95rem">
  392. <meta name="select:top bar links icon size" title="16px" content="1rem">
  393. <meta name="select:top bar links icon size" title="17px" content="1.05rem">
  394. <meta name="select:top bar links icon size" title="18px" content="1.1rem">
  395. <meta name="select:top bar links icon size" title="19px" content="1.15rem">
  396. <meta name="select:top bar links icon size" title="20px" content="1.2rem">
  397.  
  398. <meta name="select:top bar links spacing" title="6px" content="6px">
  399. <meta name="select:top bar links spacing" title="4px" content="4px">
  400. <meta name="select:top bar links spacing" title="5px" content="5px">
  401. <meta name="select:top bar links spacing" title="7px" content="7px">
  402. <meta name="select:top bar links spacing" title="8px" content="8px">
  403. <meta name="select:top bar links spacing" title="9px" content="9px">
  404. <meta name="select:top bar links spacing" title="10px" content="10px">
  405. <meta name="select:top bar links spacing" title="11px" content="11px">
  406. <meta name="select:top bar links spacing" title="12px" content="12px">
  407. <meta name="select:top bar links spacing" title="13px" content="13px">
  408.  
  409. <!-- divider: searchbar -->
  410. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D412;&#x1D404;&#x1D400;&#x1D411;&#x1D402;&#x1D407;&#x1D401;&#x1D400;&#x1D411; &#x30FB;" title="" content="">
  411.  
  412. <!-- show searchbar -->
  413. <meta name="select:show searchbar" title="show" content="show">
  414. <meta name="select:show searchbar" title="hide" content="hide">
  415.  
  416. <!-- searchbar transparency -->
  417. <meta name="select:searchbar transparency" title="yes" content="y">
  418. <meta name="select:searchbar transparency" title="no" content="n">
  419.  
  420. <!-- divider: header -->
  421. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D407;&#x1D404;&#x1D400;&#x1D403;&#x1D404;&#x1D411; &#x30FB;" title="" content="">
  422. <meta name="select:show header" title="show" content="show">
  423. <meta name="select:show header" title="hide" content="hide">
  424.  
  425. <meta name="select:header height" title="75% of screen height" content="75vh">
  426. <meta name="select:header height" title="30% of screen height" content="30vh">
  427. <meta name="select:header height" title="35% of screen height" content="35vh">
  428. <meta name="select:header height" title="40% of screen height" content="40vh">
  429. <meta name="select:header height" title="45% of screen height" content="45vh">
  430. <meta name="select:header height" title="50% of screen height" content="50vh">
  431. <meta name="select:header height" title="55% of screen height" content="55vh">
  432. <meta name="select:header height" title="60% of screen height" content="60vh">
  433. <meta name="select:header height" title="65% of screen height" content="65vh">
  434. <meta name="select:header height" title="80% of screen height" content="80vh">
  435. <meta name="select:header height" title="85% of screen height" content="85vh">
  436. <meta name="select:header height" title="90% of screen height" content="90vh">
  437. <meta name="select:header height" title="95% of screen height" content="95vh">
  438. <meta name="select:header height" title="100% of screen height" content="100vh">
  439.  
  440. <meta name="select:header BG size" title="small" content="small">
  441. <meta name="select:header BG size" title="large" content="large">
  442.  
  443. <meta name="select:header content height" title="60%" content="0.6">
  444. <meta name="select:header content height" title="40%" content="0.4">
  445. <meta name="select:header content height" title="45%" content="0.45">
  446. <meta name="select:header content height" title="50%" content="0.5">
  447. <meta name="select:header content height" title="55%" content="0.55">
  448. <meta name="select:header content height" title="65%" content="0.65">
  449. <meta name="select:header content height" title="70%" content="0.7">
  450. <meta name="select:header content height" title="75%" content="0.75">
  451. <meta name="select:header content height" title="80%" content="0.8">
  452. <meta name="select:header content height" title="85%" content="0.85">
  453. <meta name="select:header content height" title="90%" content="0.9">
  454. <meta name="select:header content height" title="95%" content="0.95">
  455. <meta name="select:header content height" title="100%" content="1">
  456.  
  457. <meta name="select:header center gap" title="30px" content="30px">
  458. <meta name="select:header center gap" title="10px" content="10px">
  459. <meta name="select:header center gap" title="15px" content="15px">
  460. <meta name="select:header center gap" title="20px" content="20px">
  461. <meta name="select:header center gap" title="25px" content="25px">
  462. <meta name="select:header center gap" title="35px" content="35px">
  463. <meta name="select:header center gap" title="40px" content="40px">
  464. <meta name="select:header center gap" title="45px" content="45px">
  465. <meta name="select:header center gap" title="50px" content="50px">
  466. <meta name="select:header center gap" title="55px" content="55px">
  467. <meta name="select:header center gap" title="60px" content="60px">
  468. <meta name="select:header center gap" title="65px" content="65px">
  469. <meta name="select:header center gap" title="70px" content="70px">
  470. <meta name="select:header center gap" title="75px" content="75px">
  471. <meta name="select:header center gap" title="80px" content="80px">
  472. <meta name="select:header center gap" title="85px" content="85px">
  473. <meta name="select:header center gap" title="90px" content="90px">
  474. <meta name="select:header center gap" title="95px" content="95px">
  475. <meta name="select:header center gap" title="100px" content="100px">
  476.  
  477. <meta name="select:header text width" title="350px" content="350px">
  478. <meta name="select:header text width" title="200px" content="200px">
  479. <meta name="select:header text width" title="225px" content="225px">
  480. <meta name="select:header text width" title="250px" content="250px">
  481. <meta name="select:header text width" title="275px" content="275px">
  482. <meta name="select:header text width" title="300px" content="300px">
  483. <meta name="select:header text width" title="325px" content="325px">
  484. <meta name="select:header text width" title="375px" content="375px">
  485. <meta name="select:header text width" title="400px" content="400px">
  486. <meta name="select:header text width" title="425px" content="425px">
  487. <meta name="select:header text width" title="450px" content="450px">
  488. <meta name="select:header text width" title="475px" content="475px">
  489. <meta name="select:header text width" title="500px" content="500px">
  490.  
  491. <meta name="select:header title font" title="Kalnia" content="Kalnia">
  492. <meta name="select:header title font" title="Gentium Book Plus" content="Gentium Book Plus">
  493. <meta name="select:header title font" title="Playfair Display SC" content="Playfair Display SC">
  494. <meta name="select:header title font" title="Gloock" content="Gloock">
  495. <meta name="select:header title font" title="Reem Kufi Fun" content="Reem Kufi Fun">
  496. <meta name="select:header title font" title="Lexend" content="Lexend">
  497.  
  498. <meta name="select:header title size" title="19px" content="1.188rem">
  499. <meta name="select:header title size" title="13px" content="0.813rem">
  500. <meta name="select:header title size" title="15px" content="0.938rem">
  501. <meta name="select:header title size" title="17px" content="1.063rem">
  502. <meta name="select:header title size" title="21px" content="1.313rem">
  503. <meta name="select:header title size" title="23px" content="1.438rem">
  504. <meta name="select:header title size" title="25px" content="1.563rem">
  505. <meta name="select:header title size" title="27px" content="1.688rem">
  506.  
  507. <meta name="select:header row gaps" title="20px" content="20px">
  508. <meta name="select:header row gaps" title="10px" content="10px">
  509. <meta name="select:header row gaps" title="15px" content="15px">
  510. <meta name="select:header row gaps" title="25px" content="25px">
  511. <meta name="select:header row gaps" title="30px" content="30px">
  512. <meta name="select:header row gaps" title="35px" content="35px">
  513. <meta name="select:header row gaps" title="40px" content="40px">
  514. <meta name="select:header row gaps" title="45px" content="45px">
  515. <meta name="select:header row gaps" title="50px" content="50px">
  516. <meta name="select:header row gaps" title="55px" content="55px">
  517. <meta name="select:header row gaps" title="60px" content="60px">
  518. <meta name="select:header row gaps" title="65px" content="65px">
  519. <meta name="select:header row gaps" title="70px" content="70px">
  520.  
  521. <meta name="select:header desc font" title="Libre Franklin" content="Libre Franklin">
  522. <meta name="select:header desc font" title="Hahmlet" content="Hahmlet">
  523. <meta name="select:header desc font" title="Domine" content="Domine">
  524. <meta name="select:header desc font" title="Vollkorn" content="Vollkorn">
  525. <meta name="select:header desc font" title="Inter" content="Inter">
  526. <meta name="select:header desc font" title="Golos Text" content="Golos Text">
  527.  
  528. <meta name="select:header desc size" title="13px" content="0.85rem">
  529. <meta name="select:header desc size" title="11px" content="0.75rem">
  530. <meta name="select:header desc size" title="12px" content="0.8rem">
  531. <meta name="select:header desc size" title="14px" content="0.9rem">
  532. <meta name="select:header desc size" title="15px" content="0.95">
  533. <meta name="select:header desc size" title="16px" content="1rem">
  534.  
  535. <!-- divider: "view posts" button -->
  536. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x22;&#x1D415;&#x1D408;&#x1D404;&#x1D416; &#x1D40F;&#x1D40E;&#x1D412;&#x1D413;&#x1D412;&#x22; &#x1D401;&#x1D414;&#x1D413;&#x1D413;&#x1D40E;&#x1D40D; &#x30FB;" title="" content="">
  537. <meta name="select:show scroll button" title="show" content="show">
  538. <meta name="select:show scroll button" title="hide" content="hide">
  539.  
  540. <meta name="select:scroll button padding" title="11px" content="0.688rem">
  541. <meta name="select:scroll button padding" title="7px" content="0.438rem">
  542. <meta name="select:scroll button padding" title="9px" content="0.563rem">
  543. <meta name="select:scroll button padding" title="13px" content="0.813">
  544. <meta name="select:scroll button padding" title="15px" content="0.938rem">
  545. <meta name="select:scroll button padding" title="17px" content="1.063rem">
  546.  
  547. <meta name="select:scroll button rounded corners" title="large" content="20px">
  548. <meta name="select:scroll button rounded corners" title="none" content="0px">
  549. <meta name="select:scroll button rounded corners" title="small" content="3px">
  550. <meta name="select:scroll button rounded corners" title="medium" content="5px">
  551.  
  552. <meta name="select:scroll button hover animation" title="yes" content="yes">
  553. <meta name="select:scroll button hover animation" title="no" content="no">
  554.  
  555. <meta name="select:header scroll speed" title="1.8 seconds" content="1.8s">
  556. <meta name="select:header scroll speed" title="0.6 seconds" content="0.6s">
  557. <meta name="select:header scroll speed" title="0.8 seconds" content="0.8s">
  558. <meta name="select:header scroll speed" title="1 second" content="1s">
  559. <meta name="select:header scroll speed" title="1.2 seconds" content="1.2s">
  560. <meta name="select:header scroll speed" title="1.4 seconds" content="1.4s">
  561. <meta name="select:header scroll speed" title="1.6 seconds" content="1.6s">
  562. <meta name="select:header scroll speed" title="2 seconds" content="2s">
  563. <meta name="select:header scroll speed" title="2.2 seconds" content="2.2s">
  564. <meta name="select:header scroll speed" title="2.4 seconds" content="2.4s">
  565. <meta name="select:header scroll speed" title="2.6 seconds" content="2.6s">
  566. <meta name="select:header scroll speed" title="2.8 seconds" content="2.8s">
  567. <meta name="select:header scroll speed" title="3 seconds" content="3s">
  568.  
  569. <!-- divider: sidebar -->
  570. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D412;&#x1D408;&#x1D403;&#x1D404;&#x1D401;&#x1D400;&#x1D411; &#x30FB;" title="" content="">
  571.  
  572. <!-- sidebar -->
  573. <meta name="select:sidebar width" title="300px" content="300px">
  574. <meta name="select:sidebar width" title="250px" content="250px">
  575. <meta name="select:sidebar width" title="275px" content="275px">
  576. <meta name="select:sidebar width" title="325px" content="325px">
  577. <meta name="select:sidebar width" title="350px" content="350px">
  578. <meta name="select:sidebar width" title="375px" content="375px">
  579. <meta name="select:sidebar width" title="400px" content="400px">
  580.  
  581. <meta name="select:sidebar padding" title="20px" content="20px">
  582. <meta name="select:sidebar padding" title="0px" content="0px">
  583. <meta name="select:sidebar padding" title="10px" content="10px">
  584. <meta name="select:sidebar padding" title="15px" content="15px">
  585. <meta name="select:sidebar padding" title="25px" content="25px">
  586.  
  587. <meta name="select:sidebar boxes spacing" title="35px" content="35px">
  588. <meta name="select:sidebar boxes spacing" title="10px" content="10px">
  589. <meta name="select:sidebar boxes spacing" title="15px" content="15px">
  590. <meta name="select:sidebar boxes spacing" title="20px" content="20px">
  591. <meta name="select:sidebar boxes spacing" title="25px" content="25px">
  592. <meta name="select:sidebar boxes spacing" title="30px" content="30px">
  593. <meta name="select:sidebar boxes spacing" title="40px" content="40px">
  594. <meta name="select:sidebar boxes spacing" title="45px" content="45px">
  595. <meta name="select:sidebar boxes spacing" title="50px" content="50px">
  596. <meta name="select:sidebar boxes spacing" title="55px" content="55px">
  597. <meta name="select:sidebar boxes spacing" title="60px" content="60px">
  598. <meta name="select:sidebar boxes spacing" title="65px" content="65px">
  599. <meta name="select:sidebar boxes spacing" title="70px" content="70px">
  600.  
  601. <meta name="select:sidebar title font" title="Kalnia" content="Kalnia">
  602. <meta name="select:sidebar title font" title="Gentium Book Plus" content="Gentium Book Plus">
  603. <meta name="select:sidebar title font" title="Playfair Display SC" content="Playfair Display SC">
  604. <meta name="select:sidebar title font" title="Gloock" content="Gloock">
  605. <meta name="select:sidebar title font" title="Reem Kufi Fun" content="Reem Kufi Fun">
  606. <meta name="select:sidebar title font" title="Lexend" content="Lexend">
  607.  
  608. <meta name="select:sidebar title size" title="14px" content="0.875rem">
  609. <meta name="select:sidebar title size" title="13px" content="0.813rem">
  610. <meta name="select:sidebar title size" title="15px" content="0.938rem">
  611. <meta name="select:sidebar title size" title="16px" content="1rem">
  612. <meta name="select:sidebar title size" title="17px" content="1.063rem">
  613. <meta name="select:sidebar title size" title="18px" content="1.125rem">
  614. <meta name="select:sidebar title size" title="19px" content="1.188rem">
  615. <meta name="select:sidebar title size" title="20px" content="1.25rem">
  616. <meta name="select:sidebar title size" title="21px" content="1.313rem">
  617. <meta name="select:sidebar title size" title="22px" content="1.375rem">
  618. <meta name="select:sidebar title size" title="23px" content="1.438rem">
  619. <meta name="select:sidebar title size" title="24px" content="1.5rem">
  620.  
  621. <meta name="select:sidebar title align" title="right" content="right">
  622. <meta name="select:sidebar title align" title="left" content="left">
  623. <meta name="select:sidebar title align" title="center" content="center">
  624.  
  625. <meta name="select:sidebar desc font size" title="13px" content="0.85rem">
  626. <meta name="select:sidebar desc font size" title="11px" content="0.75rem">
  627. <meta name="select:sidebar desc font size" title="12px" content="0.8rem">
  628. <meta name="select:sidebar desc font size" title="14px" content="0.9rem">
  629. <meta name="select:sidebar desc font size" title="15px" content="0.95">
  630. <meta name="select:sidebar desc font size" title="16px" content="1rem">
  631.  
  632. <meta name="select:sidebar desc title align" title="right" content="right">
  633. <meta name="select:sidebar desc title align" title="left" content="left">
  634. <meta name="select:sidebar desc title align" title="center" content="center">
  635. <meta name="select:sidebar desc title align" title="justify" content="justify">
  636.  
  637. <!-- divider: custom links -->
  638. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D402;&#x1D414;&#x1D412;&#x1D413;&#x1D40E;&#x1D40C; &#x1D40B;&#x1D408;&#x1D40D;&#x1D40A;&#x1D412; &#x30FB;" title="" content="">
  639.  
  640. <meta name="select:custom links columns" title="2" content="2">
  641. <meta name="select:custom links columns" title="1" content="1">
  642. <meta name="select:custom links columns" title="3" content="3">
  643.  
  644. <meta name="select:custom links rounded corners style" title="wrapped" content="wrapped">
  645. <meta name="select:custom links rounded corners style" title="each link" content="each">
  646.  
  647. <meta name="select:custom links rounded corners" title="medium" content="5px">
  648. <meta name="select:custom links rounded corners" title="none" content="0px">
  649. <meta name="select:custom links rounded corners" title="small" content="3px">
  650. <meta name="select:custom links rounded corners" title="large" content="10px">
  651.  
  652. <meta name="select:custom links padding" title="10px" content="10px">
  653. <meta name="select:custom links padding" title="12px" content="12px">
  654. <meta name="select:custom links padding" title="6px" content="6px">
  655. <meta name="select:custom links padding" title="8px" content="8px">
  656. <meta name="select:custom links padding" title="14px" content="14px">
  657. <meta name="select:custom links padding" title="16px" content="16px">
  658. <meta name="select:custom links padding" title="18px" content="18px">
  659. <meta name="select:custom links padding" title="20px" content="20px">
  660. <meta name="select:custom links padding" title="22px" content="22px">
  661. <meta name="select:custom links padding" title="24px" content="24px">
  662.  
  663. <meta name="select:custom links font size" title="12px" content="0.7rem">
  664. <meta name="select:custom links font size" title="11px" content="0.65rem">
  665. <meta name="select:custom links font size" title="13px" content="0.75rem">
  666. <meta name="select:custom links font size" title="14px" content="0.8rem">
  667. <meta name="select:custom links font size" title="15px" content="0.85">
  668. <meta name="select:custom links font size" title="16px" content="0.9rem">
  669.  
  670. <meta name="select:custom links spacing" title="6px" content="6px">
  671. <meta name="select:custom links spacing" title="4px" content="4px">
  672. <meta name="select:custom links spacing" title="8px" content="8px">
  673. <meta name="select:custom links spacing" title="10px" content="10px">
  674. <meta name="select:custom links spacing" title="12px" content="12px">
  675. <meta name="select:custom links spacing" title="14px" content="14px">
  676. <meta name="select:custom links spacing" title="16px" content="16px">
  677. <meta name="select:custom links spacing" title="18px" content="18px">
  678. <meta name="select:custom links spacing" title="20px" content="20px">
  679. <meta name="select:custom links spacing" title="22px" content="22px">
  680. <meta name="select:custom links spacing" title="24px" content="24px">
  681.  
  682. <!-- divider: center gap -->
  683. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D402;&#x1D404;&#x1D40D;&#x1D413;&#x1D404;&#x1D411; &#x1D406;&#x1D400;&#x1D40F; &#x30FB;" title="" content="">
  684.  
  685. <!-- center gap -->
  686. <meta name="select:center gap" title="50px" content="50px">
  687. <meta name="select:center gap" title="30px" content="30px">
  688. <meta name="select:center gap" title="35px" content="35px">
  689. <meta name="select:center gap" title="40px" content="40px">
  690. <meta name="select:center gap" title="45px" content="45px">
  691. <meta name="select:center gap" title="55px" content="55px">
  692. <meta name="select:center gap" title="60px" content="60px">
  693. <meta name="select:center gap" title="65px" content="65px">
  694. <meta name="select:center gap" title="70px" content="70px">
  695. <meta name="select:center gap" title="75px" content="75px">
  696. <meta name="select:center gap" title="80px" content="80px">
  697. <meta name="select:center gap" title="85px" content="85px">
  698. <meta name="select:center gap" title="90px" content="90px">
  699. <meta name="select:center gap" title="95px" content="95px">
  700. <meta name="select:center gap" title="100px" content="100px">
  701.  
  702. <!-- divider: fonts -->
  703. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D405;&#x1D40E;&#x1D40D;&#x1D413;&#x1D412; &#x30FB;" title="" content="">
  704.  
  705. <!-- body font -->
  706. <meta name="select:font" title="Libre Franklin" content="Libre Franklin">
  707. <meta name="select:font" title="Hahmlet" content="Hahmlet">
  708. <meta name="select:font" title="Domine" content="Domine">
  709. <meta name="select:font" title="Vollkorn" content="Vollkorn">
  710. <meta name="select:font" title="Inter" content="Inter">
  711. <meta name="select:font" title="Golos Text" content="Golos Text">
  712.  
  713. <!-- heading font -->
  714. <meta name="select:heading font" title="Gentium Book Plus" content="Gentium Book Plus">
  715. <meta name="select:heading font" title="Kalnia" content="Kalnia">
  716. <meta name="select:heading font" title="Playfair Display SC" content="Playfair Display SC">
  717. <meta name="select:heading font" title="Gloock" content="Gloock">
  718. <meta name="select:heading font" title="Reem Kufi Fun" content="Reem Kufi Fun">
  719. <meta name="select:heading font" title="Lexend" content="Lexend">
  720.  
  721. <!-- uppercase font -->
  722. <meta name="select:uppercase font" title="Lora" content="Lora">
  723. <meta name="select:uppercase font" title="Averia Serif Libre" content="Averia Serif Libre">
  724. <meta name="select:uppercase font" title="Figtree" content="Figtree">
  725. <meta name="select:uppercase font" title="Public Sans" content="Public Sans">
  726. <meta name="select:uppercase font" title="Karla" content="Karla">
  727.  
  728. <!-- font size -->
  729. <meta name="select:font size" title="13px" content="0.85rem">
  730. <meta name="select:font size" title="11px" content="0.75rem">
  731. <meta name="select:font size" title="12px" content="0.8rem">
  732. <meta name="select:font size" title="14px" content="0.9rem">
  733. <meta name="select:font size" title="15px" content="0.95">
  734. <meta name="select:font size" title="16px" content="1rem">
  735.  
  736. <!-- divider: posts settings -->
  737. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D40F;&#x1D40E;&#x1D412;&#x1D413;&#x1D412; &#x1D412;&#x1D404;&#x1D413;&#x1D413;&#x1D408;&#x1D40D;&#x1D406;&#x1D412; &#x30FB;" title="" content="">
  738.  
  739. <meta name="select:posts width" title="500px" content="500px">
  740. <meta name="select:posts width" title="300px" content="300px">
  741. <meta name="select:posts width" title="325px" content="325px">
  742. <meta name="select:posts width" title="350px" content="350px">
  743. <meta name="select:posts width" title="375px" content="375px">
  744. <meta name="select:posts width" title="400px" content="400px">
  745. <meta name="select:posts width" title="425px" content="425px">
  746. <meta name="select:posts width" title="450px" content="450px">
  747. <meta name="select:posts width" title="475px" content="475px">
  748. <meta name="select:posts width" title="540px" content="540px">
  749. <meta name="select:posts width" title="600px" content="600px">
  750. <meta name="select:posts width" title="650px" content="650px">
  751. <meta name="select:posts width" title="700px" content="700px">
  752.  
  753. <meta name="select:posts full width" title="yes" content="yes">
  754. <meta name="select:posts full width" title="no" content="no">
  755.  
  756. <meta name="select:posts padding" title="20px" content="20px">
  757. <meta name="select:posts padding" title="0px" content="0px">
  758. <meta name="select:posts padding" title="10px" content="10px">
  759. <meta name="select:posts padding" title="15px" content="15px">
  760. <meta name="select:posts padding" title="25px" content="25px">
  761.  
  762. <meta name="select:posts spacing" title="45px" content="45px">
  763. <meta name="select:posts spacing" title="30px" content="30px">
  764. <meta name="select:posts spacing" title="35px" content="35px">
  765. <meta name="select:posts spacing" title="40px" content="40px">
  766. <meta name="select:posts spacing" title="50px" content="50px">
  767. <meta name="select:posts spacing" title="55px" content="55px">
  768. <meta name="select:posts spacing" title="60px" content="60px">
  769. <meta name="select:posts spacing" title="65px" content="65px">
  770. <meta name="select:posts spacing" title="70px" content="70px">
  771. <meta name="select:posts spacing" title="75px" content="75px">
  772. <meta name="select:posts spacing" title="80px" content="80px">
  773.  
  774. <meta name="select:photos spacing" title="4px" content="4px">
  775. <meta name="select:photos spacing" title="0px" content="0px">
  776. <meta name="select:photos spacing" title="2px" content="2px">
  777. <meta name="select:photos spacing" title="6px" content="6px">
  778. <meta name="select:photos spacing" title="8px" content="8px">
  779. <meta name="select:photos spacing" title="10px" content="10px">
  780.  
  781. <meta name="select:user icons style" title="circle" content="100%">
  782. <meta name="select:user icons style" title="rounded" content="5px">
  783. <meta name="select:user icons style" title="square" content="0px">
  784.  
  785. <meta name="select:reblog dividers" title="yes" content="yes">
  786. <meta name="select:reblog dividers" title="no" content="no">
  787.  
  788. <meta name="select:post info padding" title="20px" content="20px">
  789. <meta name="select:post info padding" title="10px" content="10px">
  790. <meta name="select:post info padding" title="12px" content="12px">
  791. <meta name="select:post info padding" title="14px" content="14px">
  792. <meta name="select:post info padding" title="16px" content="16px">
  793. <meta name="select:post info padding" title="18px" content="18px">
  794. <meta name="select:post info padding" title="22px" content="22px">
  795. <meta name="select:post info padding" title="24px" content="24px">
  796.  
  797. <!-- divider: tags -->
  798. <meta name="select:&#x2B07;&#xFE0F;&#x2003;&#x1D413;&#x1D400;&#x1D406;&#x1D412; &#x30FB;" title="" content="">
  799. <meta name="select:tags" title="click to show" content="c">
  800. <meta name="select:tags" title="always show" content="v">
  801.  
  802. <meta name="select:tags position" title="right" content="right">
  803. <meta name="select:tags position" title="left" content="left">
  804.  
  805. <meta name="text:&#917536;&#x2060;" content="&#x2500;&#x2500;&#x2500;&#x2500;&#x2500; &#xB7; &#xB7; &#xB7; &#xB7; &#x2726; &#xB7; &#xB7; &#xB7; &#xB7; &#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&NewLine;">
  806. <meta name="text:&#x1D421;&#x1D428;&#x1D430; &#x1D42D;&#x1D428; &#x1D425;&#x1D422;&#x1D427;&#x1D424; &#x1D426;&#x1D42E;&#x1D42C;&#x1D422;&#x1D41C;" content="&#x68;&#x74;&#x74;&#x70;&#x73;&#x3A;&#x2F;&#x2F;linktr.ee/direct_file_links">
  807. <meta name="text:song file mp3" content="&#x68;&#x74;&#x74;&#x70;&#x73;&#x3A;&#x2F;&#x2F;file.garden/ZRt8jW_MomIqlrfn/music/Before_Time_Divides_Us.mp3">
  808. <meta name="text:song name" content="Before Time Divides Us">
  809. <meta name="text:song volume" content="90%">
  810.  
  811. <meta name="text:&#917536;&#x2060;&#x2060;" content="&#x2500;&#x2500;&#x2500;&#x2500;&#x2500; &#xB7; &#xB7; &#xB7; &#xB7; &#x2726; &#xB7; &#xB7; &#xB7; &#xB7; &#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&NewLine;">
  812.  
  813. <meta name="text:top bar title" content="Lachesis">
  814.  
  815. <meta name="text:&#917536;&#x2060;&#x2060;&#x2060;" content="&#x2500;&#x2500;&#x2500;&#x2500;&#x2500; &#xB7; &#xB7; &#xB7; &#xB7; &#x2726; &#xB7; &#xB7; &#xB7; &#xB7; &#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&NewLine;">
  816.  
  817. <meta name="text:searchbar text prompt" content="Looking for something?">
  818. <meta name="text:searchbar button text" content="Search">
  819.  
  820. <meta name="text:search suggestion 1" content="#art">
  821. <meta name="text:search suggestion 1 URL" content="/tagged/art">
  822. <meta name="text:search suggestion 2" content="">
  823. <meta name="text:search suggestion 2 URL" content="">
  824. <meta name="text:search suggestion 3" content="">
  825. <meta name="text:search suggestion 3 URL" content="">
  826. <meta name="text:search suggestion 4" content="">
  827. <meta name="text:search suggestion 4 URL" content="">
  828. <meta name="text:search suggestion 5" content="">
  829. <meta name="text:search suggestion 5 URL" content="">
  830.  
  831. <meta name="text:&#917536;&#x2060;&#x2060;&#x2060;&#x2060;" content="&#x2500;&#x2500;&#x2500;&#x2500;&#x2500; &#xB7; &#xB7; &#xB7; &#xB7; &#x2726; &#xB7; &#xB7; &#xB7; &#xB7; &#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&NewLine;">
  832.  
  833. <meta name="text:header title" content="Ghosts and lives&NewLine;&#x3C;br&#x3E;&NewLine;Ecstasy and sorrow">
  834. <meta name="text:header desc" content="Call yourself a goddess and assert yourself in the heavens. Clap your hands and allow that stardust to fall to the earth, and we’ll call them something celestial. &#x2013; &#x3C;a href=&#x22;https://antgione-blog.tumblr.com/post/154580591020&#x22;&#x3E;A.&#x3C;/a&#x3E;">
  835.  
  836. <meta name="text:scroll button text" content="View posts">
  837.  
  838. <meta name="text:&#917536;&#x2060;&#x2060;&#x2060;&#x2060;&#x2060;" content="&#x2500;&#x2500;&#x2500;&#x2500;&#x2500; &#xB7; &#xB7; &#xB7; &#xB7; &#x2726; &#xB7; &#xB7; &#xB7; &#xB7; &#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&NewLine;">
  839.  
  840. <meta name="text:sidebar title" content="quod loquor, creo">
  841. <meta name="text:sidebar desc" content="It was everything and nothing all at once&NewLine;&#x3C;br&#x3E;&NewLine;Just an idea that destroyed me all the same&NewLine;&#x3C;br&#x3E;&NewLine;I fear that anything more, anything deeper&NewLine;&#x3C;br&#x3E;&NewLine;Will simply tear me apart&#xFF1B;&#x2009;&#x2014; &#x3C;a href=&#x22;https://www.tumblr.com/txkingupspxce/747121530258046976&#x22;&#x3E;@txkingupspxce&#x3C;/a&#x3E;">
  842.  
  843. <meta name="text:&#917536;&#x2060;&#x2060;&#x2060;&#x2060;&#x2060;&#x2060;" content="&#x2500;&#x2500;&#x2500;&#x2500;&#x2500; &#xB7; &#xB7; &#xB7; &#xB7; &#x2726; &#xB7; &#xB7; &#xB7; &#xB7; &#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&NewLine;">
  844.  
  845. <meta name="text:links box title" content="Navigation">
  846.  
  847. <meta name="text:&#917536;&#x2060;&#x2060;&#x2060;&#x2060;&#x2060;&#x2060;&#x2060;" content="&#x2500;&#x2500;&#x2500;&#x2500;&#x2500; &#xB7; &#xB7; &#xB7; &#xB7; &#x2726; &#xB7; &#xB7; &#xB7; &#xB7; &#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&NewLine;">
  848.  
  849. <meta name="text:customlink 1 name" content="hot wings">
  850. <meta name="text:customlink 1 URL" content="https://youtu.be/6opktP4VBN0">
  851.  
  852. <meta name="text:customlink 2 name" content="">
  853. <meta name="text:customlink 2 URL" content="">
  854.  
  855. <meta name="text:customlink 3 name" content="">
  856. <meta name="text:customlink 3 URL" content="">
  857.  
  858. <meta name="text:customlink 4 name" content="">
  859. <meta name="text:customlink 4 URL" content="">
  860.  
  861. <meta name="text:customlink 5 name" content="">
  862. <meta name="text:customlink 5 URL" content="">
  863.  
  864. <meta name="text:customlink 6 name" content="">
  865. <meta name="text:customlink 6 URL" content="">
  866.  
  867. <meta name="text:customlink 7 name" content="">
  868. <meta name="text:customlink 7 URL" content="">
  869.  
  870. <meta name="text:customlink 8 name" content="">
  871. <meta name="text:customlink 8 URL" content="">
  872.  
  873. <meta name="text:customlink 9 name" content="">
  874. <meta name="text:customlink 9 URL" content="">
  875.  
  876. <meta name="text:customlink 10 name" content="">
  877. <meta name="text:customlink 10 URL" content="">
  878.  
  879. <meta name="text:&#917536;&#x2060;&#x2060;&#x2060;&#x2060;&#x2060;&#x2060;&#x2060;&#x2060;" content="&#x2500;&#x2500;&#x2500;&#x2500;&#x2500; &#xB7; &#xB7; &#xB7; &#xB7; &#x2726; &#xB7; &#xB7; &#xB7; &#xB7; &#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&NewLine;">
  880.  
  881. <meta name="text:pagination title" content="Pagination">
  882.  
  883. {/block:Options}
  884.  
  885. <style>
  886. :root, :host {
  887. /*----- GENERAL -----*/
  888. --Screen-Gaps:{select:screen gap};
  889. --Rounded-Corners:{select:rounded corners};
  890. --Load-In-Delay:25ms;
  891. --Load-In-Speed:400ms;
  892.  
  893. /*----- CONTAINER SETTINGS -----*/
  894. --Container-Total-Width:calc(var(--Post-Width-Total) + var(--Sidebar-Width) + var(--Main-Center-Gap));
  895. --Main-Center-Gap:{select:center gap};
  896.  
  897. /*----- TOP BAR -----*/
  898. --Top-Bar-Padding:{select:top bar padding};
  899. --Top-Bar-Height:calc(var(--Top-Bar-Title-Size) + (var(--Top-Bar-Padding) * 2));
  900. --Top-Bar-BG:{color:top bar BG};
  901.  
  902. --Top-Bar-Music-Player-Btns-Size:{select:music player buttons size};
  903. --Top-Bar-Music-Player-Btns-Color:{color:music player buttons};
  904. --Top-Bar-Music-Player-Font-Family:var(--Caps-Font-Family);
  905. --Top-Bar-Music-Player-Font-Weight:var(--Caps-Font-Weight);
  906. --Top-Bar-Music-Player-Font-Size:{select:music player font size};
  907. --Top-Bar-Music-Player-Text-Case:uppercase;
  908. --Top-Bar-Music-Player-Letter-Spacing:var(--Caps-Letter-Spacing);
  909. --Top-Bar-Music-Player-Word-Spacing:var(--Caps-Word-Spacing);
  910. --Top-Bar-Music-Player-Text-Color:{color:music player text};
  911.  
  912. /* the following font settings may be overrided by further font-specific adjustments later in the code, these are just the fallback(s) */
  913. --Top-Bar-Title-Font-Family:{select:top bar title font};
  914. --Top-Bar-Title-Size:{select:top bar title size};
  915. --Top-Bar-Title-Font-Weight:var(--Heading-Font-Weight);
  916. --Top-Bar-Title-Letter-Spacing:var(--Heading-Letter-Spacing);
  917. --Top-Bar-Title-Word-Spacing:var(--Heading-Word-Spacing);
  918. --Top-Bar-Title-Color:{color:top bar title};
  919.  
  920. --Top-Bar-Items-Spacing:calc({select:top bar dividers spacing} + (var(--Top-Bar-Dividers-Width) / 2));
  921.  
  922. --Top-Bar-Dividers-Width:1px;
  923. --Top-Bar-Dividers-Height:calc(var(--Top-Bar-Height) * 0.69);
  924. --Top-Bar-Dividers-Color:linear-gradient(to bottom, transparent 10%, {color:top bar dividers}, transparent 90%);
  925.  
  926. --Top-Bar-Links-Icon-Size:{select:top bar links icon size};
  927. --Top-Bar-Links-Icon-Color:{color:top bar links icons};
  928. --Top-Bar-Links-Icon-Padding:calc(var(--Top-Bar-Links-Icon-Size) * 0.55);
  929. --Top-Bar-Links-Icon-Border-Size:1px;
  930. --Top-Bar-Links-Icon-Border-Color:{color:top bar links icons border};
  931. --Top-Bar-Links-Icon-Rounded-Corners:100%;
  932. --Top-Bar-Links-Icon-BG:{color:top bar links icons BG};
  933. --Top-Bar-Links-Icon-Total-Width:calc(var(--Top-Bar-Links-Icon-Size) + (var(--Top-Bar-Links-Icon-Border-Size) * 2) + (var(--Top-Bar-Links-Icon-Padding) * 2));
  934. --Top-Bar-Links-Icon-Spacing:{select:top bar links spacing};
  935.  
  936. --Top-Bar-Links-HOVER-Speed:0.25s;
  937. --Top-Bar-Links-HOVER-Icon-Border-Color:{color:top bar links HOVER icons border};
  938. --Top-Bar-Links-HOVER-Icon-BG:{color:top bar links HOVER icons bg};
  939. --Top-Bar-Links-HOVER-Icon-Color:{color:top bar links HOVER icons};
  940.  
  941. /*----- SEARCHBAR -----*/
  942. --Searchbar-Field-Width:215px;
  943. --Searchbar-Field-Border:{color:searchbar border};
  944. --Searchbar-Field-Background:{color:searchbar BG};
  945. --Searchbar-Field-Padding:7px 10px;
  946. --Searchbar-Field-Corner-Rounding:0px;
  947. --Searchbar-Field-Font:var(--Caps-Font-Family);
  948. --Searchbar-Field-Font-Size:var(--Caps-Font-Size);
  949. --Searchbar-Field-Placeholder-Color:{color:searchbar text prompt};
  950. --Searchbar-Field-Typing-Color:{color:searchbar text};
  951. --Searchbar-Spacing:6px;
  952.  
  953. /*----- SEARCHBAR BUTTON -----*/
  954. --Searchbar-Button-Width:auto;
  955. --Searchbar-Button-Border:{color:searchbar button border};
  956. --Searchbar-Button-Background:{color:searchbar button BG};
  957. --Searchbar-Button-Padding:var(--Searchbar-Field-Padding);
  958. --Searchbar-Button-Corner-Rounding:0px;
  959. --Searchbar-Button-Font:var(--Caps-Font-Family);
  960. --Searchbar-Button-Font-Size:var(--Caps-Font-Size);
  961. --Searchbar-Button-Text-Color:{color:searchbar button text};
  962.  
  963. --Searchbar-Button-HOVER-Speed:0.2s;
  964. --Searchbar-Button-HOVER-Border:{color:searchbar button HOVER border};
  965. --Searchbar-Button-HOVER-BG:{color:searchbar button HOVER BG};
  966. --Searchbar-Button-HOVER-Text:{color:searchbar button HOVER text};
  967.  
  968. /*----- SEARCH SUGGESTIONS -----*/
  969. --Search-Suggestion-Box-Top-Gap:0px;
  970. --Search-Suggestion-Box-Inner-Margin:10px;
  971. --Search-Suggestion-Box-Background:{color:search suggestions BG};
  972. --Search-Suggestion-Box-Corner-Rounding:0 0 10px 10px;
  973. --Search-Suggestion-Box-Border:{color:search suggestions border};
  974.  
  975. /* search suggestions semi-transparency */
  976. --Search-Suggestion-Box-Transparency:20%;
  977. --Search-Suggestion-Box-Blur:4px;
  978. --Search-Suggestion-Items-HOVER-Transparency:30%;
  979.  
  980. --Search-Suggestion-Items-Padding:calc(10px - (((var(--Search-Suggestions-Font-Size) * var(--Body-Line-Height)) - var(--Search-Suggestions-Font-Size)) / 2) + 2px) 10px;
  981. --Search-Suggestion-Items-Corner-Rounding:6px;
  982.  
  983. --Search-Suggestions-Font:var(--Body-Font-Family);
  984. --Search-Suggestions-Font-Size:var(--Body-Font-Size);
  985. --Search-Suggestions-Text-Color:{color:search suggestions text};
  986. --Search-Suggestions-Expand-Speed:420ms; /* ms only */
  987.  
  988. --Search-Suggestions-HOVER-Background:{color:search suggestions HOVER BG};
  989. --Search-Suggestions-HOVER-Text-Color:{color:search suggestions HOVER text};
  990. --Search-Suggestions-HOVER-Speed:0.25s;
  991.  
  992. /*----- HEADER SETTINGS -----*/
  993. --Header-Height-Input:{select:header height}; /* height of the entire header section, aka top bar + header */
  994. --Header-Height:calc(var(--Header-Height-Input) - var(--Top-Bar-Height)); /* header height without the top bar */
  995. --Header-Content-Height:{select:header content height};
  996. --Header-Center-Gap:{select:header center gap};
  997.  
  998. --Header-Text-Width:clamp(20vw, {select:header text width}, 69vw);
  999.  
  1000. /* the following font settings may be overrided by further font-specific adjustments later in the code, these are just the fallback(s) */
  1001. --Header-Title-Font-Family:{select:header title font};
  1002. --Header-Title-Font-Size:{select:header title size};
  1003. --Header-Title-Color:{color:header title};
  1004. --Header-Title-Letter-Spacing:0.025em;
  1005. --Header-Title-Word-Spacing:-0.015em;
  1006. --Header-Title-Line-Height:var(--Heading-Line-Height);
  1007.  
  1008. --Header-Text-Row-Gaps:{select:header row gaps};
  1009.  
  1010. --Header-Desc-Font-Family:{select:header desc font};
  1011. --Header-Desc-Font-Size:{select:header desc size};
  1012. --Header-Desc-Font-Weight:400;
  1013. --Header-Desc-Text-Color:{color:header desc text};
  1014. --Header-Desc-Line-Height:var(--Body-Line-Height);
  1015.  
  1016. --Header-Desc-Bold:{color:header desc bold};
  1017. --Header-Desc-Italic:{color:header desc italic};
  1018. --Header-Desc-Links:{color:header desc links};
  1019. --Header-Desc-Links-Underline-Gap:calc(((((var(--Header-Desc-Font-Size) * var(--Header-Desc-Line-Height)) - var(--Header-Desc-Font-Size)) / 2) / 2) - 1px);
  1020. --Header-Desc-Links-Underline-Size:1px;
  1021. --Header-Desc-Links-Underline-Color:{color:header desc links underline};
  1022.  
  1023. --Header-Scroll-Btn-Padding:{select:scroll button padding};
  1024. --Header-Scroll-Btn-Border-Size:1px;
  1025. --Header-Scroll-Btn-Border-Color:{color:scroll button border};
  1026. --Header-Scroll-Btn-BG:{color:scroll button BG};
  1027. --Header-Scroll-Btn-Rounded-Corners:{select:scroll button rounded corners};
  1028.  
  1029. --Header-Scroll-Btn-Font-Family:var(--Caps-Font-Family);
  1030. --Header-Scroll-Btn-Font-Size:var(--Caps-Font-Size);
  1031. --Header-Scroll-Btn-Font-Weight:var(--Caps-Font-Weight);
  1032. --Header-Scroll-Btn-Letter-Spacing:var(--Caps-Letter-Spacing);
  1033. --Header-Scroll-Btn-Word-Spacing:var(--Caps-Word-Spacing);
  1034. --Header-Scroll-Btn-Text-Color:{color:scroll button text};
  1035. --Header-Scroll-Btn-Line-Height:1.55;
  1036.  
  1037. --Header-Scroll-Btn-Icon-Gap:6px;
  1038. --Header-Scroll-Btn-Icon-Size:calc(var(--Header-Scroll-Btn-Font-Size) * 1.125);
  1039.  
  1040. --Header-Scroll-Btn-HOVER-Speed:0.4s;
  1041. --Header-Scroll-Btn-HOVER-Border-Color:{color:scroll button hover border};
  1042. --Header-Scroll-Btn-HOVER-BG:{color:scroll button hover BG};
  1043. --Header-Scroll-Btn-HOVER-Text-Color:{color:scroll button hover text};
  1044.  
  1045. --Header-Scroll-Animation-Speed:{select:header scroll speed};
  1046.  
  1047. /*----- SIDEBAR SETTINGS -----*/
  1048. --Sidebar-Width:{select:sidebar width}; /* width of the media within it */
  1049. --Sidebar-Border-Size:1px;
  1050. --Sidebar-Border-Color:{color:sidebar borders};
  1051. --Sidebar-Padding:{select:sidebar padding};
  1052. --Sidebar-Width-Total:calc(var(--Sidebar-Width) + (var(--Sidebar-Padding) * 2) + (var(--Sidebar-Border-Size) * 2));
  1053. --Sidebar-Rounded-Corners:clamp(0px, calc(var(--Rounded-Corners) * 0.8), var(--Rounded-Corners));
  1054. --Sidebar-BG:{color:sidebar BG};
  1055.  
  1056. --Sidebar-Box-Contents-Row-Spacing:18px;
  1057. --Sidebar-Boxes-Spacing:{select:sidebar boxes spacing};
  1058.  
  1059. --Sidebar-Title-Font-Family:{select:sidebar title font};
  1060. --Sidebar-Title-Font-Size:{select:sidebar title size};
  1061. --Sidebar-Title-Letter-Spacing:var(--Heading-Letter-Spacing);
  1062. --Sidebar-Title-Word-Spacing:var(--Heading-Word-Spacing);
  1063. --Sidebar-Title-Color:{color:sidebar title};
  1064. --Sidebar-Title-Text-Align:{select:sidebar title align};
  1065. --Sidebar-Title-Line-Height:1.55;
  1066.  
  1067. --Sidebar-Title-Side-Padding:3px;
  1068.  
  1069. --Sidebar-Title-Bottom-Gap:calc(var(--Sidebar-Title-Font-Size) * 0.369);
  1070. --Sidebar-Title-Underline-1-Thickness:1px;
  1071. --Sidebar-Title-Underline-1-Color:{color:sidebar title underline 1};
  1072. --Sidebar-Title-Underline-1-Rounded-Corners:1px;
  1073.  
  1074. --Sidebar-Title-Underline-2-Thickness:3px;
  1075. --Sidebar-Title-Underline-2-Color:{color:sidebar title underline 2};
  1076. --Sidebar-Title-Underline-2-Rounded-Corners:var(--Sidebar-Title-Underline-2-Thickness);
  1077.  
  1078. --Sidebar-Desc-Font-Size:{select:sidebar desc font size};
  1079. --Sidebar-Desc-Text-Align:{select:sidebar desc title align};
  1080. --Sidebar-Desc-Text-Color:{color:sidebar desc text};
  1081. --Sidebar-Desc-Line-Height:var(--Body-Line-Height);
  1082.  
  1083. --Sidebar-Desc-Bold:{color:sidebar desc bold};
  1084. --Sidebar-Desc-Italic:{color:sidebar desc italic};
  1085. --Sidebar-Desc-Links:{color:sidebar desc links};
  1086. --Sidebar-Desc-Links-Underline-Gap:calc(((((var(--Sidebar-Desc-Font-Size) * var(--Sidebar-Desc-Line-Height)) - var(--Sidebar-Desc-Font-Size)) / 2) / 2) - 1px);
  1087. --Sidebar-Desc-Links-Underline-Size:1px;
  1088. --Sidebar-Desc-Links-Underline-Color:{color:sidebar desc links underline};
  1089.  
  1090. --CustomLinks-Columns:{select:custom links columns};
  1091. --CustomLinks-Padding:{select:custom links padding};
  1092. --CustomLinks-BG:{color:custom links BG};
  1093. --CustomLinks-Rounded-Corners:{select:custom links rounded corners};
  1094. --CustomLinks-Font-Family:var(--Caps-Font-Family);
  1095. --CustomLinks-Font-Size:{select:custom links font size};
  1096. --CustomLinks-Font-Weight:var(--Caps-Font-Weight);
  1097. --CustomLinks-Text-Case:uppercase;
  1098. --CustomLinks-Letter-Spacing:var(--Caps-Letter-Spacing);
  1099. --CustomLinks-Word-Spacing:var(--Caps-Word-Spacing);
  1100. --CustomLinks-Line-Height:1.55;
  1101. --CustomLinks-Text-Color:{color:custom links text};
  1102. --CustomLinks-Spacing:{select:custom links spacing};
  1103.  
  1104. --CustomLinks-Hover-Speed:0.35s;
  1105. --CustomLinks-Hover-BG:{color:custom links hover BG};
  1106. --CustomLinks-Hover-Text-Color:{color:custom links hover text};
  1107.  
  1108. /*----- POST SETTINGS -----*/
  1109. --Post-Width:{select:posts width};
  1110. --Post-Padding:{select:posts padding};
  1111. --Post-Borders-Size:1px;
  1112. --Post-Borders-Color:{color:posts borders};
  1113. --Post-Width-Total:calc(var(--Post-Width) + (var(--Post-Padding) * 2) + (var(--Post-Borders-Size) * 2));
  1114. --Post-Rounded-Corners:clamp(0px, calc(var(--Rounded-Corners) * 0.8), var(--Rounded-Corners));
  1115. --Post-BG:{color:posts BG};
  1116. --Post-Spacing:{select:posts spacing};
  1117.  
  1118. --Post-Accent-Border-Size:1px;
  1119. --Post-Accent-Border-Color:{color:posts accent borders};
  1120. --Post-Accent-Padding:calc(var(--Post-Padding) - 3px);
  1121. --Post-Accent-Rounded-Corners:max(3px, var(--Rounded-Corners));
  1122. --Post-Accent-BG:{color:posts accent BG};
  1123. --Post-Accent-Text:{color:posts accent text};
  1124.  
  1125. /*----- BODY TEXT -----*/
  1126. --Body-Font-Family:"{select:font}", sans-serif;
  1127. --Body-Font-Size:{select:font size};
  1128. --Body-Font-Weight:400; /* 400 is default */
  1129. --Body-Letter-Spacing:0px;
  1130. --Body-Text-Color:{color:text};
  1131. --Body-Text-Color-RGB:{RGBcolor:text};
  1132. --Body-Line-Height:1.65;
  1133.  
  1134. /*----- TEXT FORMATTING -----*/
  1135. --Bold-Font-Weight:700; /* 700 is default */
  1136. --Bold:{color:bold};
  1137. --Italic:{color:italic};
  1138.  
  1139. /*----- HEADING TEXT -----*/
  1140. --Heading-Font-Family:"{select:heading font}", sans-serif;
  1141. --Heading-Font-Size:calc({select:font size} + 1px);
  1142. --Heading-Font-Weight:600; /* 700 is default */
  1143. --Heading-Text-Case:uppercase; /* uppercase, lowercase, capitalize, none */
  1144. --Heading-Letter-Spacing:0.025em;
  1145. --Heading-Word-Spacing:0em;
  1146. --Heading-Text-Color:{color:headings};
  1147. --Heading-Line-Height:1.69;
  1148. --Heading-Bottom-Gap:1em;
  1149. --Heading-Side-Padding:3px;
  1150.  
  1151. --Heading-Underline-1-Size:1px;
  1152. --Heading-Underline-1-Color:{color:headings underline 1};
  1153.  
  1154. --Heading-Underline-Gap:calc(var(--Heading-Font-Size) * 0.369);
  1155.  
  1156. --Heading-Underline-2-Size:3px;
  1157. --Heading-Underline-2-Color:{color:headings underline 2};
  1158. --Heading-Underline-2-Rounded-Corners:var(--Heading-Underline-2-Size);
  1159.  
  1160. /*----- UPPERCASE TEXT -----*/
  1161. --Caps-Font-Family:"{select:uppercase font}", sans-serif;
  1162. --Caps-Font-Size:calc(var(--Body-Font-Size) - 2px);
  1163. --Caps-Font-Weight:400; /* 400 is default */
  1164. --Caps-Letter-Spacing:0.04em;
  1165. --Caps-Word-Spacing:0em;
  1166.  
  1167. /*----- CODE TEXT -----*/
  1168. --Code-Padding:var(--Post-Accent-Padding);
  1169. --Code-Border-Size:var(--Post-Accent-Border-Size);
  1170. --Code-Border-Color:var(--Post-Accent-Border-Color);
  1171. --Code-Rounded-Corners:var(--Post-Accent-Rounded-Corners);
  1172. --Code-BG:var(--Post-Accent-BG);
  1173. --Code-Font-Family:"Geist Mono", monospace;
  1174. --Code-Font-Size:calc(var(--Body-Font-Size) - 2px);
  1175. --Code-Font-Weight:450; /* 400 is default */
  1176. --Code-Text-Color:var(--Post-Accent-Text);
  1177. --Code-Line-Height:1.5;
  1178.  
  1179. /*----- LINKS -----*/
  1180. --Links-Color:{color:links};
  1181. --Links-Underline-Gap:0.1em;
  1182. --Links-Underline-Size:1px;
  1183. --Links-Underline-Color:{color:links underline};
  1184.  
  1185. /*----- BLOCKQUOTES -----*/
  1186. --Blockquote-Border-Size:min(1px, var(--Reblog-Head-Image-Size));
  1187. --Blockquote-Border-Color:{color:blockquote border};
  1188.  
  1189. /*----- CAPTION SETTINGS -----*/
  1190. --Reblog-Head-Image-Size:30px;
  1191. --Reblog-Head-Image-Rounded-Corners:{select:user icons style};
  1192. --Reblog-Head-Gutter:11px;
  1193. --Reblog-Name-Color:{color:posts usernames};
  1194. --Reblog-Head-Bottom-Gap:min(1em, var(--Post-Padding));
  1195. --Reblog-Borders-Size:1px;
  1196. --Reblog-Borders:{color:reblog dividers};
  1197.  
  1198. /*----- PINNED POST SETTINGS -----*/
  1199. --Pinned-Post-Icon-Size:calc(var(--Body-Font-Size) + 2px);
  1200. --Pinned-Post-Icon-Padding:8px;
  1201. --Pinned-Post-Icon-Total-Size:calc(var(--Pinned-Post-Icon-Size) + (var(--Pinned-Post-Icon-Padding) * 2));
  1202. --Pinned-Post-Icon-Rounded-Corners:max(3px, var(--Rounded-Corners));
  1203. --Pinned-Post-Icon-BG:var(--Misc-Buttons-BG);
  1204. --Pinned-Post-Icon-Color:var(--Misc-Buttons-Icon);
  1205. --Pinned-Post-Arrow-Size:calc(var(--Pinned-Post-Icon-Size) - 2px);
  1206. --Pinned-Post-Arrow-Size-Equil-Factor:1.25;
  1207. --Pinned-Post-Icon-Gap-Right:calc(((var(--Pinned-Post-Arrow-Size) / 2) * var(--Pinned-Post-Arrow-Size-Equil-Factor)) + 9px);
  1208.  
  1209. /*----- PHOTOSET OPTIONS -----*/
  1210. --Photoset-Image-Spacing:{select:photos spacing};
  1211.  
  1212. /*----- NPF OPTIONS -----*/
  1213. --NPF-Images-Spacing:var(--Photoset-Image-Spacing);
  1214. --NPF-Caption-Spacing:0px;
  1215. --NPF-Move-1st-Photoset:"yes";
  1216. --Text-Container-Selector:".text-block";
  1217. --Text-Reblogs-Selector:".comment";
  1218. --Hide-Empty-NPF-Audio-Info:"no";
  1219.  
  1220. /*----- QUOTE POSTS -----*/
  1221. --Quote-Font-Family:var(--Heading-Font-Family);
  1222. --Quote-Font-Size:var(--Heading-Font-Size);
  1223. --Quote-Font-Weight:var(--Heading-Font-Weight); /* 700 is default */
  1224. --Quote-Text-Case:uppercase; /* uppercase, lowercase, capitalize, none */
  1225. --Quote-Letter-Spacing:var(--Heading-Letter-Spacing);
  1226. --Quote-Word-Spacing:var(--Heading-Word-Spacing);
  1227. --Quote-Line-Height:var(--Heading-Line-Height);
  1228.  
  1229. /*----- LINK POSTS -----*/
  1230. --Link-Block-Border-Size:1px;
  1231. --Link-Block-Border-Color:rgba({RGBcolor:text},0.25);
  1232. --Link-Block-Rounded-Corners:var(--Rounded-Corners);
  1233.  
  1234. /*----- CHAT POSTS -----*/
  1235. --Chat-Line-Padding:0.8rem;
  1236. --Chat-Line-Rounded-Corners:max(3px, calc(var(--Rounded-Corners) * 0.75));
  1237. --Chat-Line-Odd-BG:var(--Post-Accent-BG);
  1238. --Chat-Line-Odd-Text-Color:var(--Post-Accent-Text);
  1239.  
  1240. /*----- AUDIO POST SETTINGS -----*/
  1241. --Audio-Post-Album-Cover-Size:64px;
  1242. --Audio-Post-Album-Cover-Rounded-Corners:max(3px, var(--Rounded-Corners));
  1243. --Audio-Post-Btns-Padding:calc(var(--Audio-Post-Album-Cover-Size) * 0.15);
  1244. --Audio-Post-Btns-BG:{color:buttons BG};
  1245. --Audio-Post-Btns-Size:calc(var(--Body-Font-Size) - 2px);
  1246. --Audio-Post-Btns-Color:{color:buttons icons};
  1247. --Audio-Post-Gutter:16px;
  1248. --Audio-Post-Download-Icon-Size:calc(var(--Body-Font-Size) + 3px);
  1249. --Audio-Post-Download-Icon-Color:var(--Body-Text-Color);
  1250. --Audio-Post-Download-Icon-Touch-Padding:5px;
  1251. --Audio-Post-Volume:90%;
  1252.  
  1253. --SoundCloud-Player-Height:116px; /* 20px, 116px, or 500px */
  1254. --SoundCloud-Show-Album-Image:"yes";
  1255.  
  1256. /*----- ASK POST SETTINGS -----*/
  1257. --Ask-Post-Question-Gutter:min(1em, 14px);
  1258. --Ask-Post-Avatar-Size:64px;
  1259. --Ask-Post-Avatar-Rounded-Corners:100%;
  1260. --Ask-Post-Avatar-Padding:6px;
  1261. --Ask-Post-Avatar-BG:var(--Post-Accent-BG);
  1262. --Ask-Post-Avatar-Border-Size:var(--Post-Accent-Border-Size);
  1263. --Ask-Post-Avatar-Border-Color:var(--Post-Accent-Border-Color);
  1264. --Ask-Post-Username-Color:var(--Reblog-Name-Color);
  1265.  
  1266. --Question-Border-Size:var(--Post-Accent-Border-Size);
  1267. --Question-Border-Color:var(--Post-Accent-Border-Color);
  1268. --Question-Rounded-Corners:var(--Post-Accent-Rounded-Corners);
  1269. --Question-Padding:var(--Post-Accent-Padding);
  1270. --Question-BG:var(--Post-Accent-BG);
  1271. --Question-Text-Color:var(--Post-Accent-Text);
  1272. --Question-Text-Align:center;
  1273.  
  1274. /*----- POLL POST SETTINGS -----*/
  1275. --Poll-Row-Rounded-Corners:max(3px, var(--Rounded-Corners));
  1276. --Poll-Row-Border-Size:var(--Post-Accent-Border-Size);
  1277. --Poll-Row-Border-Color:var(--Post-Accent-Border-Color);
  1278. --Poll-Row-Padding:max(0.69em, 10px);
  1279. --Poll-Row-BG:var(--Post-Accent-BG);
  1280. --Poll-Row-Text:var(--Post-Accent-Text);
  1281. --Poll-Row-Spacing:min(10px, 1em);
  1282.  
  1283. /*----- MISC POST BUTTONS -----*/
  1284. --Misc-Buttons-BG:{color:buttons bg};
  1285. --Misc-Buttons-BG-RGB:{RGBcolor:buttons bg};
  1286. --Misc-Buttons-Icon:{color:buttons icons};
  1287. --Misc-Buttons-Icon-RGB:{RGBcolor:buttons icons};
  1288.  
  1289. /*----- TAGS -----*/
  1290. --Tags-Hashtag-Spacing:1px;
  1291. --Tags-Font-Size:calc(var(--Caps-Font-Size) - 0.5px);
  1292. --Tags-Color:{color:tags};
  1293. --Tags-Hover-Speed:0.25s;
  1294. --Tags-Hover-Color:{color:tags hover};
  1295. --Tags-Line-Height:var(--Body-Line-Height);
  1296. --Tags-Spacing-X:12px;
  1297. --Tags-Spacing-Y:calc((var(--Tags-Spacing-X) - (((var(--Tags-Font-Size) * var(--Tags-Line-Height)) - var(--Tags-Font-Size)) / 2) - 2px));
  1298. --Tags-Slide-Speed:0.5s;
  1299.  
  1300. /*----- POST INFO / PERMALINK -----*/
  1301. --Permalink-Border-Size:1px;
  1302. --Permalink-Border-Color:{color:post info border};
  1303. --Permalink-Padding-X:{select:post info padding};
  1304. --Permalink-Padding-Y:calc({select:post info padding} - (((var(--Permalink-Font-Size) * var(--Body-Line-Height)) - var(--Permalink-Font-Size)) / 2));
  1305. --Permalink-BG:{color:post info BG};
  1306. --Permalink-Icon-Size:calc(var(--Permalink-Font-Size) + 4px);
  1307. --Permalink-Items-Spacing:14px;
  1308. --Permalink-Font-Size:var(--Caps-Font-Size);
  1309. --Permalink-Text-Color:{color:post info text};
  1310. --Permalink-Post-Type-Icons-Size:calc(var(--Caps-Font-Size) + 3px);
  1311.  
  1312. --Post-Controls-Icon-Size:calc(var(--Body-Font-Size) + 1.5px);
  1313. --Post-Controls-Icon-Color:{color:like and reblog};
  1314. --Post-Controls-Touch-Padding:4px;
  1315. --Post-Controls-Spacing:2px;
  1316. --Post-Controls-Count:3;
  1317. --Post-Controls-Total-Width:calc((var(--Post-Controls-Icon-Size) * var(--Post-Controls-Count)) + (var(--Post-Controls-Touch-Padding) * 2) + (var(--Post-Controls-Spacing) - (var(--Post-Controls-Touch-Padding) * 2)));
  1318. --Liked-Button-Color:{color:like button liked};
  1319.  
  1320. /*----- POST NOTES -----*/
  1321. --Post-Notes-Type-Icon-Size:calc(var(--Body-Font-Size) + 3px);
  1322. --Post-Notes-Type-Icon-Gap-Right:8px;
  1323. --Post-Notes-Row-Spacing:calc(1em - (((var(--Body-Font-Size) * var(--Body-Line-Height)) - var(--Body-Font-Size)) / 2));
  1324.  
  1325. /*----- PAGINATION -----*/
  1326. --Pagination-Numbers-Size:calc(var(--Body-Font-Size) + 0.5px);
  1327. --Pagination-Current-Icon-Size:calc(var(--Body-Font-Size) + 1px);
  1328. --Pagination-Arrows-Size:calc(var(--Pagination-Numbers-Size) - 0.5px);
  1329. --Pagination-Items-Padding:5px;
  1330. --Pagination-Current-Page:{color:current page};
  1331. --Pagination-Numbers:{color:page numbers};
  1332. --Pagination-Arrows:{color:page arrows};
  1333. --Pagination-Items-Spacing:7px;
  1334.  
  1335. /*----- SCROLLBAR OPTIONS -----*/
  1336. --Scrollbar-Padding:13px;
  1337. --Scrollbar-Thumb:{color:scrollbar};
  1338. --Scrollbar-BG:{color:scrollbar BG};
  1339.  
  1340. /*----- TOOLTIPS OPTIONS -----*/
  1341. --Tooltips-Border-Size:1px;
  1342. --Tooltips-Border:{color:hover text border};
  1343. --Tooltips-Padding-X:1em;
  1344. --Tooltips-Padding-Y:1em;
  1345. --Tooltips-Rounded-Corners:max(3px, var(--Rounded-Corners));
  1346. --Tooltips-BG:{color:hover text BG};
  1347. --Tooltips-Text-Color:{color:hover text};
  1348. --Tooltips-Font-Size:calc(var(--Caps-Font-Size) - 1px);
  1349. }/* end root */
  1350.  
  1351. html[searchbar-glass="y"]:root {
  1352. --Search-Suggestion-Box-Background:rgba({RGBcolor:search suggestions BG},calc(100% - var(--Search-Suggestion-Box-Transparency)));
  1353. --Search-Suggestions-HOVER-Background:rgba({RGBcolor:search suggestions HOVER BG},calc(100% - var(--Search-Suggestion-Items-HOVER-Transparency)));
  1354. }
  1355.  
  1356. /*------- BASICS -------*/
  1357. * {
  1358. box-sizing:border-box;
  1359. }
  1360.  
  1361. html, body {
  1362. min-width:calc(var(--Container-Total-Width) + 6.9vw);
  1363. }
  1364.  
  1365. body {
  1366. margin:0;
  1367. padding:0;
  1368. background-color:{color:background color};
  1369. background-image:url("{image:background image}");
  1370. background-attachment:fixed;
  1371. background-position:center;
  1372. font-family:var(--Body-Font-Family), sans-serif;
  1373. font-weight:var(--Body-Font-Weight);
  1374. font-size:var(--Body-Font-Size);
  1375. letter-spacing:var(--Body-Letter-Spacing);
  1376. color:var(--Body-Text-Color);
  1377. line-height:var(--Body-Line-Height);
  1378. -webkit-font-smoothing:antialiased;
  1379. -moz-osx-font-smoothing:grayscale;
  1380. }
  1381.  
  1382. html[bg-size="repeat"] body {
  1383. background-repeat:repeat;
  1384. }
  1385.  
  1386. html[bg-size="full"] body {
  1387. background-repeat:no-repeat;
  1388. background-size:cover;
  1389. }
  1390.  
  1391. .no-overscroll {
  1392. overscroll-behavior:none;
  1393. }
  1394.  
  1395. img, canvas, iframe, video {
  1396. vertical-align:middle;
  1397. }
  1398.  
  1399. b, strong {
  1400. font-weight:var(--Bold-Font-Weight);
  1401. color:var(--Bold);
  1402. }
  1403.  
  1404. i:not([class]), em {
  1405. color:var(--Italic);
  1406. }
  1407.  
  1408. pre, li.chat-line:not(ul.chat-wrap li.chat-line){
  1409. padding:calc(var(--Code-Padding) - (((var(--Code-Font-Size) * var(--Code-Line-Height)) - var(--Code-Font-Size)) / 2)) var(--Code-Padding);
  1410. word-wrap:break-word;
  1411. white-space:pre-wrap;
  1412. }
  1413.  
  1414. code {
  1415. padding:calc(0.5em - (((var(--Code-Font-Size) * var(--Code-Line-Height)) - var(--Code-Font-Size)) / 2)) 0.5em;
  1416. }
  1417.  
  1418. pre, code, li.chat-line:not(ul.chat-wrap li.chat-line){
  1419. border:var(--Code-Border-Size) solid var(--Code-Border-Color);
  1420. border-radius:var(--Code-Rounded-Corners);
  1421. background:var(--Code-BG);
  1422. font-family:var(--Code-Font-Family);
  1423. font-weight:var(--Code-Font-Weight);
  1424. font-size:var(--Code-Font-Size);
  1425. color:var(--Code-Text-Color);
  1426. line-height:var(--Code-Line-Height);
  1427. }
  1428.  
  1429. p.keep-reading {
  1430. text-align:center;
  1431. }
  1432.  
  1433. /*------- TEXT HIGHLIGHT -------*/
  1434. ::selection {
  1435. background:{color:text highlight BG};
  1436. color:{color:text highlighted};
  1437. }
  1438.  
  1439. ::-moz-selection {
  1440. background:{color:text highlight BG};
  1441. color:{color:text highlighted};
  1442. }
  1443.  
  1444. /*------- SCROLLBAR -------*/
  1445. @-moz-document url-prefix(){
  1446. * {
  1447. scrollbar-width:thin; /* firefox only */
  1448. }
  1449. }
  1450.  
  1451. ::-webkit-scrollbar {
  1452. width:var(--Scrollbar-Padding);
  1453. height:var(--Scrollbar-Padding);
  1454. background-color:var(--Scrollbar-BG);
  1455. }
  1456.  
  1457. ::-webkit-scrollbar-thumb {
  1458. background-color:var(--Scrollbar-Thumb);
  1459. border:calc((var(--Scrollbar-Padding) - 1px) / 2) solid var(--Scrollbar-BG);
  1460. }
  1461.  
  1462. ::-webkit-scrollbar-corner {
  1463. background:var(--Scrollbar-BG);
  1464. }
  1465.  
  1466. /*------- BODY FONT -------*/
  1467. html[font="Libre Franklin"]:root {
  1468. --Body-Letter-Spacing:0.0069em;
  1469. --Body-Font-Weight:475;
  1470. }
  1471.  
  1472. /*------- HEADING FONT -------*/
  1473. h1, h2, h3, h4, h5, h6, .post-title {
  1474. font-family:var(--Heading-Font-Family);
  1475. font-weight:var(--Heading-Font-Weight);
  1476. text-transform:var(--Heading-Text-Case);
  1477. letter-spacing:var(--Heading-Letter-Spacing);
  1478. word-spacing:var(--Heading-Word-Spacing);
  1479. line-height:var(--Heading-Line-Height);
  1480. }
  1481.  
  1482. h1, .post-title {
  1483. font-size:var(--Heading-Font-Size);
  1484. }
  1485.  
  1486. h2, h3 {
  1487. font-size:calc(var(--Heading-Font-Size) - 1px);
  1488. }
  1489.  
  1490. h4, h5, h6 {
  1491. font-size:calc(var(--Heading-Font-Size) - 2px);
  1492. }
  1493.  
  1494. /*-----------------------*/
  1495.  
  1496. html[heading-font="Gentium Book Plus"]:root {
  1497. --ut:calc(var(--Heading-Font-Size) * 1.2);
  1498. --nj:calc(var(--Heading-Line-Height) * 0.9);
  1499. --wee:calc(((var(--ut) * var(--nj)) - var(--ut)) / 2)!important;
  1500. }
  1501.  
  1502. html[heading-font="Gentium Book Plus"] .posts h1,
  1503. html[heading-font="Gentium Book Plus"] .post-title {
  1504. font-size:var(--ut)!important;
  1505. }
  1506.  
  1507. html[heading-font="Gentium Book Plus"] .posts h1,
  1508. html[heading-font="Gentium Book Plus"] .posts h2,
  1509. html[heading-font="Gentium Book Plus"] .posts h3,
  1510. html[heading-font="Gentium Book Plus"] .posts h4,
  1511. html[heading-font="Gentium Book Plus"] .posts h5,
  1512. html[heading-font="Gentium Book Plus"] .posts h6 {
  1513. font-weight:700!important;
  1514. line-height:var(--nj)!important;
  1515. }
  1516.  
  1517. /*-----------------------*/
  1518.  
  1519. html[heading-font="Playfair Display SC"] .posts h1,
  1520. html[heading-font="Playfair Display SC"] .posts h2,
  1521. html[heading-font="Playfair Display SC"] .posts h3,
  1522. html[heading-font="Playfair Display SC"] .posts h4,
  1523. html[heading-font="Playfair Display SC"] .posts h5,
  1524. html[heading-font="Playfair Display SC"] .posts h6 {
  1525. font-weight:900!important;
  1526. }
  1527.  
  1528. /*-----------------------*/
  1529.  
  1530. html[heading-font="Gloock"]:root {
  1531. --le:calc(var(--Heading-Font-Size) - 0.5px);
  1532. --wee:calc(((var(--le) * var(--Heading-Line-Height)) - var(--le)) / 2)!important;
  1533. }
  1534.  
  1535. html[heading-font="Gloock"] .posts h1,
  1536. html[heading-font="Gloock"] .post-title {
  1537. font-size:var(--le)!important;
  1538. }
  1539.  
  1540. html[heading-font="Gloock"] .posts h1,
  1541. html[heading-font="Gloock"] .posts h2,
  1542. html[heading-font="Gloock"] .posts h3,
  1543. html[heading-font="Gloock"] .posts h4,
  1544. html[heading-font="Gloock"] .posts h5,
  1545. html[heading-font="Gloock"] .posts h6 {
  1546. font-weight:bold!important;
  1547. letter-spacing:0.125em!important;
  1548. word-spacing:0.05em!important;
  1549. }
  1550.  
  1551. /*-----------------------*/
  1552.  
  1553. html[heading-font="Reem Kufi Fun"] .posts h1,
  1554. html[heading-font="Reem Kufi Fun"] .posts h2,
  1555. html[heading-font="Reem Kufi Fun"] .posts h3,
  1556. html[heading-font="Reem Kufi Fun"] .posts h4,
  1557. html[heading-font="Reem Kufi Fun"] .posts h5,
  1558. html[heading-font="Reem Kufi Fun"] .posts h6 {
  1559. word-spacing:0.15em;
  1560. }
  1561.  
  1562. /*----- UPPERCASE FONT / CAPS FONT -----*/
  1563. html[caps-font="Figtree"]:root {
  1564. --Caps-Font-Weight:600;
  1565. }
  1566.  
  1567. html[caps-font="Public Sans"]:root {
  1568. --Caps-Font-Size:calc(var(--Body-Font-Size) - 3px);
  1569. --Caps-Font-Weight:600;
  1570. }
  1571.  
  1572. html[caps-font="Karla"]:root {
  1573. --Caps-Font-Weight:600;
  1574. }
  1575.  
  1576. html[caps-font="Lora"]:root {
  1577. --Caps-Font-Weight:650;
  1578. }
  1579.  
  1580. html[caps-font="Averia Serif Libre"]:root {
  1581. --Caps-Font-Size:calc(var(--Body-Font-Size) - 1px);
  1582. --Caps-Font-Weight:700;
  1583. }
  1584.  
  1585. .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, .pagi-zone,
  1586. html[current-path="/customize_preview_receiver.html"] a.tumblr_blog {
  1587. font-family:var(--Caps-Font-Family);
  1588. font-weight:var(--Caps-Font-Weight);
  1589. text-transform:uppercase;
  1590. font-size:var(--Caps-Font-Size);
  1591. letter-spacing:var(--Caps-Letter-Spacing);
  1592. }
  1593.  
  1594. .comment-body .caps {
  1595. font-size:calc(var(--Caps-Font-Size) + 1px);
  1596. }
  1597.  
  1598. .vidyo-current-time, .vidyo-duration {
  1599. font-size:calc(var(--Caps-Font-Size) + 1px)!important;
  1600. }
  1601.  
  1602. /* !important overrides bc t*mblr */
  1603. .poll-row, .poll-see-results {
  1604. font-weight:var(--Caps-Font-Weight)!important;
  1605. font-size:var(--Caps-Font-Size)!important;
  1606. }
  1607.  
  1608. /*------- LINKS -------*/
  1609. a {
  1610. color:var(--Links-Color);
  1611. text-decoration:none;
  1612. }
  1613.  
  1614. .comment-body a b:not([style*="color:"],[class]),
  1615. .comment-body a i:not([style*="color:"],[class]){
  1616. color:var(--Links-Color);
  1617. }
  1618.  
  1619. .quote-set a, .question-text a, .answer-text a,
  1620. .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){
  1621. padding-bottom:var(--Links-Underline-Gap);
  1622. border-bottom:var(--Links-Underline-Size) solid var(--Links-Underline-Color);
  1623. }
  1624.  
  1625. /*------- BLOCKQUOTES -------*/
  1626. blockquote {
  1627. margin-left:calc((var(--Reblog-Head-Image-Size) - var(--Blockquote-Border-Size)) / 2);
  1628. margin-right:0;
  1629. padding-left:calc(((var(--Reblog-Head-Image-Size) - var(--Blockquote-Border-Size)) / 2) + var(--Reblog-Head-Gutter));
  1630. border-left:var(--Blockquote-Border-Size) solid var(--Blockquote-Border-Color);
  1631. }
  1632.  
  1633. /*------- BULLET LISTS -------*/
  1634. ul, ol {
  1635. --ul-ol-gap-1:1em;
  1636. --ul-ol-gap-2:0.5em;
  1637. padding-left:0;
  1638. margin-left:calc(1em + var(--ul-ol-gap-1));
  1639. }
  1640.  
  1641. li {
  1642. padding-left:var(--ul-ol-gap-2);
  1643. }
  1644.  
  1645. /* nested bullet lists */
  1646. ul ul, ol ul, ol ol, ul ol {
  1647. margin-left:calc(((1em + var(--ul-ol-gap-1)) * 2) - var(--ul-ol-gap-2));
  1648. }
  1649.  
  1650. /*------- TUMBLR CONTROLS -------*/
  1651. iframe.tmblr-iframe.iframe-controls--desktop {
  1652. position:fixed!important;
  1653. left:initial!important;
  1654. top:0!important;
  1655. right:0!important;
  1656. margin-left:0px!important;
  1657. margin-top:calc(var(--Top-Bar-Height) + 5px)!important;
  1658. margin-right:5px!important;
  1659. transform-origin:100% 0%!important;
  1660. transform:scale(0.8,0.8)!important;
  1661. }
  1662.  
  1663. html[tumblr-controls="black"] iframe.tmblr-iframe.iframe-controls--desktop {
  1664. filter:invert(100%) hue-rotate(180deg)!important;
  1665. }
  1666.  
  1667. .tmblr-iframe--follow-teaser, .follow-teaser, .iframe-controls--phone-mobile, .tmblr-iframe--app-cta-button {
  1668. display:none!important;
  1669. visibility:hidden!important;
  1670. height:0!important;
  1671. }
  1672.  
  1673. /*------- TOP BAR + HEADER -------*/
  1674. header {
  1675.  
  1676. }
  1677.  
  1678. /*------- TOP BAR -------*/
  1679. .topbar {
  1680. position:fixed;
  1681. top:0;left:0;
  1682. width:100vw;
  1683. height:var(--Top-Bar-Height);
  1684. background-color:var(--Top-Bar-BG);
  1685. z-index:10;
  1686. }
  1687.  
  1688. .top-inner {
  1689. position:relative;
  1690. margin:0;
  1691. display:flex;
  1692. justify-content:center;
  1693. align-items:center;
  1694. gap:var(--Top-Bar-Items-Spacing);
  1695. width:100%;
  1696. height:100%;
  1697. }
  1698.  
  1699. .topbar .mp-holder {
  1700. position:absolute;
  1701. top:0;left:0;
  1702. height:100%;
  1703. z-index:3;
  1704. }
  1705.  
  1706. .topbar .mp-holder.mp-hide { display:none!important; }
  1707.  
  1708. .topbar [music-player]{
  1709. display:flex;
  1710. align-items:center;
  1711. margin-left:calc(var(--Top-Bar-Padding) - 1px);
  1712. height:100%;
  1713. }
  1714.  
  1715. .topbar [music-player] [music-btn]{
  1716. box-sizing:content-box;
  1717. }
  1718.  
  1719. .topbar [music-player] .player-text {
  1720. font-family:var(--Top-Bar-Music-Player-Font-Family);
  1721. font-size:var(--Top-Bar-Music-Player-Font-Size);
  1722. font-weight:var(--Top-Bar-Music-Player-Font-Weight);
  1723. text-transform:var(--Top-Bar-Music-Player-Text-Case);
  1724. letter-spacing:var(--Top-Bar-Music-Player-Letter-Spacing);
  1725. word-spacing:var(--Top-Bar-Music-Player-Word-Spacing);
  1726. color:var(--Top-Bar-Music-Player-Text-Color);
  1727. }
  1728.  
  1729. .top-title {
  1730. margin:0;
  1731. font-size:var(--Top-Bar-Title-Size);
  1732. font-family:var(--Top-Bar-Title-Font-Family);
  1733. font-weight:var(--Top-Bar-Title-Font-Weight);
  1734. letter-spacing:var(--Top-Bar-Title-Letter-Spacing);
  1735. word-spacing:var(--Top-Bar-Title-Word-Spacing);
  1736. color:var(--Top-Bar-Title-Color);
  1737. line-height:1;
  1738. }
  1739.  
  1740. /*----- TOP BAR TITLE FONT ADJUSTMENTS -----*/
  1741. [tbt-font="Kalnia"] .top-title {
  1742. font-family:"Kalnia";
  1743. letter-spacing:0.08em;
  1744. }
  1745.  
  1746. [tbt-font="Gentium Book Plus"] .top-title {
  1747. font-family:"Gentium Book Plus";
  1748. font-weight:700!important;
  1749. letter-spacing:0.069em;
  1750. font-size:calc(var(--Top-Bar-Title-Size) * 1.1);
  1751. }
  1752.  
  1753. [tbt-font="Playfair Display SC"] .top-title {
  1754. font-family:"Playfair Display SC";
  1755. font-weight:900!important;
  1756. letter-spacing:0.08em;
  1757. }
  1758.  
  1759. [tbt-font="Gloock"] .top-title {
  1760. font-family:"Gloock";
  1761. font-weight:bold!important;
  1762. letter-spacing:0.15em;
  1763. }
  1764.  
  1765. [tbt-font="Reem Kufi Fun"] .top-title {
  1766. font-family:"Reem Kufi Fun";
  1767. letter-spacing:0.03em;
  1768. }
  1769.  
  1770. [tbt-font="Lexend"] .top-title {
  1771. font-family:"Lexend";
  1772. letter-spacing:0.03em;
  1773. }
  1774.  
  1775. .top-title .x-two {
  1776. display:none;
  1777. }
  1778.  
  1779. .top-title[data-text=""] .x-one {
  1780. display:none;
  1781. }
  1782.  
  1783. .top-title[data-text=""] .x-two {
  1784. display:block;
  1785. }
  1786.  
  1787. /* top bar item dividers */
  1788. .top-inner > * + *:before {
  1789. content:"";
  1790. position:absolute;
  1791. top:0;
  1792. margin-top:calc((var(--Top-Bar-Height) - var(--Top-Bar-Dividers-Height)) / 2);
  1793. margin-left:calc(0px - (var(--Top-Bar-Dividers-Width) / 2) - (var(--Top-Bar-Items-Spacing) / 2));
  1794. display:block;
  1795. width:var(--Top-Bar-Dividers-Width);
  1796. height:var(--Top-Bar-Dividers-Height);
  1797. background:var(--Top-Bar-Dividers-Color);
  1798. transform:perspective(0);
  1799. }
  1800.  
  1801. .top-inner > * + * {
  1802. margin-left:var(--Top-Bar-Dividers-Width);
  1803. }
  1804.  
  1805. header nav {
  1806. display:flex;
  1807. align-items:center;
  1808. gap:var(--Top-Bar-Links-Icon-Spacing);
  1809. }
  1810.  
  1811. header nav a {
  1812. display:flex;
  1813. align-items:center;
  1814. justify-content:center;
  1815. width:var(--Top-Bar-Links-Icon-Total-Width);
  1816. height:var(--Top-Bar-Links-Icon-Total-Width);
  1817. border:var(--Top-Bar-Links-Icon-Border-Size) solid var(--Top-Bar-Links-Icon-Border-Color);
  1818. border-radius:var(--Top-Bar-Links-Icon-Rounded-Corners);
  1819. background-color:var(--Top-Bar-Links-Icon-BG);
  1820. box-sizing:border-box;
  1821. transition:background-color var(--Top-Bar-Links-HOVER-Speed) ease-in-out, border-color var(--Top-Bar-Links-HOVER-Speed) ease-in-out;
  1822. }
  1823.  
  1824. header nav a i[class]{
  1825. font-size:var(--Top-Bar-Links-Icon-Size);
  1826. color:var(--Top-Bar-Links-Icon-Color);
  1827. transition:color var(--Top-Bar-Links-HOVER-Speed) ease-in-out;
  1828. }
  1829.  
  1830. header nav a i.gt-misc-icons {
  1831. --vvqnc:1.05;
  1832. font-size:calc(var(--Top-Bar-Links-Icon-Size) * var(--vvqnc));
  1833. margin-left:calc(var(--Top-Bar-Links-Icon-Size) * ((var(--vvqnc) - 1) / 2));
  1834. }
  1835.  
  1836. header nav, header nav a, header nav a i[class]{
  1837. line-height:1;
  1838. }
  1839.  
  1840. header nav a:hover {
  1841. border-color:var(--Top-Bar-Links-HOVER-Icon-Border-Color);
  1842. background-color:var(--Top-Bar-Links-HOVER-Icon-BG);
  1843. }
  1844.  
  1845. header nav a:hover i[class]{
  1846. color:var(--Top-Bar-Links-HOVER-Icon-Color);
  1847. }
  1848.  
  1849. header nav a.has-label + a.no-label { display:none; }
  1850.  
  1851. html[searchbar="hide"] .searchblock {
  1852. display:none!important;
  1853. }
  1854.  
  1855. .searchblock input::placeholder {
  1856. transition:color 0.15s ease-in-out;
  1857. }
  1858.  
  1859. .searchblock input:focus::placeholder {
  1860. color:transparent;
  1861. }
  1862.  
  1863. .searchbar-button button {
  1864. padding:var(--Searchbar-Button-Padding);
  1865. transition:border-color var(--Searchbar-Button-HOVER-Speed) ease-in-out, background-color var(--Searchbar-Button-HOVER-Speed) ease-in-out, color var(--Searchbar-Button-HOVER-Speed) ease-in-out;
  1866. }
  1867.  
  1868. .searchbar-button button:hover {
  1869. border-color:var(--Searchbar-Button-HOVER-Border);
  1870. background-color:var(--Searchbar-Button-HOVER-BG);
  1871. color:var(--Searchbar-Button-HOVER-Text);
  1872. }
  1873.  
  1874. .searchblock input, .searchblock button {
  1875. font-weight:var(--Caps-Font-Weight);
  1876. text-transform:uppercase;
  1877. letter-spacing:var(--Caps-Letter-Spacing);
  1878. word-spacing:var(--Caps-Word-Spacing);
  1879. }
  1880.  
  1881. .search-suggestions-wrapper {
  1882. position:absolute;
  1883. top:100%;
  1884. }
  1885.  
  1886. .search-suggestions {
  1887. border:none;
  1888. }
  1889.  
  1890. html[searchbar-glass="y"] .search-suggestions {
  1891. backdrop-filter:blur(var(--Search-Suggestion-Box-Blur));
  1892. }
  1893.  
  1894. html[searchbar-glass="n"] .search-suggestions a:first-child {
  1895. margin-top:0;
  1896. }
  1897.  
  1898. /*------- HEADER -------*/
  1899. .header-hero {
  1900. display:none;
  1901. width:100%;
  1902. height:var(--Header-Height);
  1903. background-image:url("{image:header background}");
  1904. background-position:center;
  1905. }
  1906.  
  1907. html[blog-page="1"] .header-hero {
  1908. display:block;
  1909. }
  1910.  
  1911. header.hh-hide .header-hero { display:none!important; }
  1912.  
  1913. .topbar + .header-hero {
  1914. margin-top:var(--Top-Bar-Height);
  1915. }
  1916.  
  1917. html[header-bg-size="large"] .header-hero {
  1918. background-size:cover;
  1919. background-repeat:no-repeat;
  1920. }
  1921.  
  1922. html[header-bg-size="small"] .header-hero {
  1923. background-repeat:repeat;
  1924. }
  1925.  
  1926. .header-inner {
  1927. padding-top:calc((var(--Header-Height) - (var(--Header-Height) * var(--Header-Content-Height))) / 2);
  1928. width:100%;
  1929. height:calc(var(--Header-Height) * var(--Header-Content-Height));
  1930. display:flex;
  1931. align-items:center;
  1932. justify-content:center;
  1933. gap:var(--Header-Center-Gap);
  1934. box-sizing:initial;
  1935. }
  1936.  
  1937. /* v+h balance left & right */
  1938. .header-img, .header-text-area {
  1939. display:flex;
  1940. align-items:center;
  1941. justify-content:flex-end;
  1942. height:100%;
  1943. flex-shrink:0;
  1944. }
  1945.  
  1946. /* header, left */
  1947. .header-img, .header-img img {
  1948. max-height:100%;
  1949. }
  1950.  
  1951. .header-img img {
  1952. }
  1953.  
  1954. /* header, right */
  1955. .header-text-area {
  1956. width:var(--Header-Text-Width);
  1957. }
  1958.  
  1959. .header-text-area > *, .header-text-area > hgroup:only-child > * {
  1960. margin:0;
  1961. }
  1962.  
  1963. .header-text-area > hgroup {
  1964. display:flex;
  1965. flex-direction:column;
  1966. gap:var(--Header-Text-Row-Gaps);
  1967. }
  1968.  
  1969. .header-title {
  1970. --x_o:calc(((var(--Header-Title-Font-Size) * var(--Header-Title-Line-Height)) - var(--Header-Title-Font-Size)) / 2);
  1971. margin:calc(0px - var(--x_o)) 0!important;
  1972. font-family:var(--Header-Title-Font-Family);
  1973. font-size:var(--Header-Title-Font-Size);
  1974. letter-spacing:var(--Header-Title-Letter-Spacing);
  1975. word-spacing:var(--Header-Title-Word-Spacing);
  1976. color:var(--Header-Title-Color);
  1977. line-height:var(--Header-Title-Line-Height);
  1978. }
  1979.  
  1980. /*----- HEADER TITLE FONT ADJUSTMENTS -----*/
  1981. [htf="Kalnia"] .header-title {
  1982. font-family:"Kalnia";
  1983. letter-spacing:0.08em;
  1984. }
  1985.  
  1986. [htf="Gentium Book Plus"] .header-title {
  1987. font-family:"Gentium Book Plus";
  1988. font-weight:700!important;
  1989. letter-spacing:0.06em;
  1990. --fz:calc(var(--Header-Title-Font-Size) * 1.2);
  1991. --lh:calc(var(--Header-Title-Line-Height) * 0.8);
  1992. font-size:var(--fz);
  1993. line-height:var(--lh);
  1994. --x_o:calc(((var(--fz) * var(--lh)) - var(--fz)) / 2);
  1995. }
  1996.  
  1997. [htf="Playfair Display SC"] .header-title {
  1998. font-family:"Playfair Display SC";
  1999. font-weight:900!important;
  2000. letter-spacing:0.08em;
  2001. }
  2002.  
  2003. [htf="Gloock"] .header-title {
  2004. font-family:"Gloock";
  2005. font-weight:bold!important;
  2006. letter-spacing:0.095em;
  2007. }
  2008.  
  2009. [htf="Reem Kufi Fun"] .header-title {
  2010. font-family:"Reem Kufi Fun";
  2011. letter-spacing:0.03em;
  2012. }
  2013.  
  2014. [htf="Lexend"] .header-title {
  2015. font-family:"Lexend";
  2016. letter-spacing:0.03em;
  2017. }
  2018.  
  2019. .header-desc {
  2020. font-family:var(--Header-Desc-Font-Family);
  2021. font-size:var(--Header-Desc-Font-Size);
  2022. font-weight:var(--Header-Desc-Font-Weight);
  2023. color:var(--Header-Desc-Text-Color);
  2024. line-height:var(--Header-Desc-Line-Height);
  2025. }
  2026.  
  2027. .header-desc b, .header-desc strong {
  2028. color:var(--Header-Desc-Bold);
  2029. }
  2030.  
  2031. .header-desc i:not([class]), .header-desc em {
  2032. color:var(--Header-Desc-Italic);
  2033. }
  2034.  
  2035. .header-desc a {
  2036. padding-bottom:var(--Header-Desc-Links-Underline-Gap);
  2037. border-bottom:var(--Header-Desc-Links-Underline-Size) solid var(--Header-Desc-Links-Underline-Color);
  2038. color:var(--Header-Desc-Links);
  2039. }
  2040.  
  2041. /*----- HEADER DESC FONT ADJUSTMENTS -----*/
  2042. [hdf="Libre Franklin"] .header-desc {
  2043. --Header-Desc-Font-Weight:475;
  2044. }
  2045.  
  2046. .scroll-btn-cont {
  2047. display:flex;
  2048. }
  2049.  
  2050. .scroll-btn-cont.scl-hide { display:none!important; }
  2051.  
  2052. .scroll-btn {
  2053. display:flex;
  2054. align-items:center;
  2055. gap:var(--Header-Scroll-Btn-Icon-Gap);
  2056. margin:0;
  2057. padding:calc(var(--Header-Scroll-Btn-Padding) - (((var(--Header-Scroll-Btn-Font-Size) * var(--Header-Scroll-Btn-Line-Height)) - var(--Header-Scroll-Btn-Font-Size)) / 2)) var(--Header-Scroll-Btn-Padding);
  2058. border:var(--Header-Scroll-Btn-Border-Size) solid var(--Header-Scroll-Btn-Border-Color);
  2059. background-color:var(--Header-Scroll-Btn-BG);
  2060. border-radius:var(--Header-Scroll-Btn-Rounded-Corners);
  2061. font-family:var(--Header-Scroll-Btn-Font-Family);
  2062. font-size:var(--Header-Scroll-Btn-Font-Size);
  2063. font-weight:var(--Header-Scroll-Btn-Font-Weight);
  2064. text-transform:uppercase;
  2065. letter-spacing:var(--Header-Scroll-Btn-Letter-Spacing);
  2066. word-spacing:var(--Header-Scroll-Btn-Word-Spacing);
  2067. color:var(--Header-Scroll-Btn-Text-Color);
  2068. line-height:var(--Header-Scroll-Btn-Line-Height);
  2069. cursor:pointer;
  2070. transform-origin:center;
  2071. transition:background-color var(--Header-Scroll-Btn-HOVER-Speed) ease-in-out, border-color var(--Header-Scroll-Btn-HOVER-Speed) ease-in-out, color var(--Header-Scroll-Btn-HOVER-Speed) ease-in-out, transform var(--Header-Scroll-Btn-HOVER-Speed) ease-in-out;
  2072. }
  2073.  
  2074. .scroll-btn.rc-20px {
  2075. padding-left:calc(var(--Header-Scroll-Btn-Padding) + 5px);
  2076. padding-right:calc(var(--Header-Scroll-Btn-Padding) + 2px);
  2077. }
  2078.  
  2079. .scroll-btn:not(.has-t) .x-one { display:none; }
  2080. .scroll-btn.has-t .x-two { display:none; }
  2081.  
  2082. .scroll-btn i[class]{
  2083. font-size:var(--Header-Scroll-Btn-Icon-Size);
  2084. }
  2085.  
  2086. .scroll-btn:hover {
  2087. border-color:var(--Header-Scroll-Btn-HOVER-Border-Color);
  2088. background-color:var(--Header-Scroll-Btn-HOVER-BG);
  2089. color:var(--Header-Scroll-Btn-HOVER-Text-Color);
  2090. }
  2091.  
  2092. .scroll-btn.anim-yes:hover {
  2093. transform:scale(1.0420,1.0420);
  2094. }
  2095.  
  2096. /*------- CONTAINER SETTINGS -------*/
  2097. main {
  2098. margin:auto;
  2099. min-width:var(--Container-Total-Width);
  2100. }
  2101.  
  2102. .main-inner {
  2103. margin:calc(var(--Top-Bar-Height) + var(--Screen-Gaps)) auto var(--Screen-Gaps) auto;
  2104. box-sizing:content-box;
  2105. display:flex;
  2106. flex-wrap:nowrap;
  2107. align-items:flex-start;
  2108. justify-content:center;
  2109. gap:var(--Main-Center-Gap);
  2110. }
  2111.  
  2112. html[blog-page="1"] header.hh-show + main .main-inner {
  2113. padding-top:var(--Screen-Gaps);
  2114. margin:0 auto var(--Screen-Gaps) auto;
  2115. }
  2116.  
  2117. /*------- SIDEBAR -------*/
  2118. .left-sidebar {
  2119. position:relative;
  2120. width:var(--Sidebar-Width-Total)!important;
  2121. flex-shrink:0;
  2122. }
  2123.  
  2124. .sb-inner {
  2125. width:var(--Sidebar-Width-Total)!important;
  2126. }
  2127.  
  2128. .sb-box {
  2129. margin-bottom:var(--Sidebar-Boxes-Spacing);
  2130. border:var(--Sidebar-Border-Size) solid var(--Sidebar-Border-Color);
  2131. padding:var(--Sidebar-Padding);
  2132. background:var(--Sidebar-BG);
  2133. border-radius:var(--Sidebar-Rounded-Corners);
  2134. }
  2135.  
  2136. .sb-box:last-child, html[has-pagi][pagi="bot"] .sb-box:nth-of-type(2){
  2137. margin-bottom:0;
  2138. }
  2139.  
  2140. .box-inner {
  2141. display:flex;
  2142. flex-direction:column;
  2143. gap:var(--Sidebar-Box-Contents-Row-Spacing);
  2144. }
  2145.  
  2146. .sb-title {
  2147. --aentg:max((var(--Sidebar-Title-Underline-1-Thickness) / 2), (var(--Sidebar-Title-Underline-2-Thickness) / 2));
  2148. --yy:calc(((var(--Sidebar-Title-Font-Size) * var(--Sidebar-Title-Line-Height)) - var(--Sidebar-Title-Font-Size)) / 2);
  2149. position:relative;
  2150. margin:calc(0px - var(--yy)) 0 var(--aentg) 0;
  2151. display:flex;
  2152. align-items:center;
  2153. font-family:var(--Sidebar-Title-Font-Family);
  2154. font-size:var(--Sidebar-Title-Font-Size);
  2155. letter-spacing:var(--Sidebar-Title-Letter-Spacing);
  2156. word-spacing:var(--Sidebar-Title-Word-Spacing);
  2157. color:var(--Sidebar-Title-Color);
  2158. text-align:var(--Sidebar-Title-Text-Align);
  2159. line-height:var(--Sidebar-Title-Line-Height);
  2160. }
  2161.  
  2162. /*----- SIDEBAR TITLE FONT ADJUSTMENTS -----*/
  2163. [sbt-font="Kalnia"].sb-title {
  2164. font-family:"Kalnia";
  2165. letter-spacing:0.025em;
  2166. }
  2167.  
  2168. [sbt-font="Gentium Book Plus"].sb-title {
  2169. --nt:calc(var(--Sidebar-Title-Font-Size) * 1.2);
  2170. --nl:calc(var(--Sidebar-Title-Line-Height) * 1.2);
  2171. font-family:"Gentium Book Plus";
  2172. font-weight:700!important;
  2173. font-size:var(--nt);
  2174. --yy:calc(((var(--nt) * var(--nl)) - var(--nt)) / 2);
  2175. }
  2176.  
  2177. [sbt-font="Playfair Display SC"].sb-title {
  2178. font-family:"Playfair Display SC";
  2179. font-weight:900!important;
  2180. letter-spacing:0.04em;
  2181. }
  2182.  
  2183. [sbt-font="Gloock"].sb-title {
  2184. font-family:"Gloock";
  2185. font-weight:bold!important;
  2186. letter-spacing:0.125em;
  2187. }
  2188.  
  2189. [sbt-font="Reem Kufi Fun"].sb-title {
  2190. font-family:"Reem Kufi Fun";
  2191. letter-spacing:0.03em;
  2192. word-spacing:0.15em;
  2193. }
  2194.  
  2195. [sbt-font="Lexend"].sb-title {
  2196. font-family:"Lexend";
  2197. letter-spacing:0.025em;
  2198. }
  2199.  
  2200. .sb-title[sbt-align="left"]{
  2201. justify-content:flex-start;
  2202. }
  2203.  
  2204. .sb-title[sbt-align="center"]{
  2205. justify-content:center;
  2206. }
  2207.  
  2208. .sb-title[sbt-align="right"]{
  2209. justify-content:flex-end;
  2210. }
  2211.  
  2212. /* wide underline */
  2213. .sb-title:before {
  2214. content:"";
  2215. position:absolute;
  2216. top:100%;right:0;
  2217. margin-top:calc(var(--Sidebar-Title-Underline-1-Thickness) / -2);
  2218. width:100%;
  2219. height:var(--Sidebar-Title-Underline-1-Thickness);
  2220. background:var(--Sidebar-Title-Underline-1-Color);
  2221. border-radius:var(--Sidebar-Title-Underline-1-Rounded-Corners);
  2222. transform-origin:center;
  2223. transform:perspective(0);
  2224. }
  2225.  
  2226. .sb-title > span {
  2227. position:relative;
  2228. padding-left:var(--Sidebar-Title-Side-Padding);
  2229. padding-right:var(--Sidebar-Title-Side-Padding);
  2230. padding-bottom:calc(var(--aentg) + var(--Sidebar-Title-Bottom-Gap));
  2231. }
  2232.  
  2233. /* short underline */
  2234. .sb-title > span:before {
  2235. content:"";
  2236. position:absolute;
  2237. top:100%;right:0;
  2238. margin-top:calc(var(--Sidebar-Title-Underline-2-Thickness) / -2);
  2239. width:100%;
  2240. height:var(--Sidebar-Title-Underline-2-Thickness);
  2241. background:var(--Sidebar-Title-Underline-2-Color);
  2242. border-radius:var(--Sidebar-Title-Underline-2-Rounded-Corners);
  2243. transform-origin:center;
  2244. transform:perspective(0);
  2245. }
  2246.  
  2247. .sb-title:not([t]) .x-two,
  2248. .sb-title:not([t]) .x-three {
  2249. display:none;
  2250. }
  2251.  
  2252. .sb-title[t=""] .x-one,
  2253. .sb-title[t=""] .x-two {
  2254. display:none;
  2255. }
  2256.  
  2257. .sb-title[t]:not([t=""]) [class^="x-"]:not(:first-child){ display:none; }
  2258. .sb-title[t]:not([t=""]) [class^="x-"]:first-child { display:inline-block!important; }
  2259.  
  2260. .sb-desc {
  2261. --omy:calc(((var(--Sidebar-Desc-Font-Size) * var(--Sidebar-Desc-Line-Height)) - var(--Sidebar-Desc-Font-Size)) / 2);
  2262. margin:calc(0px - var(--omy)) 0;
  2263. font-size:var(--Sidebar-Desc-Font-Size);
  2264. text-align:var(--Sidebar-Desc-Text-Align);
  2265. line-height:var(--Sidebar-Desc-Line-Height);
  2266. color:var(--Sidebar-Desc-Text-Color);
  2267. }
  2268.  
  2269. .sb-desc b, .sb-desc strong {
  2270. color:var(--Sidebar-Desc-Bold);
  2271. }
  2272.  
  2273. .sb-desc i:not([class]), .sb-desc em {
  2274. color:var(--Sidebar-Desc-Italic);
  2275. }
  2276.  
  2277. .sb-desc a {
  2278. padding-bottom:var(--Sidebar-Desc-Links-Underline-Gap);
  2279. border-bottom:var(--Sidebar-Desc-Links-Underline-Size) solid var(--Sidebar-Desc-Links-Underline-Color);
  2280. color:var(--Sidebar-Desc-Links);
  2281. }
  2282.  
  2283. p.sb-desc *:last-child {
  2284. margin:0;
  2285. }
  2286.  
  2287. /* custom links */
  2288. .custom-links {
  2289. display:grid;
  2290. grid-template-columns:repeat(var(--CustomLinks-Columns), 1fr);
  2291. grid-gap:var(--CustomLinks-Spacing);
  2292. }
  2293.  
  2294. .custom-links[rc="each"] > a {
  2295. border-radius:var(--CustomLinks-Rounded-Corners);
  2296. }
  2297.  
  2298. .custom-links[rc="wrapped"]{
  2299. border-radius:var(--CustomLinks-Rounded-Corners);
  2300. overflow:hidden;
  2301. }
  2302.  
  2303. .custom-links > a {
  2304. padding:calc(var(--CustomLinks-Padding) - (((var(--CustomLinks-Font-Size) * var(--CustomLinks-Line-Height)) - var(--CustomLinks-Font-Size)) / 2)) var(--CustomLinks-Padding);
  2305. background-color:var(--CustomLinks-BG);
  2306. font-family:var(--CustomLinks-Font-Family);
  2307. font-weight:var(--CustomLinks-Font-Weight);
  2308. font-size:var(--CustomLinks-Font-Size);
  2309. text-transform:var(--CustomLinks-Text-Case);
  2310. letter-spacing:var(--CustomLinks-Letter-Spacing);
  2311. word-spacing:var(--CustomLinks-Word-Spacing);
  2312. line-height:var(--CustomLinks-Line-Height);
  2313. color:var(--CustomLinks-Text-Color);
  2314. text-align:center;
  2315. transition:background-color var(--CustomLinks-Hover-Speed) ease-in-out, color var(--CustomLinks-Hover-Speed) ease-in-out;
  2316. }
  2317.  
  2318. .custom-links > a:hover {
  2319. background-color:var(--CustomLinks-Hover-BG);
  2320. color:var(--CustomLinks-Hover-Text-Color);
  2321. }
  2322.  
  2323. /*------- POSTS SETTINGS -------*/
  2324. .all-posts {
  2325. width:var(--Post-Width-Total);
  2326. flex-shrink:0;
  2327. }
  2328.  
  2329. .posts, .post-notes, .botpagi {
  2330. background:var(--Post-BG);
  2331. border:var(--Post-Borders-Size) solid var(--Post-Borders-Color);
  2332. border-radius:var(--Post-Rounded-Corners);
  2333. width:100%;
  2334. overflow:hidden;
  2335. margin-bottom:var(--Post-Spacing);
  2336. }
  2337.  
  2338. html[has-pagi][pagi="sb"] .posts:last-of-type {
  2339. margin-bottom:0;
  2340. }
  2341.  
  2342. .posts:last-child, .post-notes:last-child, .botpagi:last-child {
  2343. margin-bottom:0;
  2344. }
  2345.  
  2346. .load-in { opacity:0; }
  2347.  
  2348. .load-in, .load-removing {
  2349. transition:opacity var(--Load-In-Speed) ease-in-out;
  2350. }
  2351.  
  2352. /*------ FULL WIDTH POSTS ------*/
  2353. html[full-width-posts="yes"]:root {
  2354. --Post-Width-Total:calc(var(--Post-Width) + (var(--Post-Borders-Size) * 2));
  2355. }
  2356.  
  2357. /*------ NOT FULL WIDTH POSTS ------*/
  2358. html[full-width-posts="no"] [post-type="photo"] .post-body,
  2359. html[full-width-posts="no"] [post-type="video"] .post-body {
  2360. margin-top:var(--Post-Padding);
  2361. margin-left:var(--Post-Padding);
  2362. width:calc(100% - (var(--Post-Padding) * 2));
  2363. }
  2364.  
  2365. html[full-width-posts="no"] [post-type="photo"] .post-body .comments,
  2366. html[full-width-posts="no"] [post-type="video"] .post-body .comments {
  2367. margin-left:calc(0px - var(--Post-Padding));
  2368. width:calc(100% + (var(--Post-Padding) * 2));
  2369. }
  2370.  
  2371. /*------ ROUNDED CORNERS ------*/
  2372. /* only rounds first media in the post */
  2373. /* ignores images in additional reblogs/comments */
  2374. html[rounded-corners]:not([rounded-corners="0px"])[full-width-posts="no"] [post-type="photo"] .post-body [class^="legacy-photo"],
  2375. html[rounded-corners]:not([rounded-corners="0px"])[full-width-posts="no"] .post-body > .photo-origin:first-child,
  2376. html[rounded-corners]:not([rounded-corners="0px"])[full-width-posts="no"] [post-type="video"] .post-body [class^="legacy-video"]{
  2377. border-radius:var(--Post-Rounded-Corners);
  2378. overflow:hidden;
  2379. }
  2380.  
  2381. /*------- POST TITLES -------*/
  2382. .post-title {
  2383. --wee:calc(((var(--Heading-Font-Size) * var(--Heading-Line-Height)) - var(--Heading-Font-Size)) / 2);
  2384. --ekvje:max((var(--Heading-Underline-1-Size) / 2), (var(--Heading-Underline-2-Size) / 2));
  2385. position:relative;
  2386. display:flex;
  2387. align-items:center;
  2388. justify-content:center;
  2389. text-align:center;
  2390. margin-top:0;
  2391. margin-bottom:calc(var(--ekvje))!important;
  2392. padding:0 var(--Post-Padding);
  2393. color:var(--Heading-Text-Color);
  2394. z-index:0;
  2395. }
  2396.  
  2397. /* wide underline */
  2398. .post-title:after {
  2399. content:"";
  2400. position:absolute;
  2401. top:100%;left:0;
  2402. margin-top:calc(var(--Heading-Underline-1-Size) / -2);
  2403. display:block;
  2404. transform:perspective(0);
  2405. width:100%;
  2406. height:var(--Heading-Underline-1-Size);
  2407. background:var(--Heading-Underline-1-Color);
  2408. }
  2409.  
  2410. .post-title > .title-text:first-child {
  2411. position:relative;
  2412. padding-top:calc(var(--Post-Padding) - var(--wee));
  2413. padding-bottom:calc(var(--Post-Padding) - var(--wee) + var(--ekvje));
  2414. padding-left:var(--Heading-Side-Padding);
  2415. padding-right:var(--Heading-Side-Padding);
  2416. z-index:1;
  2417. }
  2418.  
  2419. /* short underline */
  2420. .post-title > .title-text:first-child:after {
  2421. content:"";
  2422. position:absolute;
  2423. top:100%;left:0;
  2424. margin-top:calc(var(--Heading-Underline-2-Size) / -2);
  2425. display:block;
  2426. transform:perspective(0);
  2427. width:100%;
  2428. height:var(--Heading-Underline-2-Size);
  2429. background:var(--Heading-Underline-2-Color);
  2430. border-radius:var(--Heading-Underline-2-Rounded-Corners);
  2431. }
  2432.  
  2433. /*------- CAPTIONS / COMMENTS -------*/
  2434. .text-block > .post-title:first-child + .comments {
  2435. /*margin-top:calc(0px - var(--Post-Padding));*/
  2436. }
  2437.  
  2438. .comment {
  2439. padding:var(--Post-Padding);
  2440. }
  2441.  
  2442. /*-----------*/
  2443.  
  2444. /* for: audio blocks -> reblogs */
  2445. html[reblog-borders="yes"] .aud-gen + .comments,
  2446. html[reblog-borders="yes"] [post-type="audio"].ex-npf .post-body > .photo-origin:first-child + .text-block {
  2447. border-top:var(--Reblog-Borders-Size) solid var(--Reblog-Borders);
  2448. }
  2449.  
  2450. html[reblog-borders="yes"] [post-type="audio"].ex-npf .post-body > .photo-origin:first-child + .text-block {
  2451. margin-top:var(--Post-Padding);
  2452. }
  2453.  
  2454. html[reblog-borders="no"] [post-type="audio"].ex-npf .post-body > .photo-origin:first-child + .text-block {
  2455. margin-top:calc(0px - var(--Post-Padding));
  2456. }
  2457.  
  2458. /* for: question blocks -> reblogs */
  2459. html[reblog-borders="yes"] .question-part + .comments {
  2460. border-top:var(--Reblog-Borders-Size) solid var(--Reblog-Borders);
  2461. }
  2462.  
  2463. html[reblog-borders="no"] .question-part + .comments {
  2464. margin-top:calc(0px - var(--Post-Padding));
  2465. }
  2466.  
  2467. /*-----------*/
  2468.  
  2469. html[reblog-borders="yes"] .comment + .comment {
  2470. border-top:var(--Reblog-Borders-Size) solid var(--Reblog-Borders);
  2471. }
  2472.  
  2473. html[reblog-borders="no"] .comment + .comment {
  2474. margin-top:calc(0px - var(--Post-Padding));
  2475. }
  2476.  
  2477. .comments:empty {
  2478. display:none;
  2479. }
  2480.  
  2481. .comment-header {
  2482. display:flex;
  2483. align-items:center;
  2484. justify-content:flex-start;
  2485. width:fit-content;
  2486. gap:0 var(--Reblog-Head-Gutter);
  2487. }
  2488.  
  2489. .comment-header img.userpic {
  2490. width:var(--Reblog-Head-Image-Size);
  2491. height:var(--Reblog-Head-Image-Size);
  2492. border-radius:var(--Reblog-Head-Image-Rounded-Corners);
  2493. }
  2494.  
  2495. .comment-header .username,
  2496. html[current-path="/customize_preview_receiver.html"] a.tumblr_blog {
  2497. color:var(--Reblog-Name-Color);
  2498. }
  2499.  
  2500. .comment-header:not(:last-child){
  2501. margin-bottom:var(--Reblog-Head-Bottom-Gap);
  2502. }
  2503.  
  2504. /* file.garden/ZRt8jW_MomIqlrfn/screenshots/nkbsj.png */
  2505. [post-type="quote"].ex-npf .comments > .comment.extra-comment:first-child .comment-header,
  2506. [post-type="chat"].ex-npf .comments > .comment:first-child .comment-header {
  2507. display:none;
  2508. }
  2509.  
  2510. /* deactivated users */
  2511. .comment.deactivated .comment-header {
  2512. cursor:default;
  2513. }
  2514.  
  2515. .comment-header .deactivated {
  2516. color:rgba(var(--Body-Text-Color-RGB),0.8);
  2517. }
  2518.  
  2519. .comment-header .username + .deactivated {
  2520. margin-left:calc(0px - var(--Reblog-Head-Gutter) + 0.5em);
  2521. }
  2522.  
  2523. .comment-body > h1:first-child,
  2524. .comment-body > h2:first-child,
  2525. .comment-body > h3:first-child,
  2526. .comment-body > h4:first-child,
  2527. .comment-body > h5:first-child,
  2528. .comment-body > h6:first-child,
  2529. .comment-body > p:first-child,
  2530. .comment-body > blockquote:first-child,
  2531. .comment-body > ul:first-child,
  2532. .comment-body > ol:first-child {
  2533. margin-top:0;
  2534. }
  2535.  
  2536. .comment-body > h1:last-child,
  2537. .comment-body > h2:last-child,
  2538. .comment-body > h3:last-child,
  2539. .comment-body > h4:last-child,
  2540. .comment-body > h5:last-child,
  2541. .comment-body > h6:last-child,
  2542. .comment-body > p:last-child,
  2543. .comment-body > blockquote:last-child,
  2544. .comment-body > ul:last-child,
  2545. .comment-body > ol:last-child {
  2546. margin-bottom:0;
  2547. }
  2548.  
  2549. .comment-body blockquote > p:first-child {
  2550. margin-top:0;
  2551. }
  2552.  
  2553. .comment-body blockquote > p:last-child {
  2554. margin-bottom:0;
  2555. }
  2556.  
  2557. /*------- PHOTO POSTS -------*/
  2558. .legacy-photo img, .legacy-photoset img {
  2559. display:block;
  2560. max-width:100%;
  2561. height:auto;
  2562. }
  2563.  
  2564. .legacy-photoset {
  2565. display:grid;
  2566. grid-gap:var(--Photoset-Image-Spacing)
  2567. }
  2568.  
  2569. .legacy-photoset > img {
  2570. display:none; /* handle loading */
  2571. }
  2572.  
  2573. .layout-row {
  2574. position:relative;
  2575. display:grid;
  2576. grid-gap:0 var(--Photoset-Image-Spacing);
  2577. overflow:hidden;
  2578. }
  2579.  
  2580. .layout-row img {
  2581. position:absolute;
  2582. width:100%;
  2583. height:auto;
  2584. visibility:hidden;
  2585. object-fit:cover;
  2586. object-position:center;
  2587. cursor:pointer;
  2588. }
  2589.  
  2590. .layout-row.done img {
  2591. position:relative;
  2592. visibility:visible;
  2593. }
  2594.  
  2595. .legacy-photo img {
  2596. cursor:pointer;
  2597. }
  2598.  
  2599. /* file.garden/ZRt8jW_MomIqlrfn/screenshots/vbkmr.png */
  2600. [full-width-posts="no"] [class*="legacy-photo"]:last-child,
  2601. [full-width-posts="no"] .legacy-video:last-child,
  2602. [full-width-posts="no"] .photo-origin:last-child {
  2603. margin-bottom:var(--Post-Padding);
  2604. }
  2605.  
  2606. /*------- PHOTO LIGHTBOXES -------*/
  2607. body[style*="overflow: hidden;"],
  2608. body[style*="overflow:hidden;"]{
  2609. overflow:inherit!important;
  2610. }
  2611.  
  2612. .tmblr-lightbox, #tumblr_lightbox {
  2613. background-image:none!important;
  2614. background-color:rgba({RGBcolor:background color},0.69)!important;
  2615. backdrop-filter:blur(3px);
  2616. }
  2617.  
  2618. .tmblr-lightbox .vignette, #tumblr_lightbox #vignette {
  2619. opacity:0!important;
  2620. }
  2621.  
  2622. .tmblr-lightbox .lightbox-image,
  2623. .tmblr-lightbox img, #tumblr_lightbox img {
  2624. box-shadow:none!important;
  2625. border-radius:var(--Rounded-Corners)!important;
  2626. }
  2627.  
  2628. .tmblr-lightbox img, #tumblr_lightbox img {
  2629. max-width:none;
  2630. width:auto;
  2631. }
  2632.  
  2633. /*------- QUOTE POSTS -------*/
  2634. .quote-block {
  2635. padding:var(--Post-Padding);
  2636. }
  2637.  
  2638. .quote-set blockquote.quote-text {
  2639. margin-left:0;
  2640. padding:0 var(--Post-Padding);
  2641. border:none;
  2642. font-family:var(--Quote-Font-Family);
  2643. font-weight:var(--Quote-Font-Weight);
  2644. font-size:var(--Quote-Font-Size);
  2645. text-transform:var(--Quote-Text-Case);
  2646. letter-spacing:var(--Quote-Letter-Spacing);
  2647. word-spacing:var(--Quote-Word-Spacing);
  2648. line-height:var(--Quote-Line-Height);
  2649. text-align:center;
  2650. }
  2651.  
  2652. .quote-set *:first-child { margin-top:0; }
  2653. .quote-set *:last-child { margin-bottom:0; }
  2654.  
  2655. .quote-source {
  2656. text-align:center;
  2657. }
  2658.  
  2659. .posts.ex-npf[post-type="quote"] .quote-comment:first-child .comment-header {
  2660. display:none;
  2661. }
  2662.  
  2663. /*------- LINK POSTS -------*/
  2664. .comment-body .link-render {
  2665. display:block;
  2666. margin:1em 0;
  2667. }
  2668.  
  2669. .comment-body .link-render:first-child { margin-top:0 }
  2670. .comment-body .link-render:last-child { margin-bottom:0 }
  2671.  
  2672. .link-render .title-text {
  2673. display:flex;
  2674. flex-direction:column;
  2675. align-items:center;
  2676. }
  2677.  
  2678. .link-block > .link-render:last-child {
  2679. --Heading-Underline-1-Size:0px;
  2680. --Heading-Underline-2-Size:0px;
  2681. }
  2682.  
  2683. .link-render h2 {
  2684. margin:0;
  2685. }
  2686.  
  2687. .link-render .site-name {
  2688. display:flex;
  2689. align-items:center;
  2690. margin-top:0.45em;
  2691. color:var(--Body-Text-Color);
  2692. }
  2693.  
  2694. .link-render .site-name i[class]{
  2695. margin-right:min(0.45em, 8px);
  2696. font-size:calc(var(--Caps-Font-Size) + 2px);
  2697. line-height:1;
  2698. }
  2699.  
  2700. .link-render.post-title .site-name i[class]{
  2701. margin-left:-2px;
  2702. }
  2703.  
  2704. .npf-link-block {
  2705. display:none!important;
  2706. }
  2707.  
  2708. /*------- CHAT POSTS -------*/
  2709. .chat-block {
  2710. padding:var(--Post-Padding);
  2711. }
  2712.  
  2713. ul.chat-wrap {
  2714. list-style:none;
  2715. margin:0;
  2716. padding:0;
  2717. }
  2718.  
  2719. li.chat-line {
  2720. list-style:none;
  2721. padding:calc(var(--Chat-Line-Padding) - (((var(--Body-Font-Size) * var(--Body-Line-Height)) - var(--Body-Font-Size)) / 2)) var(--Chat-Line-Padding);
  2722. border-radius:var(--Chat-Line-Rounded-Corners);
  2723. }
  2724.  
  2725. li.chat-line:nth-of-type(odd){
  2726. background:var(--Chat-Line-Odd-BG);
  2727. }
  2728.  
  2729. li.chat-line:nth-of-type(odd),
  2730. li.chat-line:nth-of-type(odd) .chat-label {
  2731. color:var(--Chat-Line-Odd-Text-Color);
  2732. }
  2733.  
  2734. .chat-label {
  2735. color:var(--Body-Text-Color);
  2736. }
  2737.  
  2738. /*------- AUDIO POSTS -------*/
  2739. .aud-gen {
  2740. display:flex;
  2741. align-items:center;
  2742. justify-content:space-between;
  2743. overflow:hidden;
  2744. }
  2745.  
  2746. .audio-block .aud-gen,
  2747. [post-type="audio"].ex-npf .post-body > .npf-audio-only:first-child {
  2748. margin:var(--Post-Padding);
  2749. }
  2750.  
  2751. .aud-gen + .comments {
  2752.  
  2753. }
  2754.  
  2755. .aud-cover {
  2756. position:relative;
  2757. width:var(--Audio-Post-Album-Cover-Size);
  2758. height:var(--Audio-Post-Album-Cover-Size);
  2759. z-index:0;
  2760. }
  2761.  
  2762. .aud-cover .aud-ctl, .aud-cover img {
  2763. position:absolute;
  2764. top:0;left:0;
  2765. width:100%;
  2766. height:100%;
  2767. }
  2768.  
  2769. .aud-gen img {
  2770. width:100%;
  2771. height:100%!important;
  2772. object-fit:cover;
  2773. border-radius:var(--Audio-Post-Album-Cover-Rounded-Corners);
  2774. z-index:1;
  2775. }
  2776.  
  2777. .aud-cover .aud-ctl {
  2778. display:flex;
  2779. align-items:center;
  2780. justify-content:center;
  2781. z-index:2;
  2782. }
  2783.  
  2784. .aud-ctl .q-play,
  2785. .aud-ctl .q-pause {
  2786. display:flex;
  2787. align-items:center;
  2788. justify-content:center;
  2789. width:calc(var(--Audio-Post-Btns-Size) + (var(--Audio-Post-Btns-Padding) * 2));
  2790. height:calc(var(--Audio-Post-Btns-Size) + (var(--Audio-Post-Btns-Padding) * 2));
  2791. background-color:var(--Audio-Post-Btns-BG);
  2792. border-radius:100%;
  2793. outline:none;
  2794. border:none;
  2795. line-height:0;
  2796. cursor:pointer;
  2797. }
  2798.  
  2799. .aud-ctl .q-pause, .aud-iframe {
  2800. display:none;
  2801. }
  2802.  
  2803. .aud-ctl .play-icon,
  2804. .aud-ctl .pause-icon {
  2805. display:block;
  2806. width:var(--Audio-Post-Btns-Size);
  2807. height:var(--Audio-Post-Btns-Size);
  2808. -webkit-mask-repeat:no-repeat;
  2809. mask-repeat:no-repeat;
  2810. -webkit-mask-position:center;
  2811. mask-position:center;
  2812. -webkit-mask-size:contain;
  2813. mask-size:contain;
  2814. background-color:var(--Audio-Post-Btns-Color);
  2815. }
  2816.  
  2817. .aud-ctl .play-icon {
  2818. margin-left:calc(var(--Audio-Post-Btns-Size) * 0.1);
  2819. -webkit-mask-image:var(--Audio-Post-Play-Btn-SVG);
  2820. mask-image:var(--Audio-Post-Play-Btn-SVG);
  2821. }
  2822.  
  2823. .aud-ctl .pause-icon {
  2824. width:calc(var(--Audio-Post-Btns-Size) * 1.1);
  2825. height:calc(var(--Audio-Post-Btns-Size) * 1.1);
  2826. -webkit-mask-image:var(--Audio-Post-Pause-Btn-SVG);
  2827. mask-image:var(--Audio-Post-Pause-Btn-SVG);
  2828. }
  2829.  
  2830. .aud-xyz {
  2831. flex:1;
  2832. }
  2833.  
  2834. .aud-info {
  2835. padding:0 var(--Audio-Post-Gutter);
  2836. }
  2837.  
  2838. [post-type="audio"]:not(.ex-npf) .aud-info .aud-title:not(.has-title) .has-title,
  2839. [post-type="audio"]:not(.ex-npf) .aud-info .aud-artist:not(.has-artist) .has-artist,
  2840. [post-type="audio"]:not(.ex-npf) .aud-info .aud-album:not(.has-album) .has-album {
  2841. display:none;
  2842. }
  2843.  
  2844. [post-type="audio"]:not(.ex-npf) .aud-info .aud-title.has-title .no-title,
  2845. [post-type="audio"]:not(.ex-npf) .aud-info .aud-artist.has-artist .no-artist,
  2846. [post-type="audio"]:not(.ex-npf) .aud-info .aud-album.has-album .no-album {
  2847. display:none;
  2848. }
  2849.  
  2850. .aud-dl {
  2851. display:block;
  2852. margin:0 calc(0px - var(--Audio-Post-Download-Icon-Touch-Padding));
  2853. padding:var(--Audio-Post-Download-Icon-Touch-Padding);
  2854. line-height:1;
  2855. }
  2856.  
  2857. .aud-dl i[class]{
  2858. font-size:var(--Audio-Post-Download-Icon-Size);
  2859. color:var(--Audio-Post-Download-Icon-Color);
  2860. }
  2861.  
  2862. .posts audio[controls]{
  2863. display:none;
  2864. }
  2865.  
  2866. .npf-audio-only {
  2867. --NPF-Images-Spacing:1em!important;
  2868. }
  2869.  
  2870. .sc-116 iframe.soundcloud_audio_player,
  2871. .sc-500 iframe.soundcloud_audio_player {
  2872. border-bottom-left-radius:3px;
  2873. }
  2874.  
  2875. /* file.garden/ZRt8jW_MomIqlrfn/screenshots/innbv.png */
  2876. .npf_audio figure.sc-short {
  2877. position:relative;
  2878. z-index:0;
  2879. }
  2880.  
  2881. .npf_audio figure.sc-short:before {
  2882. content:"";
  2883. position:absolute;
  2884. top:0;left:0;
  2885. margin-top:1px;
  2886. width:20px;
  2887. height:20px;
  2888. border-radius:100%;
  2889. background:var(--Audio-Post-Btns-BG);
  2890. z-index:-1;
  2891. }
  2892.  
  2893. iframe[src*='open.spotify.com'][src*='track'],
  2894. figure[data-npf*='open.spotify.com'][data-npf*='track']{
  2895. height:80px!important;
  2896. }
  2897.  
  2898. /*------- VIDEO POSTS -------*/
  2899. .legacy-video .tumblr_video_container {
  2900. width:auto!important;
  2901. height:auto!important;
  2902. max-width:100%;
  2903. }
  2904.  
  2905. /*------- ASK POSTS -------*/
  2906. .answer-block {
  2907.  
  2908. }
  2909.  
  2910. .question-part {
  2911. display:flex;
  2912. flex-direction:column;
  2913. align-items:center;
  2914. justify-content:center;
  2915. gap:var(--Ask-Post-Question-Gutter);
  2916. padding:var(--Post-Padding);
  2917. }
  2918.  
  2919. .askerpic {
  2920. flex-shrink:0;
  2921. width:var(--Ask-Post-Avatar-Size);
  2922. height:var(--Ask-Post-Avatar-Size);
  2923. object-fit:cover;
  2924. padding:var(--Ask-Post-Avatar-Padding);
  2925. border:var(--Ask-Post-Avatar-Border-Size) solid var(--Ask-Post-Avatar-Border-Color);
  2926. border-radius:var(--Ask-Post-Avatar-Rounded-Corners);
  2927. background:var(--Ask-Post-Avatar-BG);
  2928. }
  2929.  
  2930. .q-wrap {
  2931. display:flex;
  2932. flex-direction:column;
  2933. align-items:center;
  2934. gap:var(--Ask-Post-Question-Gutter);
  2935. }
  2936.  
  2937. .q-top {
  2938. margin:0;
  2939. }
  2940.  
  2941. .q-top a {
  2942. color:var(--Ask-Post-Username-Color);
  2943. }
  2944.  
  2945. .q-text {
  2946. padding:var(--Question-Padding);
  2947. border:var(--Question-Border-Size) solid var(--Question-Border-Color);
  2948. background:var(--Question-BG);
  2949. border-radius:var(--Question-Rounded-Corners);
  2950. color:var(--Question-Text-Color);
  2951. text-align:var(--Question-Text-Align);
  2952. }
  2953.  
  2954. .q-text > p:first-child { margin-top:0; }
  2955. .q-text > p:last-child { margin-bottom:0; }
  2956.  
  2957. /*------- POLL POSTS -------*/
  2958. .poll-post > .poll-question:first-child {
  2959. margin-top:0!important;
  2960. }
  2961.  
  2962. .poll-question {
  2963. margin-bottom:1em!important;
  2964. font-size:inherit!important;
  2965. font-weight:inherit!important;
  2966. line-height:inherit!important;
  2967. }
  2968.  
  2969. .poll-row {
  2970. margin:0!important;
  2971. border:var(--Poll-Row-Border-Size) solid var(--Poll-Row-Border-Color)!important;
  2972. padding:var(--Poll-Row-Padding)!important;
  2973. background:var(--Poll-Row-BG)!important;
  2974. border-radius:var(--Poll-Row-Rounded-Corners)!important;
  2975. color:var(--Poll-Row-Text)!important;
  2976. min-height:0!important;
  2977. line-height:inherit!important;
  2978. }
  2979.  
  2980. .poll-row + .poll-row {
  2981. margin-top:var(--Poll-Row-Spacing)!important;
  2982. }
  2983.  
  2984. .poll-row:last-child {
  2985. margin-bottom:0!important;
  2986. }
  2987.  
  2988. .poll-see-results {
  2989. margin-top:1em!important;
  2990. }
  2991.  
  2992. /*------- MISC NPF STUFF -------*/
  2993. p.npf_quote, p.npf_quirky {
  2994. line-height:var(--Quote-Line-Height)!important;
  2995. }
  2996.  
  2997. p.npf_quote {
  2998. font-family:var(--Quote-Font-Family)!important;
  2999. font-size:var(--Quote-Font-Size)!important;
  3000. font-weight:var(--Quote-Font-Weight)!important;
  3001. }
  3002.  
  3003. p.npf_quirky {
  3004. font-size:calc(var(--Quote-Font-Size) + 1px)!important;
  3005. font-weight:normal!important;
  3006. }
  3007.  
  3008. /* tumblr.com/glen-test/738994635798691840 */
  3009. figure:not(.tmblr-full) + figure:not(.tmblr-full){
  3010. margin-top:var(--NPF-Images-Spacing);
  3011. }
  3012.  
  3013. .tmblr-full {
  3014. overflow:hidden;
  3015. }
  3016.  
  3017. .photo-origin p.tmblr-attribution {
  3018. padding:0 var(--Post-Padding);
  3019. }
  3020.  
  3021. p.tmblr-attribution:last-child {
  3022. margin-bottom:0;
  3023. }
  3024.  
  3025. /*------- TAGS -------*/
  3026. .tagscont {
  3027. display:flex;
  3028. padding:0 var(--Post-Padding);
  3029. }
  3030.  
  3031. .tagscont[align="left"]{
  3032. text-align:left;
  3033. justify-content:flex-start;
  3034. }
  3035.  
  3036. .tagscont[align="right"]{
  3037. text-align:right;
  3038. justify-content:flex-end;
  3039. }
  3040.  
  3041. html[tags="c"] .tags-x {
  3042. display:grid;
  3043. grid-template-rows:0fr;
  3044. overflow:hidden;
  3045. transition:grid-template-rows var(--Tags-Slide-Speed) ease-in-out;
  3046. }
  3047.  
  3048. html[tags="c"] .tags-y {
  3049. min-height:0;
  3050. visibility:hidden;
  3051. transition:visibility var(--Tags-Slide-Speed) ease-in-out;
  3052. }
  3053.  
  3054. html[tags="c"] .tagscont.expand .tags-x {
  3055. grid-template-rows:1fr;
  3056. }
  3057.  
  3058. html[tags="c"] .tagscont.expand .tags-x .tags-y {
  3059. visibility:visible;
  3060. }
  3061.  
  3062. .tags-outer {
  3063. margin-bottom:var(--Post-Padding);
  3064. }
  3065.  
  3066. .tags-inner {
  3067. --Tags-Spacing-X-Half:calc(var(--Tags-Spacing-X) / 2);
  3068. --Tags-Spacing-Y-Half:calc(var(--Tags-Spacing-Y) / 2);
  3069. margin:calc(0px - var(--Tags-Spacing-Y-Half)) calc(0px - var(--Tags-Spacing-X-Half));
  3070. width:calc(100% + var(--Tags-Spacing-X));
  3071. font-size:0;
  3072. }
  3073.  
  3074. .tagscont a {
  3075. display:inline-block;
  3076. margin:var(--Tags-Spacing-Y-Half) var(--Tags-Spacing-X-Half);
  3077. font-size:var(--Tags-Font-Size);
  3078. color:var(--Tags-Color);
  3079. line-height:var(--Tags-Line-Height);
  3080. transition:color var(--Tags-Hover-Speed) ease-in-out;
  3081. }
  3082.  
  3083. .tagscont a:before {
  3084. content:"#";
  3085. margin-right:var(--Tags-Hashtag-Spacing);
  3086. }
  3087.  
  3088. .tagscont a:hover {
  3089. color:var(--Tags-Hover-Color);
  3090. }
  3091.  
  3092. /*------- POST INFO / PERMALINK -------*/
  3093. .posts .infobar.top {
  3094. border-bottom:var(--Permalink-Border-Size) solid var(--Permalink-Border-Color);
  3095. }
  3096.  
  3097. .posts .infobar.bot {
  3098. border-top:var(--Permalink-Border-Size) solid var(--Permalink-Border-Color);
  3099. }
  3100.  
  3101. .infobar {
  3102. padding:var(--Permalink-Padding-Y) var(--Permalink-Padding-X);
  3103. background-color:var(--Permalink-BG);
  3104. }
  3105.  
  3106. .infobar, .infobar * {
  3107. color:var(--Permalink-Text-Color);
  3108. }
  3109.  
  3110. .infobar i[class]{
  3111. font-weight:normal;
  3112. }
  3113.  
  3114. .infobar .icon-part {
  3115. margin-right:calc(var(--Permalink-Items-Spacing) * -0.2);
  3116. }
  3117.  
  3118. .infobar .icon-part i[class]{
  3119. display:block;
  3120. transform-origin:center;
  3121. font-size:var(--Permalink-Icon-Size);
  3122. }
  3123.  
  3124. .infobar .icon-part i.majesticons {
  3125. transform:scaleX(1.069) perspective(0);
  3126. }
  3127.  
  3128. .pin-cushion {
  3129. position:relative;
  3130. display:flex;
  3131. align-items:center;
  3132. justify-content:center;
  3133. margin-right:var(--Pinned-Post-Icon-Gap-Right);
  3134. width:var(--Pinned-Post-Icon-Total-Size);
  3135. height:var(--Pinned-Post-Icon-Total-Size);
  3136. background:var(--Pinned-Post-Icon-BG);
  3137. border-radius:var(--Pinned-Post-Icon-Rounded-Corners);
  3138. }
  3139.  
  3140. .pin-cushion:after {
  3141. content:"";
  3142. position:absolute;
  3143. top:0;left:100%;
  3144. margin-top:calc((var(--Pinned-Post-Icon-Total-Size) - var(--Pinned-Post-Arrow-Size)) / 2);
  3145. display:block;
  3146. width:0px;
  3147. height:0px;
  3148. border-style:solid;
  3149. border-width:calc(var(--Pinned-Post-Arrow-Size) / 2) 0 calc(var(--Pinned-Post-Arrow-Size) / 2) calc((var(--Pinned-Post-Arrow-Size) / 2) * var(--Pinned-Post-Arrow-Size-Equil-Factor));
  3150. border-color:transparent transparent transparent var(--Pinned-Post-Icon-BG);
  3151. }
  3152.  
  3153. .pin-cushion i[class]{
  3154. display:block;
  3155. margin-left:1px;
  3156. transform:perspective(0);
  3157. font-size:var(--Pinned-Post-Icon-Size);
  3158. color:var(--Pinned-Post-Icon-Color);
  3159. }
  3160.  
  3161. .pin-cushion, .pin-cushion * { line-height:0; }
  3162.  
  3163. .pin-txt { cursor:default; }
  3164.  
  3165. .innerpho, .pin-flex, .pho-top, .pho-bot {
  3166. display:flex;
  3167. align-items:center;
  3168. }
  3169.  
  3170. .innerpho, .pho-top {
  3171. justify-content:space-between;
  3172. }
  3173.  
  3174. .innerpho {
  3175. flex-direction:column;
  3176. align-items:flex-start;
  3177. }
  3178.  
  3179. .pho-top {
  3180. width:100%;
  3181. }
  3182.  
  3183. .infobar, .infobar a.perma {
  3184. font-size:var(--Permalink-Font-Size);
  3185. }
  3186.  
  3187. .infobar a.perma {
  3188. display:flex;
  3189. align-items:center;
  3190. gap:var(--Permalink-Items-Spacing);
  3191. margin:calc(0px - var(--Post-Controls-Touch-Padding));
  3192. padding:var(--Post-Controls-Touch-Padding);
  3193. line-height:1;
  3194. }
  3195.  
  3196. .infobar a.perma:not([href]){
  3197. cursor:default;
  3198. }
  3199.  
  3200. .post-controls {
  3201. display:flex;
  3202. align-items:center;
  3203. justify-content:center;
  3204. gap:calc(var(--Post-Controls-Spacing) - (var(--Post-Controls-Touch-Padding) * 2));
  3205. margin-right:calc(0px - var(--Post-Controls-Touch-Padding));
  3206. }
  3207.  
  3208. .post-controls [class*="-area"]{
  3209. position:relative;
  3210. line-height:1;
  3211. }
  3212.  
  3213. .post-controls [class*="-press"]{
  3214. display:flex;
  3215. align-items:center;
  3216. justify-content:center;
  3217. width:calc(var(--Post-Controls-Icon-Size) + (var(--Post-Controls-Touch-Padding) * 2));
  3218. height:calc(var(--Post-Controls-Icon-Size) + (var(--Post-Controls-Touch-Padding) * 2));
  3219. }
  3220.  
  3221. .post-controls i[class]{
  3222. display:block;
  3223. transform-origin:center;
  3224. font-size:var(--Post-Controls-Icon-Size);
  3225. color:var(--Post-Controls-Icon-Color);
  3226. }
  3227.  
  3228. .post-controls i.ti,
  3229. .post-controls i.majesticons {
  3230. transform:translateY(.5px) perspective(0);
  3231. font-size:calc(var(--Post-Controls-Icon-Size) + 1.5px);
  3232. }
  3233.  
  3234. .post-controls i.ti.ti-tag {
  3235. transform:translateY(1px) perspective(0);
  3236. }
  3237.  
  3238. html[tags="v"] .tog-tags-area { display:none; }
  3239.  
  3240. .tog-tags-area a {
  3241. cursor:help;
  3242. }
  3243.  
  3244. .like_button {
  3245. position:absolute;
  3246. top:0;left:0;
  3247. width:100%;
  3248. height:100%;
  3249. background:black;
  3250. opacity:0;
  3251. overflow:hidden;
  3252. z-index:2;
  3253. }
  3254.  
  3255. .like_button > iframe {
  3256. display:block;
  3257. width:100%;
  3258. height:100%;
  3259. }
  3260.  
  3261. .like_button.liked + .like-press i[class]{
  3262. color:var(--Liked-Button-Color)!important;
  3263. }
  3264.  
  3265. .pho-bot {
  3266. justify-content:flex-start;
  3267. gap:var(--Permalink-Items-Spacing);
  3268. width:calc(100% - var(--Post-Controls-Total-Width) - var(--Post-Padding));
  3269. }
  3270.  
  3271. .via-part, .src-part {
  3272. white-space:nowrap;
  3273. overflow:hidden;
  3274. text-overflow:ellipsis;
  3275. }
  3276.  
  3277. /*------- POST NOTES -------*/
  3278. .post-notes {
  3279. padding:var(--Post-Padding);
  3280. }
  3281.  
  3282. ol.notes {
  3283. list-style:none;
  3284. margin:0;
  3285. padding:0;
  3286. }
  3287.  
  3288. ol.notes img {
  3289. display:none;
  3290. }
  3291.  
  3292. ol.notes a {
  3293. color:var(--Reblog-Name-Color);
  3294. }
  3295.  
  3296. /*------- PAGINATION -------*/
  3297. html[pagi="sb"] .botpagi,
  3298. html[pagi="bot"] .sbpagi {
  3299. display:none;
  3300. }
  3301.  
  3302. .sb-title.no-t {
  3303. display:none;
  3304. }
  3305.  
  3306. .botpagi {
  3307. padding:var(--Post-Padding);
  3308. }
  3309.  
  3310. .pagi-zone {
  3311. font-size:var(--Pagination-Numbers-Size);
  3312. }
  3313.  
  3314. /*.pagi-zone, .pagi-zone a {*/
  3315. /* color:var(--Pagination-Color);*/
  3316. /*}*/
  3317.  
  3318. .pagi-zone i[class]{
  3319. font-size:var(--Pagination-Arrows-Size);
  3320. }
  3321.  
  3322. .curpage i[class]{
  3323. color:var(--Pagination-Current-Page);
  3324. }
  3325.  
  3326. .jumpnum {
  3327. color:var(--Pagination-Numbers);
  3328. }
  3329.  
  3330. .prev-page i[class], .next-page i[class]{
  3331. color:var(--Pagination-Arrows);
  3332. }
  3333.  
  3334. .pgi-wrap, .pgi-wrap > * {
  3335. display:flex;
  3336. align-items:center;
  3337. justify-content:center;
  3338. line-height:1;
  3339. }
  3340.  
  3341. html[pagi="sb"] .sb-title:not(.no-t) .pgi-wrap {
  3342. margin-top:5px;
  3343. margin-bottom:calc(0px - var(--Pagination-Items-Padding));
  3344. }
  3345.  
  3346. html[pagi="bot"] .pgi-wrap {
  3347. margin:calc(0px - var(--Pagination-Items-Padding)) 0;
  3348. }
  3349.  
  3350. .pgi-wrap {
  3351. gap:var(--Pagination-Items-Spacing);
  3352. }
  3353.  
  3354. .pgi-wrap > * {
  3355. padding:var(--Pagination-Items-Padding);
  3356. }
  3357.  
  3358. .pgi-wrap > a {
  3359. justify-content:space-between;
  3360. gap:3px;
  3361. }
  3362.  
  3363. .curpage i[class]{
  3364. font-size:var(--Pagination-Current-Icon-Size);
  3365. }
  3366.  
  3367. /*------- TOOLTIPS -------*/
  3368. .tippy-box {
  3369. border:var(--Tooltips-Border-Size) solid var(--Tooltips-Border);
  3370. background:var(--Tooltips-BG);
  3371. border-radius:var(--Tooltips-Rounded-Corners);
  3372. }
  3373.  
  3374. .tippy-content {
  3375. padding:calc(var(--Tooltips-Padding-Y) - (((var(--Caps-Font-Size) * var(--Body-Line-Height)) - var(--Caps-Font-Size)) / 2)) var(--Tooltips-Padding-X);
  3376. font-family:var(--Caps-Font-Family);
  3377. font-weight:var(--Caps-Font-Weight);
  3378. font-size:var(--Tooltips-Font-Size);
  3379. text-transform:uppercase;
  3380. letter-spacing:var(--Caps-Letter-Spacing);
  3381. word-spacing:var(--Caps-Word-Spacing);
  3382. color:var(--Tooltips-Text-Color);
  3383. line-height:var(--Body-Line-Height);
  3384. }
  3385.  
  3386. /*------- SCREEN READER TEXT -------*/
  3387. .sr-text {
  3388. position:absolute;
  3389. border:0;
  3390. clip:rect(1px, 1px, 1px, 1px);
  3391. clip-path:inset(50%);
  3392. margin:-1px;
  3393. width:1px;
  3394. height:1px;
  3395. padding:0;
  3396. overflow:hidden;
  3397. word-wrap:normal!important;
  3398. }
  3399.  
  3400. /*------- OTHER PAGES -------*/
  3401. .posts[id="post-"] .text-block > .post-title + .comments > .comment:only-child {
  3402. padding-bottom:var(--Post-Padding);
  3403. }
  3404.  
  3405. /*------- CUSTOMIZE PAGE ADJUSTMENTS -------*/
  3406. .comment[username=""] .comment-header {
  3407. display:none;
  3408. }
  3409.  
  3410. /*------- RESPONSIVENESS -------*/
  3411. @media(max-width:720px){
  3412. .header-inner {
  3413. /*flex-direction:column;*/
  3414. }
  3415. }
  3416.  
  3417. @media(max-height:600px){
  3418. :root {
  3419. --Header-Height-Input:100vh;
  3420. }
  3421. }
  3422.  
  3423. /* ignore these */
  3424. #efztplipq, #wvqwfcodi {
  3425. position:fixed;
  3426. bottom:0;right:0;
  3427. width:0;
  3428. visibility:hidden;
  3429. z-index:-1;
  3430. }
  3431.  
  3432. #efztplipq {
  3433. height:calc(var(--Top-Bar-Height) + var(--Screen-Gaps));
  3434. }
  3435.  
  3436. #wvqwfcodi {
  3437. height:var(--Screen-Gaps);
  3438. }
  3439.  
  3440. {CustomCSS}
  3441. </style>
  3442.  
  3443. </head>
  3444.  
  3445. <body>
  3446.  
  3447. <!-- ignore this -->
  3448. <div id="efztplipq" aria-hidden="true"></div>
  3449. <div id="wvqwfcodi" aria-hidden="true"></div>
  3450.  
  3451. <!------- HERO SECTION ------->
  3452. <header class="hh-{select:show header}">
  3453. <div class="topbar">
  3454. <!---- MUSIC PLAYER ---->
  3455. <div class="mp-holder mp-{select:show music player}">
  3456. <div music-player btn-color="var(--Top-Bar-Music-Player-Btns-Color)" btn-size="var(--Top-Bar-Music-Player-Btns-Size)" gap="9px">
  3457. <div music-btn>
  3458. <div btn-play></div>
  3459. <div btn-pause hidden></div>
  3460. </div>
  3461.  
  3462. <audio src="{text:song file mp3}" {block:ifsongvolume}volume="{text:song volume}"{/block:ifsongvolume}></audio>
  3463.  
  3464. {block:ifsongname}
  3465. <div class="player-text">{text:song name}</div>
  3466. {/block:ifsongname}
  3467. </div>
  3468. </div><!--end mp-holder-->
  3469.  
  3470. <div class="top-inner" tbt-font="{select:top bar title font}">
  3471. <!---- TOP BAR TITLE ---->
  3472. {block:iftopbartitle}
  3473. <h1 class="top-title">
  3474. <span>{text:top bar title}</span>
  3475. </h1>
  3476. {/block:iftopbartitle}
  3477.  
  3478. {block:ifnottopbartitle}
  3479. <h1 class="top-title" data-text="{Title}">
  3480. <span class="x-one">{Title}</span>
  3481. <span class="x-two">{Name}</span>
  3482. </h1>
  3483. {/block:ifnottopbartitle}
  3484.  
  3485. <!---- TOP BAR LINKS ---->
  3486. <nav>
  3487. <!-- "home" link -->
  3488. <a href="/" aria-label="{lang:Home}">
  3489. <i class="hugeicons" icon-name="home-03"></i>
  3490. </a>
  3491.  
  3492. {block:AskEnabled}
  3493. <a href="/ask" aria-label="{AskLabel}" class="has-label">
  3494. <i class="hugeicons" icon-name="mail-open"></i>
  3495. </a>
  3496. {/block:AskEnabled}
  3497.  
  3498. <a href="/ask" aria-label="Askbox" class="no-label">
  3499. <i class="hugeicons" icon-name="mail-open"></i>
  3500. </a>
  3501.  
  3502. <!-- "archive" link -->
  3503. <a href="/archive" aria-label="{lang:Archive}">
  3504. <i class="hugeicons" icon-name="grid-view"></i>
  3505. </a>
  3506.  
  3507. <!-- "theme credit" link -->
  3508. <!-- please do not remove! -->
  3509. <a href="//glenthemes.tumblr.com" aria-label="&#x22B9; Lachesis &#x22B9; theme by glenthemes &#x200A;&#x2022;&#x25E1;&#x2022;">
  3510. <i class="gt-misc-icons" icon-name="gt-0"></i>
  3511. </a>
  3512. </nav><!--end nav-->
  3513.  
  3514. <!---- SEARCHBAR ---->
  3515. {block:ifsearchsuggestion1}
  3516. <form class="searchblock" no-shadows action="/search" method="get">
  3517.  
  3518. <input class="searchbar-field" type="text" name="q" value="{SearchQuery}"{block:ifsearchbartextprompt} placeholder="{text:searchbar text prompt}"{/block:ifsearchbartextprompt}>
  3519.  
  3520. <div class="searchbar-button">
  3521. <button type="submit">{block:ifsearchbarbuttontext}{text:searchbar button text}{/block:ifsearchbarbuttontext}{block:ifnotsearchbarbuttontext}{lang:Search}{/block:ifnotsearchbarbuttontext}</button>
  3522. </div>
  3523.  
  3524. <div class="search-suggestions-wrapper">
  3525. <div class="search-suggestions">
  3526. <a href="{text:search suggestion 1 URL}">{text:search suggestion 1}</a>
  3527.  
  3528. {block:ifsearchsuggestion2}
  3529. <a href="{text:search suggestion 2 URL}">{text:search suggestion 2}</a>
  3530. {/block:ifsearchsuggestion2}
  3531.  
  3532. {block:ifsearchsuggestion3}
  3533. <a href="{text:search suggestion 3 URL}">{text:search suggestion 3}</a>
  3534. {/block:ifsearchsuggestion3}
  3535.  
  3536. {block:ifsearchsuggestion4}
  3537. <a href="{text:search suggestion 4 URL}">{text:search suggestion 4}</a>
  3538. {/block:ifsearchsuggestion4}
  3539.  
  3540. {block:ifsearchsuggestion5}
  3541. <a href="{text:search suggestion 5 URL}">{text:search suggestion 5}</a>
  3542. {/block:ifsearchsuggestion5}
  3543. </div>
  3544. </div><!--end search suggestions-->
  3545. </form><!--end searchbar (entire)-->
  3546. {/block:ifsearchsuggestion1}
  3547.  
  3548. </div><!--end top-inner-->
  3549. </div><!--end topbar-->
  3550.  
  3551. <div class="header-hero">
  3552. <div class="header-inner">
  3553. <!---- HEADER IMAGE (FOREGROUND) ---->
  3554. <div class="header-img" img-url="{image:header image}">
  3555. <img src="{image:header image}">
  3556. </div><!--end header-img-->
  3557.  
  3558. <div class="header-text-area">
  3559. <hgroup htf="{select:header title font}" hdf="{select:header desc font}">
  3560. <!---- HEADER TITLE ---->
  3561. {block:ifheadertitle}
  3562. <h2 class="header-title">{text:header title}</h2>
  3563. {/block:ifheadertitle}
  3564.  
  3565. <!---- HEADER DESC ---->
  3566. {block:ifheaderdesc}
  3567. <p class="header-desc">{text:header desc}</p>
  3568. {/block:ifheaderdesc}
  3569.  
  3570. <!---- HEADER BUTTON ---->
  3571. <div class="scroll-btn-cont scl-{select:show scroll button}">
  3572. <button type="button" class="scroll-btn{block:ifscrollbuttontext} has-t{/block:ifscrollbuttontext} rc-{select:scroll button rounded corners} anim-{select:scroll button hover animation}">
  3573. <div class="t-wrap">
  3574. <span class="x-one">{text:scroll button text}</span>
  3575. <span class="x-two">{lang:See more}</span>
  3576. </div>
  3577.  
  3578. <i class="ph-bold ph-caret-down"></i>
  3579. </button>
  3580. </div>
  3581. </hgroup>
  3582. </div><!--end header texts-->
  3583. </div><!--end header-inner-->
  3584. </div><!--end header-hero-->
  3585. </header><!--end top bar + header-->
  3586.  
  3587. <main>
  3588. <div class="main-inner">
  3589.  
  3590. <!------- SIDEBAR ------->
  3591. <aside class="left-sidebar">
  3592. <div class="sb-inner">
  3593. <!---- SIDEBAR BOX 1 ---->
  3594. <div class="sb-box">
  3595. <div class="box-inner">
  3596. <!---- SIDEBAR TITLE ---->
  3597. <h2 class="sb-title"{block:ifnotsidebartitle} t="{Title}"{/block:ifnotsidebartitle} sbt-font="{select:sidebar title font}" sbt-align="{select:sidebar title align}">
  3598. {block:ifsidebartitle}
  3599. <span class="x-one">{text:sidebar title}</span>
  3600. {/block:ifsidebartitle}
  3601.  
  3602. {block:ifnotsidebartitle}
  3603. <span class="x-two">{Title}</span>
  3604. <span class="x-three">{Name}</span>
  3605. {/block:ifnotsidebartitle}
  3606. </h2>
  3607.  
  3608. <!---- SIDEBAR DESC ---->
  3609. {block:ifsidebardesc}
  3610. <p class="sb-desc">{text:sidebar desc}</p>
  3611. {/block:ifsidebardesc}
  3612.  
  3613. {block:ifnotsidebardesc}
  3614. {block:Description}
  3615. <p class="sb-desc">{Description}</p>
  3616. {/block:Description}
  3617. {/block:ifnotsidebardesc}
  3618. </div><!--end box-inner-->
  3619. </div><!--end sb-box (1)-->
  3620.  
  3621.  
  3622. <!---- SIDEBAR BOX 2 ---->
  3623. <div class="sb-box">
  3624. <div class="box-inner">
  3625. <!---- LINKS BOX TITLE ---->
  3626. {block:iflinksboxtitle}
  3627. <h2 class="sb-title"{block:ifnotsidebartitle} t="{Title}"{/block:ifnotsidebartitle} sbt-font="{select:sidebar title font}" sbt-align="{select:sidebar title align}">
  3628. <span>{text:links box title}</span>
  3629. </h2>
  3630. {/block:iflinksboxtitle}
  3631.  
  3632. <!---- CUSTOM LINKS ---->
  3633. {block:ifcustomlink1name}
  3634. <div class="custom-links" rc="{select:custom links rounded corners style}">
  3635. <a href="{text:customlink 1 URL}">{text:customlink 1 name}</a>
  3636.  
  3637. {block:ifcustomlink2name}
  3638. <a href="{text:customlink 2 URL}">{text:customlink 2 name}</a>
  3639. {/block:ifcustomlink2name}
  3640.  
  3641. {block:ifcustomlink3name}
  3642. <a href="{text:customlink 3 URL}">{text:customlink 3 name}</a>
  3643. {/block:ifcustomlink3name}
  3644.  
  3645. {block:ifcustomlink4name}
  3646. <a href="{text:customlink 4 URL}">{text:customlink 4 name}</a>
  3647. {/block:ifcustomlink4name}
  3648.  
  3649. {block:ifcustomlink5name}
  3650. <a href="{text:customlink 5 URL}">{text:customlink 5 name}</a>
  3651. {/block:ifcustomlink5name}
  3652.  
  3653. {block:ifcustomlink6name}
  3654. <a href="{text:customlink 6 URL}">{text:customlink 6 name}</a>
  3655. {/block:ifcustomlink6name}
  3656.  
  3657. {block:ifcustomlink7name}
  3658. <a href="{text:customlink 7 URL}">{text:customlink 7 name}</a>
  3659. {/block:ifcustomlink7name}
  3660.  
  3661. {block:ifcustomlink8name}
  3662. <a href="{text:customlink 8 URL}">{text:customlink 8 name}</a>
  3663. {/block:ifcustomlink8name}
  3664.  
  3665. {block:ifcustomlink9name}
  3666. <a href="{text:customlink 9 URL}">{text:customlink 9 name}</a>
  3667. {/block:ifcustomlink9name}
  3668.  
  3669. {block:ifcustomlink10name}
  3670. <a href="{text:customlink 10 URL}">{text:customlink 10 name}</a>
  3671. {/block:ifcustomlink10name}
  3672. </div><!--end custom-links-->
  3673. {/block:ifcustomlink1name}
  3674. </div><!--end box-inner-->
  3675. </div><!--end sb-box (2)-->
  3676.  
  3677. <!---- SIDEBAR BOX 3 ---->
  3678. {block:Pagination}
  3679. <div class="sb-box sbpagi">
  3680. <div class="box-inner">
  3681. <!---- PAGINATION BOX TITLE ---->
  3682. <h2 class="sb-title{block:ifnotpaginationtitle} no-t{/block:ifnotpaginationtitle}" sbt-font="{select:sidebar title font}" sbt-align="{select:sidebar title align}">
  3683. <span>{text:pagination title}</span>
  3684. </h2>
  3685.  
  3686. <!------ PAGINATION (sb) ------>
  3687. <div class="pagi-zone sbpagi">
  3688. <div class="pgi-wrap">
  3689. {block:PreviousPage}
  3690. <a class="prev-page" href="{PreviousPage}" aria-label="{lang:Previous Page} (newer)">
  3691. <i class="ph-bold ph-caret-double-left"></i>
  3692. </a>
  3693. {/block:PreviousPage}
  3694.  
  3695. {block:JumpPagination length="6"}
  3696. {block:JumpPage}
  3697. <a class="jumpnum" href="{URL}" aria-label="Go to page {PageNumber}">{PageNumber}</a>
  3698. {/block:JumpPage}
  3699.  
  3700. {block:CurrentPage}
  3701. <span class="curpage" aria-label="You are here (Page {PageNumber})">
  3702. <i class="ph-bold ph-map-pin-area"></i>
  3703. </span>
  3704. {/block:CurrentPage}
  3705. {/block:JumpPagination}
  3706.  
  3707. {block:NextPage}
  3708. <a class="next-page" href="{NextPage}" aria-label="{lang:Next Page} (older)">
  3709. <i class="ph-bold ph-caret-double-right"></i>
  3710. </a>
  3711. {/block:NextPage}
  3712. </div><!--end pgi-wrap-->
  3713. </div><!--end pagi-zone-->
  3714. </div><!--end box-inner-->
  3715. </div><!--end sb-box (3)-->
  3716. {/block:Pagination}
  3717. </div><!--end sb-inner-->
  3718. </aside><!--end sidebar-->
  3719.  
  3720. <!------- POSTS CONTAINER ------->
  3721. <section class="all-posts load-in">
  3722. <!------- POSTS ------->
  3723. {block:Posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
  3724. <article
  3725. class="posts"
  3726. id="post-{PostID}"
  3727. post-type="{PostType}"
  3728. root-url="{block:NotReblog}{Permalink}{block:NotReblog}{block:RebloggedFrom}{ReblogRootURL}{/block:RebloggedFrom}"
  3729. username="{block:NotReblog}{Name}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootName}{/block:RebloggedFrom}"
  3730. >
  3731.  
  3732. <!------ PINNED POST INDICATOR ------>
  3733. {block:PinnedPostLabel}
  3734. <div class="infobar top">
  3735. <div class="pin-flex">
  3736. <div class="pin-cushion">
  3737. <i class="gt-misc-icons" icon-name="pushpin"></i>
  3738. </div>
  3739. <span class="pin-txt">{PinnedPostLabel}</span>
  3740. </div>
  3741. </div>
  3742. {/block:PinnedPostLabel}
  3743.  
  3744. <div class="post-body">
  3745.  
  3746. <!------ TEXT POSTS ------>
  3747. {block:Text}
  3748. <div class="text-block">
  3749. {block:Title}
  3750. <h1 class="post-title">
  3751. <span class="title-text">{Title}</span>
  3752. </h1>
  3753. {/block:Title}
  3754.  
  3755. {block:NotReblog}
  3756. <div class="comments all-comments">
  3757. <div class="comment original-comment">
  3758. {block:Date}
  3759. <a class="comment-header" href="{Permalink}">
  3760. <img class="userpic" src="{PortraitURL-64}" alt="{Name}'s avatar">
  3761. <span class="username">{Name}</span>
  3762. </a>
  3763. {/block:Date}
  3764. <div class="comment-body">
  3765. {Body}
  3766.  
  3767. {block:ContentSource}
  3768. <p class="content-src">
  3769. ({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
  3770. </p>
  3771. {/block:ContentSource}
  3772. </div>
  3773. </div>
  3774. </div>
  3775. {/block:NotReblog}
  3776.  
  3777. {block:RebloggedFrom}
  3778. <div class="comments all-comments">
  3779. {block:Reblogs}
  3780. <div class="comment{block:IsOriginalEntry} original-comment{/block:IsOriginalEntry}{block:IsNotOriginalEntry} extra-comment{/block:IsNotOriginalEntry}{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{Username}">
  3781. <a class="comment-header"{block:IsActive} href="{Permalink}"{/block:IsActive}>
  3782. <img class="userpic" src="{PortraitURL-64}">
  3783. <span class="username">{Username}</span>
  3784. {block:IsDeactivated}
  3785. <span class="deactivated">(deactivated)</span>
  3786. {/block:IsDeactivated}
  3787. </a>
  3788. <div class="comment-body">
  3789. {Body}
  3790.  
  3791. {block:ContentSource}
  3792. <p class="content-src">
  3793. ({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
  3794. </p>
  3795. {/block:ContentSource}
  3796. </div>
  3797. </div>
  3798. {/block:Reblogs}
  3799. </div>
  3800. {/block:RebloggedFrom}
  3801. </div><!--end block:text-->
  3802. {/block:Text}
  3803.  
  3804. <!------ PHOTO POSTS: SINGLE PHOTO ------>
  3805. {block:Photo}
  3806. <div class="photo-block">
  3807. <div class="legacy-photo">
  3808. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  3809. </div>
  3810.  
  3811. {block:Date}
  3812. {block:NotReblog}
  3813. <div class="comments all-comments">
  3814. <div class="comment original-comment">
  3815. <a class="comment-header" href="{Permalink}">
  3816. <img class="userpic" src="{PortraitURL-64}" alt="{Name}'s avatar">
  3817. <span class="username">{Name}</span>
  3818. </a>
  3819. <div class="comment-body">
  3820. {block:Caption}{Caption}{/block:Caption}
  3821.  
  3822. {block:ContentSource}
  3823. <p class="content-src">
  3824. ({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
  3825. </p>
  3826. {/block:ContentSource}
  3827. </div>
  3828. </div>
  3829. </div><!--end notreblog-->
  3830. {/block:NotReblog}
  3831.  
  3832. {block:RebloggedFrom}
  3833. <div class="comments all-comments">
  3834. {block:Reblogs}
  3835. <div class="comment{block:IsOriginalEntry} original-comment{/block:IsOriginalEntry}{block:IsNotOriginalEntry} extra-comment{/block:IsNotOriginalEntry}{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{Username}">
  3836. <a class="comment-header"{block:IsActive} href="{Permalink}"{/block:IsActive}>
  3837. <img class="userpic" src="{PortraitURL-64}">
  3838. <span class="username">{Username}</span>
  3839. {block:IsDeactivated}
  3840. <span class="deactivated">(deactivated)</span>
  3841. {/block:IsDeactivated}
  3842. </a>
  3843.  
  3844. <div class="comment-body">
  3845. {Body}
  3846.  
  3847. {block:ContentSource}
  3848. <p class="content-src">
  3849. ({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
  3850. </p>
  3851. {/block:ContentSource}
  3852. </div>
  3853. </div><!--end single comment-->
  3854.  
  3855. {/block:Reblogs}
  3856. </div><!--end reblogs-->
  3857. {/block:RebloggedFrom}
  3858. {/block:Date}
  3859. </div><!--end photo-block-->
  3860. {/block:Photo}
  3861.  
  3862. <!------ PHOTO POSTS: PHOTOSET ------>
  3863. {block:Photoset}
  3864. <div class="photo-block">
  3865. <div class="legacy-photoset" layout="{PhotosetLayout}">
  3866. {block:Photos}
  3867. <img src="{PhotoURL-HighRes}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}" alt="{PhotoAlt}"/>
  3868. {/block:Photos}
  3869. </div>
  3870.  
  3871. {block:Date}
  3872. {block:NotReblog}
  3873. <div class="comments all-comments">
  3874. <div class="comment original-comment">
  3875. <a class="comment-header" href="{Permalink}">
  3876. <img class="userpic" src="{PortraitURL-64}" alt="{Name}'s avatar">
  3877. <span class="username">{Name}</span>
  3878. </a>
  3879. <div class="comment-body">
  3880. {block:Caption}{Caption}{/block:Caption}
  3881.  
  3882. {block:ContentSource}
  3883. <p class="content-src">
  3884. ({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
  3885. </p>
  3886. {/block:ContentSource}
  3887. </div>
  3888. </div>
  3889. </div><!--end notreblog-->
  3890. {/block:NotReblog}
  3891.  
  3892. {block:RebloggedFrom}
  3893. <div class="comments all-comments">
  3894. {block:Reblogs}
  3895. <div class="comment{block:IsOriginalEntry} original-comment{/block:IsOriginalEntry}{block:IsNotOriginalEntry} extra-comment{/block:IsNotOriginalEntry}{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{Username}">
  3896. <a class="comment-header"{block:IsActive} href="{Permalink}"{/block:IsActive}>
  3897. <img class="userpic" src="{PortraitURL-64}">
  3898. <span class="username">{Username}</span>
  3899. {block:IsDeactivated}
  3900. <span class="deactivated">(deactivated)</span>
  3901. {/block:IsDeactivated}
  3902. </a>
  3903. <div class="comment-body">
  3904. {Body}
  3905.  
  3906. {block:ContentSource}
  3907. <p class="content-src">
  3908. ({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
  3909. </p>
  3910. {/block:ContentSource}
  3911. </div>
  3912. </div><!--end single comment-->
  3913. {/block:Reblogs}
  3914. </div><!--end reblogs-->
  3915. {/block:RebloggedFrom}
  3916. {/block:Date}
  3917. </div><!--end photo-block-->
  3918. {/block:Photoset}
  3919.  
  3920. <!------ PHOTO POSTS: PANORAMA ------>
  3921. {block:Panorama}
  3922. <div class="photo-block">
  3923. <div class="legacy-photo pano">
  3924. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}">{LinkCloseTag}
  3925. </div>
  3926.  
  3927. {block:Date}
  3928. {block:NotReblog}
  3929. <div class="comments all-comments">
  3930. <div class="comment original-comment">
  3931. <a class="comment-header" href="{Permalink}">
  3932. <img class="userpic" src="{PortraitURL-64}" alt="{Name}'s avatar">
  3933. <span class="username">{Name}</span>
  3934. </a>
  3935. <div class="comment-body">
  3936. {block:Caption}{Caption}{/block:Caption}
  3937.  
  3938. {block:ContentSource}
  3939. <p class="content-src">
  3940. ({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
  3941. </p>
  3942. {/block:ContentSource}
  3943. </div>
  3944. </div>
  3945. </div><!--end notreblog-->
  3946. {/block:NotReblog}
  3947.  
  3948. {block:RebloggedFrom}
  3949. <div class="comments all-comments">
  3950. {block:Reblogs}
  3951. <div class="comment{block:IsOriginalEntry} original-comment{/block:IsOriginalEntry}{block:IsNotOriginalEntry} extra-comment{/block:IsNotOriginalEntry}{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{Username}">
  3952. <a class="comment-header"{block:IsActive} href="{Permalink}"{/block:IsActive}>
  3953. <img class="userpic" src="{PortraitURL-64}">
  3954. <span class="username">{Username}</span>
  3955. {block:IsDeactivated}
  3956. <span class="deactivated">(deactivated)</span>
  3957. {/block:IsDeactivated}
  3958. </a>
  3959. <div class="comment-body">
  3960. {Body}
  3961.  
  3962. {block:ContentSource}
  3963. <p class="content-src">
  3964. ({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
  3965. </p>
  3966. {/block:ContentSource}
  3967. </div>
  3968. </div><!--end single comment-->
  3969. {/block:Reblogs}
  3970. </div><!--end reblogs-->
  3971. {/block:RebloggedFrom}
  3972. {/block:Date}
  3973. </div><!--end photo-block-->
  3974. {/block:Panorama}
  3975.  
  3976. <!------ QUOTE POSTS ------>
  3977. {block:Quote}
  3978. <div class="quote-block">
  3979. <div class="quote-set">
  3980. <blockquote class="quote-text">
  3981. &ldquo;{Quote}&rdquo;
  3982. </blockquote>
  3983. {block:Source}
  3984. <p class="quote-source">{Source}</p>
  3985. {/block:Source}
  3986. </div><!--end quote-set-->
  3987. </div><!--end quote-block-->
  3988. {/block:Quote}
  3989.  
  3990. <!------ LINK POSTS ------>
  3991. {block:Link}
  3992. <div class="link-block">
  3993. <a href="{URL}" class="link-render post-title" {Target}>
  3994. <span class="title-text">
  3995. <span>{Name}</span>
  3996.  
  3997. {block:Host}
  3998. <span class="site-name">
  3999. <i class="ph-bold ph-link"></i>
  4000. <span class="host-name">{Host}</span>
  4001. </span>
  4002. {/block:Host}
  4003. </span>
  4004.  
  4005. </a>
  4006.  
  4007. {block:Date}
  4008. {block:NotReblog}
  4009. <div class="comments all-comments">
  4010. <div class="comment original-comment">
  4011. <a class="comment-header" href="{Permalink}">
  4012. <img class="userpic" src="{PortraitURL-64}" alt="{Name}'s avatar">
  4013. <span class="username">{Name}</span>
  4014. </a>
  4015. <div class="comment-body">
  4016. {Body}
  4017.  
  4018. {block:ContentSource}
  4019. <p class="content-src">
  4020. ({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
  4021. </p>
  4022. {/block:ContentSource}
  4023. </div>
  4024. </div>
  4025. </div><!--end notreblog-->
  4026. {/block:NotReblog}
  4027.  
  4028. {block:RebloggedFrom}
  4029. <div class="comments all-comments">
  4030. {block:Reblogs}
  4031. <div class="comment{block:IsOriginalEntry} original-comment{/block:IsOriginalEntry}{block:IsNotOriginalEntry} extra-comment{/block:IsNotOriginalEntry}{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{Username}">
  4032. <a class="comment-header"{block:IsActive} href="{Permalink}"{/block:IsActive}>
  4033. <img class="userpic" src="{PortraitURL-64}">
  4034. <span class="username">{Username}</span>
  4035. {block:IsDeactivated}
  4036. <span class="deactivated">(deactivated)</span>
  4037. {/block:IsDeactivated}
  4038. </a>
  4039. <div class="comment-body">
  4040. {Body}
  4041.  
  4042. {block:ContentSource}
  4043. <p class="content-src">
  4044. ({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
  4045. </p>
  4046. {/block:ContentSource}
  4047. </div>
  4048. </div><!--end single comment-->
  4049. {/block:Reblogs}
  4050. </div><!--end reblogs-->
  4051. {/block:RebloggedFrom}
  4052. {/block:Date}
  4053. </div><!--end link-block-->
  4054. {/block:Link}
  4055.  
  4056. <!------ CHAT POSTS ------>
  4057. {block:Chat}
  4058. <div class="chat-block">
  4059. <ul class="chat-wrap">
  4060. {block:Lines}
  4061. <li class="chat-line">
  4062. {block:Label}
  4063. <b class="chat-label">{Label}</b>
  4064. {/block:Label}
  4065.  
  4066. <span class="chat-content"> {Line}</span>
  4067. </li>
  4068. {/block:Lines}
  4069. </ul>
  4070. </div><!--end chat-block-->
  4071. {/block:Chat}
  4072.  
  4073. <!------ AUDIO POSTS ------>
  4074. {block:Audio}
  4075. <div class="audio-block">
  4076. <div class="aud-gen">
  4077. <div class="aud-cover">
  4078. <div class="aud-ctl">
  4079. <button class="q-play" aria-label="Play">
  4080. <span class="play-icon" aria-hidden="true"></span>
  4081. </button>
  4082.  
  4083. <button class="q-pause" aria-label="Pause">
  4084. <span class="pause-icon" aria-hidden="true"></span>
  4085. </button>
  4086. </div>
  4087.  
  4088. {block:AlbumArt}
  4089. <img src="{AlbumArtURL}" alt="{block:Album}&ldquo;{Album}&rdquo; {/block:Album}album cover{block:Artist} by {Artist}{/block:Artist}"/>
  4090. {block:AlbumArt}
  4091. </div>
  4092.  
  4093. <div class="aud-xyz">
  4094. <div class="aud-info">
  4095. <div class="aud-title{block:TrackName} has-title{/block:TrackName}">
  4096. <span class="has-title">{block:TrackName}{TrackName}{/block:TrackName}</span>
  4097. <span class="no-title">Unknown Track</span>
  4098. </div>
  4099.  
  4100. <div class="aud-artist{block:Artist} has-artist{/block:Artist}">
  4101. <span class="has-artist">{block:Artist}{Artist}{/block:Artist}</span>
  4102. <span class="no-artist">Unknown Artist</span>
  4103. </div>
  4104.  
  4105. <div class="aud-album{block:Album} has-album{/block:Album}">
  4106. <span class="has-album">{block:Album}{Album}{/block:Album}</span>
  4107. <span class="no-album">Unknown Album</span>
  4108. </div>
  4109. </div><!--end aud-info (text)-->
  4110.  
  4111. {block:AudioPlayer}
  4112. <div class="aud-iframe">{AudioPlayer}</div>
  4113. {/block:AudioPlayer}
  4114. </div><!--end aud-xyz-->
  4115.  
  4116. <a class="aud-dl" href="javascript:void(0)" target="_blank" aria-label="Download">
  4117. <i class="ti ti-download"></i>
  4118. </a>
  4119. </div><!--end audio-gen-->
  4120.  
  4121. {block:Date}
  4122. {block:NotReblog}
  4123. <div class="comments all-comments">
  4124. <div class="comment original-comment">
  4125. <a class="comment-header" href="{Permalink}">
  4126. <img class="userpic" src="{PortraitURL-64}" alt="{Name}'s avatar">
  4127. <span class="username">{Name}</span>
  4128. </a>
  4129. <div class="comment-body">
  4130. {block:Caption}{Caption}{/block:Caption}
  4131.  
  4132. {block:ContentSource}
  4133. <p class="content-src">
  4134. ({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
  4135. </p>
  4136. {/block:ContentSource}
  4137. </div>
  4138. </div>
  4139. </div><!--end notreblog-->
  4140. {/block:NotReblog}
  4141.  
  4142. {block:RebloggedFrom}
  4143. <div class="comments all-comments">
  4144. {block:Reblogs}
  4145. <div class="comment{block:IsOriginalEntry} original-comment{/block:IsOriginalEntry}{block:IsNotOriginalEntry} extra-comment{/block:IsNotOriginalEntry}{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{Username}">
  4146. <a class="comment-header"{block:IsActive} href="{Permalink}"{/block:IsActive}>
  4147. <img class="userpic" src="{PortraitURL-64}">
  4148. <span class="username">{Username}</span>
  4149. {block:IsDeactivated}
  4150. <span class="deactivated">(deactivated)</span>
  4151. {/block:IsDeactivated}
  4152. </a>
  4153. <div class="comment-body">
  4154. {Body}
  4155.  
  4156. {block:ContentSource}
  4157. <p class="content-src">
  4158. ({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
  4159. </p>
  4160. {/block:ContentSource}
  4161. </div>
  4162. </div><!--end single comment-->
  4163. {/block:Reblogs}
  4164. </div><!--end reblogs-->
  4165. {/block:RebloggedFrom}
  4166. {/block:Date}
  4167. </div><!--end audio-block-->
  4168. {/block:Audio}
  4169.  
  4170. <!------ VIDEO POSTS ------>
  4171. {block:Video}
  4172. <div class="video-block">
  4173. <div class="legacy-video">
  4174. {Video-700}
  4175.  
  4176. {block:VideoThumbnail}
  4177. <span class="poster-thumb" url="{VideoThumbnailURL}"></span>
  4178. {/block:VideoThumbnail}
  4179. </div>
  4180.  
  4181. {block:Date}
  4182. {block:NotReblog}
  4183. <div class="comments all-comments">
  4184. <div class="comment original-comment">
  4185. <a class="comment-header" href="{Permalink}">
  4186. <img class="userpic" src="{PortraitURL-64}" alt="{Name}'s avatar">
  4187. <span class="username">{Name}</span>
  4188. </a>
  4189. <div class="comment-body">
  4190. {block:Caption}{Caption}{/block:Caption}
  4191.  
  4192. {block:ContentSource}
  4193. <p class="content-src">
  4194. ({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
  4195. </p>
  4196. {/block:ContentSource}
  4197. </div>
  4198. </div>
  4199. </div><!--end notreblog-->
  4200. {/block:NotReblog}
  4201.  
  4202. {block:RebloggedFrom}
  4203. <div class="comments all-comments">
  4204. {block:Reblogs}
  4205. <div class="comment{block:IsOriginalEntry} original-comment{/block:IsOriginalEntry}{block:IsNotOriginalEntry} extra-comment{/block:IsNotOriginalEntry}{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{Username}">
  4206. <a class="comment-header"{block:IsActive} href="{Permalink}"{/block:IsActive}>
  4207. <img class="userpic" src="{PortraitURL-64}">
  4208. <span class="username">{Username}</span>
  4209. {block:IsDeactivated}
  4210. <span class="deactivated">(deactivated)</span>
  4211. {/block:IsDeactivated}
  4212. </a>
  4213. <div class="comment-body">
  4214. {Body}
  4215.  
  4216. {block:ContentSource}
  4217. <p class="content-src">
  4218. ({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
  4219. </p>
  4220. {/block:ContentSource}
  4221. </div>
  4222. </div><!--end single comment-->
  4223. {/block:Reblogs}
  4224. </div><!--end reblogs-->
  4225. {/block:RebloggedFrom}
  4226. {/block:Date}
  4227. </div><!--end video-block-->
  4228. {/block:Video}
  4229.  
  4230. <!------ ASK POSTS ------>
  4231. {block:Answer}
  4232. <div class="answer-block">
  4233. <div class="question-part">
  4234. <img class="askerpic" src="{AskerPortraitURL-128}"/>
  4235. <div class="q-wrap">
  4236. <p class="q-top">{lang:Asker asked 2}:</p>
  4237. <div class="q-text">{Question}</div>
  4238. </div>
  4239. </div><!--end question-part-->
  4240.  
  4241. {block:Date}
  4242. {block:NotReblog}
  4243. <div class="comments all-comments">
  4244. <div class="comment original-comment">
  4245. <a class="comment-header" href="{Permalink}">
  4246. <img class="userpic" src="{PortraitURL-128}" alt="{Name}'s avatar">
  4247. <span class="username">{Name} answered:</span>
  4248. {block:IsDeactivated}
  4249. <span class="deactivated">(deactivated)</span>
  4250. {/block:IsDeactivated}
  4251. </a>
  4252. <div class="comment-body">
  4253. {Replies}
  4254.  
  4255. {block:ContentSource}
  4256. <p class="content-src">
  4257. ({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
  4258. </p>
  4259. {/block:ContentSource}
  4260. </div>
  4261. </div>
  4262. </div><!--end notreblog-->
  4263. {/block:NotReblog}
  4264.  
  4265. {block:RebloggedFrom}
  4266. <div class="comments all-comments">
  4267. {block:Answerer}
  4268. <div class="comment original-comment{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{ReblogRootName}">
  4269. <a class="comment-header" href="{ReblogRootURL}">
  4270. <img class="userpic" src="{ReblogRootPortraitURL-64}">
  4271. <span class="username">{ReblogRootName} answered:</span>
  4272. {block:IsDeactivated}
  4273. <span class="deactivated">(deactivated)</span>
  4274. {/block:IsDeactivated}
  4275. </a>
  4276. <div class="comment-body">
  4277. {Answer}
  4278.  
  4279. {block:ContentSource}
  4280. <p class="content-src">
  4281. ({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
  4282. </p>
  4283. {/block:ContentSource}
  4284. </div>
  4285. </div>
  4286. {/block:Answerer}
  4287.  
  4288. {block:Reblogs}
  4289. {block:IsNotOriginalEntry}
  4290. <div class="comment extra-comment{block:IsDeactivated} deactivated{/block:IsDeactivated}" username="{Username}">
  4291. <a class="comment-header"{block:IsActive} href="{Permalink}"{/block:IsActive}>
  4292. <img class="userpic" src="{PortraitURL-64}">
  4293. <span class="username">{Username}</span>
  4294. {block:IsDeactivated}
  4295. <span class="deactivated">(deactivated)</span>
  4296. {/block:IsDeactivated}
  4297. </a>
  4298. <div class="comment-body">
  4299. {Body}
  4300.  
  4301. {block:ContentSource}
  4302. <p class="content-src">
  4303. ({lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>)
  4304. </p>
  4305. {/block:ContentSource}
  4306. </div>
  4307. </div><!--end single comment-->
  4308. {/block:IsNotOriginalEntry}
  4309. {/block:Reblogs}
  4310. </div><!--end reblogs-->
  4311. {/block:RebloggedFrom}
  4312. {/block:Date}
  4313. </div><!--end answer-block-->
  4314. {/block:Answer}
  4315. </div><!--end post-body-->
  4316.  
  4317. <!------ TAGS ------>
  4318. {block:HasTags}
  4319. <div class="tagscont" align="{select:tags position}">
  4320. <div class="tags-x">
  4321. <div class="tags-y">
  4322. <div class="tags-outer">
  4323. <div class="tags-inner">
  4324. {block:Tags}
  4325. <a href="{TagURL}" tag="{URLSafeTag}">{Tag}</a>
  4326. {/block:Tags}
  4327. </div><!--end tags-inner-->
  4328. </div><!--end tags-outer-->
  4329. </div><!--end tags-X-->
  4330. </div><!--end tags-y-->
  4331. </div><!--end tagscont-->
  4332. {/block:HasTags}
  4333.  
  4334. <!------ POST INFO / PERMALINK ------>
  4335. {block:Date}
  4336. <div class="infobar bot">
  4337. <div class="innerpho">
  4338. <div class="pho-top">
  4339. <!-- permalink -->
  4340. <a class="perma"{block:IndexPage} href="{Permalink}" aria-label="View Post"{/block:IndexPage}>
  4341. <!-- calendar icon -->
  4342. <div class="icon-part">
  4343. <i class="majesticons" icon-name="calendar"></i>
  4344. </div>
  4345.  
  4346. <!-- date posted -->
  4347. <div class="date-part">
  4348. {Month} {DayOfMonth}{DayOfMonthSuffix} {Year}
  4349. </div>
  4350.  
  4351. <!-- no. of notes -->
  4352. <div class="notes-part">
  4353. {NoteCountWithLabel}
  4354. </div>
  4355. </a><!--end permalink (left)-->
  4356.  
  4357. <!-- post info btns -->
  4358. <div class="post-controls">
  4359. {block:HasTags}
  4360. <div class="tog-tags-area">
  4361. <a class="tags-press" aria-label="{lang:Tags}">
  4362. <i class="ti ti-tag"></i>
  4363. </a>
  4364. </div>
  4365. {/block:HasTags}
  4366.  
  4367. <div class="op-area">
  4368. <a class="op-press" href="{block:RebloggedFrom}{ReblogRootURL}{/block:RebloggedFrom}{block:NotReblog}{Permalink}{/block:NotReblog}" aria-label="By: @{block:RebloggedFrom}{ReblogRootName}{/block:RebloggedFrom}{block:NotReblog}{Name}{/block:NotReblog}">
  4369. <i class="majesticons" icon-name="user"></i>
  4370. </a>
  4371. </div>
  4372.  
  4373. <div class="rb-area">
  4374. <a class="rb-press" href="{ReblogURL}" aria-label="Reblog">
  4375. <i class="ti ti-repeat"></i>
  4376. </a>
  4377. </div>
  4378.  
  4379. <div class="like-area" aria-label="Like">
  4380. {LikeButton}
  4381. <div class="like-press">
  4382. <i class="ph-bold ph-heart"></i>
  4383. </div>
  4384. </div>
  4385. </div><!--end post-controls-->
  4386. </div><!--end pho-top-->
  4387.  
  4388. {block:PermalinkPage}
  4389. {block:RebloggedFrom}
  4390. <div class="pho-bot">
  4391. <div class="via-part">
  4392. <span>via: </span>
  4393. <a href="{ReblogParentURL}">{ReblogParentName}</a>
  4394. </div>
  4395.  
  4396. <div class="src-part">
  4397. <span>source: </span>
  4398. <a href="{ReblogRootURL}">{ReblogRootName}</a>
  4399. </div>
  4400. </div><!--end pho-bot-->
  4401. {/block:RebloggedFrom}
  4402. {/block:PermalinkPage}
  4403. </div><!--end innerpho-->
  4404. </div><!--end infobar-->
  4405. {/block:Date}
  4406. </article><!--end a post-->
  4407.  
  4408. <!------ POST NOTES ------>
  4409. {block:PostNotes}
  4410. <div class="post-notes">{PostNotes}</div>
  4411. {/block:PostNotes}
  4412.  
  4413. {/block:Posts}
  4414.  
  4415. <!------ PAGINATION (bot) ------>
  4416. {block:Pagination}
  4417. <div class="pagi-zone botpagi">
  4418. <div class="pgi-wrap">
  4419. {block:PreviousPage}
  4420. <a class="prev-page" href="{PreviousPage}" aria-label="{lang:Previous Page} (newer)">
  4421. <i class="ph-bold ph-caret-double-left"></i>
  4422. </a>
  4423. {/block:PreviousPage}
  4424.  
  4425. {block:JumpPagination length="5"}
  4426. {block:JumpPage}
  4427. <a class="jumpnum" href="{URL}" aria-label="Go to page {PageNumber}">{PageNumber}</a>
  4428. {/block:JumpPage}
  4429.  
  4430. {block:CurrentPage}
  4431. <span class="curpage" aria-label="You are here (Page {PageNumber})">
  4432. <i class="ph-bold ph-map-pin-area"></i>
  4433. </span>
  4434. {/block:CurrentPage}
  4435. {/block:JumpPagination}
  4436.  
  4437. {block:NextPage}
  4438. <a class="next-page" href="{NextPage}" aria-label="{lang:Next Page} (older)">
  4439. <i class="ph-bold ph-caret-double-right"></i>
  4440. </a>
  4441. {/block:NextPage}
  4442. </div><!--end pgi-wrap-->
  4443. </div><!--end pagi-zone-->
  4444. {/block:Pagination}
  4445.  
  4446. </section><!--end all posts-->
  4447. </div><!--end main-inner-->
  4448. </main><!--end main-->
  4449.  
  4450. </body>
  4451. </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!