glenthemes

Theme [42]: Interloper

Jun 11th, 2026 (edited)
69
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 183.07 KB | None | 0 0
  1. <!-------------------------------------------------------------------
  2.  
  3. Theme [42]: Interloper
  4. Made by glenthemes
  5.  
  6. Release date: 2026/06/11
  7. Last updated: 2026/06/12
  8. Updates/changelog: dub.sh/interloper-updates
  9.  
  10. 「 THEME INFO. 」
  11. ❃ Post: glenthemes.tumblr.com/post/819146456354193408
  12. ❃ Preview: interloper-theme.tumblr.com
  13. ❃ Code: glen-themes.gitlab.io/thms/42/interloper
  14.  
  15. 「 HOW TO USE. 」
  16. dub.sh/interloper-guide
  17.  
  18. 「 TERMS OF USE. 」
  19. 1) Do not remove the credit.
  20. 2) Do not remove parts of the code without my permission.
  21. 3) Do not claim my codes as your own.
  22. 4) Do not use my works as base codes.
  23. 5) You may add widgets to my themes and pages.
  24.  
  25. 「 CREDITS. 」
  26. (〃˘▿˘)~ glencredits.tumblr.com/interloper
  27.  
  28. -------------------------------------------------------------------->
  29.  
  30. <!DOCTYPE html>
  31. <html
  32. lang="{block:English}en{/block:English}{block:German}de{/block:German}{block:French}fr{/block:French}{block:Italian}it{/block:Italian}{block:Japanese}ja{/block:Japanese}{block:Turkish}tr{/block:Turkish}{block:Spanish}es{/block:Spanish}{block:Russian}ru{/block:Russian}{block:Polish}pl{/block:Polish}{block:PortuguesePT}pt-PT{/block:PortuguesePT}{block:PortugueseBR}pt-BR{/block:PortugueseBR}{block:Dutch}nl{/block:Dutch}{block:Korean}ko{/block:Korean}{block:ChineseSimplified}zh-CHS{/block:ChineseSimplified}{block:ChineseTraditional}zh-CHT{/block:ChineseTraditional}{block:ChineseHK}zh-HK{/block:ChineseHK}{block:Indonesian}id{/block:Indonesian}{block:Hindi}hi{/block:Hindi}"
  33. data-blog-name="{Name}"
  34. class="tc-white bg-{select:background image size}{block:IndexPage} index-page{/block:IndexPage}{block:PermalinkPage} perma-page{block:Posts}{block:Post1}{block:Date} post-perma-page{/block:Date}{/block:Post1}{/block:Posts}{/block:PermalinkPage}{block:SearchPage}{/block:PermalinkPage} search-page{/block:SearchPage}{block:TagPage} tag-page{/block:TagPage}{block:Posts}{block:Post1}{block:Date} has-posts{/block:Date}{/block:Post1}{/block:Posts} iscroll-{select:infinite scroll} {select:captions style}-captions rb-dividers-{select:reblog dividers} tags-vis-{select:tags} {block:AskEnabled}ask-enabled{/block:AskEnabled} {block:SubmissionsEnabled}submit-enabled{/block:SubmissionsEnabled} shads-{select:shadows}"
  35. data-font="{select:font}"
  36. data-caps-font="{select:small caps font}"
  37. data-heading-font="{select:heading font}"
  38. data-overlayscrollbars-initialize
  39. >
  40.  
  41. <head>
  42.  
  43. <meta charset="UTF-8">
  44. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  45. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  46. <meta property="og:type" content="website">
  47. <meta name="theme-color" content="{AccentColor}">
  48. <base href="{BlogURL}">
  49.  
  50. <!-- title + meta title -->
  51. <title>
  52. {Title} {block:PostSummary} &vellip; {PostSummary}{/block:PostSummary} {block:TagPage} &vellip; #{Tag}{/block:TagPage} {block:SearchPage} &vellip; {lang:Search}: &ldquo;{SearchQuery}&rdquo; &ndash; {lang:SearchResultCount results}{block:NoSearchResults}{lang:No results found}{/block:NoSearchResults} {/block:SearchPage}
  53. </title>
  54. <meta property="og:title" content="{Title} {block:PostSummary} &vellip; {PostSummary}{/block:PostSummary} {block:TagPage} &vellip; #{Tag}{/block:TagPage} {block:SearchPage} &vellip; {lang:Search}: &ldquo;{SearchQuery}&rdquo; &ndash; {lang:SearchResultCount results}{block:NoSearchResults}{lang:No results found}{/block:NoSearchResults} {/block:SearchPage}">
  55.  
  56. <!-- desc + meta desc -->
  57. <meta name="description" content="{block:Description}{block:IndexPage}{MetaDescription}{/block:IndexPage}{/block:Description}{block:PermalinkPage}{block:PostSummary}{PostSummary}{/block:PostSummary}{/block:PermalinkPage}"/>
  58. <meta property="og:description" content="{block:Description}{block:IndexPage}{MetaDescription}{/block:IndexPage}{/block:Description}{block:PermalinkPage}{block:PostSummary}{PostSummary}{/block:PostSummary}{/block:PermalinkPage}"/>
  59.  
  60. <!-- favicon / tab icon -->
  61. <link rel="icon" href="{Favicon}">
  62.  
  63. {block:IndexPage}
  64. <meta property="og:image" content="{PortraitURL-128}">
  65. <meta property="og:image:width" content="128">
  66. <meta property="og:image:height" content="128">
  67. {/block:IndexPage}
  68.  
  69. {block:PermalinkPage}{block:Posts}{block:NotReblog}
  70. <meta name="author" content="{Name}">
  71. {/block:NotReblog}{/block:Posts}{/block:PermalinkPage}
  72.  
  73. {block:PermalinkPage}{block:Posts}{block:Date}
  74. <meta name="date" content="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}" scheme="YYYY-MM-DD">
  75. {/block:Date}{/block:Posts}{/block:PermalinkPage}
  76.  
  77. <!--+++++++++++++++++++++++++++++++++++++++++++++++++-->
  78.  
  79. <!----- THEME OPTIONS ----->
  80. {block:Options}
  81. <!-- divider: images -->
  82. <meta name="image:&#x1F4F8;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D408;&#x1D40C;&#x1D400;&#x1D406;&#x1D404;&#x1D412;" content="">
  83. <meta name="image:background image" content="//64.media.tumblr.com/3d5b7e328717a20e6a90890857583ee7/tumblr_inline_t8igmaantm1qf8af3_500.png">
  84. <meta name="image:header banner image" content="//64.media.tumblr.com/a10452092b197a6a57273dd60216a3dc/43c34e719fab0a1d-6d/s2048x3072/49b3c634e0f193881d8012a62be39b6f9de53d20.png">
  85. <meta name="image:header icon image" content="//64.media.tumblr.com/318192ff64af5de105d1c15a601f7e86/43c34e719fab0a1d-a0/s2048x3072/87bec34a2b617c7eca44b7eaf6101e35775a9a46.png">
  86. <meta name="image:header mini icon image" content="//64.media.tumblr.com/f3f0db074f94c342086997b0b54ed4c2/43c34e719fab0a1d-46/s2048x3072/70897f82e0847483958b10aa8d49f674fefb7afe.png">
  87. <meta name="image:sidebar image" content="//64.media.tumblr.com/424103dfa7ba8f6e124c04f71c12e7ad/43c34e719fab0a1d-4d/s2048x3072/a570dc299d294df08579805c03ebbe016ae29f20.png">
  88.  
  89. <!-- divider: colors: general colors -->
  90. <meta name="color:&#x1f3a8;&#x2007;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#x2007;&#x1d406;&#x1d404;&#x1d40d;&#x1d404;&#x1d411;&#x1d400;&#x1d40b;&#x20;&#x1d402;&#x1d40e;&#x1d40b;&#x1d40e;&#x1d411;&#x1d412;" content="">
  91. <meta name="color:background" content="#242429">
  92. <meta name="color:shadows" content="#141518">
  93.  
  94. <!-- divider: colors: header -->
  95. <meta name="color:&#x1F3A8;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D407;&#x1D404;&#x1D400;&#x1D403;&#x1D404;&#x1D411;" content="">
  96. <meta name="color:header BG" content="#323338">
  97.  
  98. <!-- divider: colors: status bubble -->
  99. <meta name="color:&#x1F3A8;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D412;&#x1D413;&#x1D400;&#x1D413;&#x1D414;&#x1D412; &#x1D401;&#x1D414;&#x1D401;&#x1D401;&#x1D40B;&#x1D404;" content="">
  100. <meta name="color:status bubble border" content="#4c546a">
  101. <meta name="color:status bubble BG" content="#3d404a">
  102. <meta name="color:status bubble text" content="#b6bdc7">
  103. <meta name="color:status bubble bold" content="#ea7265">
  104. <meta name="color:status bubble italic" content="#c9b994">
  105. <meta name="color:status bubble links" content="#d8996b">
  106. <meta name="color:status bubble links underline" content="#765e4e">
  107.  
  108. <!-- divider: colors: header username -->
  109. <meta name="color:&#x1F3A8;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D407;&#x1D404;&#x1D400;&#x1D403;&#x1D404;&#x1D411;&#x20;&#x1D414;&#x1D412;&#x1D404;&#x1D411;&#x1D40D;&#x1D400;&#x1D40C;&#x1D404;" content="">
  110. <meta name="color:username" content="#b6bdc7">
  111.  
  112. <!-- divider: colors: header desc -->
  113. <meta name="color:&#x1F3A8;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D407;&#x1D404;&#x1D400;&#x1D403;&#x1D404;&#x1D411;&#x20;&#x1D403;&#x1D404;&#x1D412;&#x1D402;" content="">
  114. <meta name="color:header desc text" content="#b6bdc7">
  115. <meta name="color:header desc bold" content="#ea7265">
  116. <meta name="color:header desc italic" content="#c9b994">
  117. <meta name="color:header desc links" content="#d8996b">
  118. <meta name="color:header desc links underline" content="#765e4e">
  119.  
  120. <!-- divider: colors: header mini title -->
  121. <meta name="color:&#x1F3A8;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D407;&#x1D404;&#x1D400;&#x1D403;&#x1D404;&#x1D411;&#x20;&#x1D40C;&#x1D408;&#x1D40D;&#x1D408;&#x20;&#x1D413;&#x1D408;&#x1D413;&#x1D40B;&#x1D404;" content="">
  122. <meta name="color:mini title" content="#b6bdc7">
  123.  
  124. <!-- divider: colors: header nav -->
  125. <meta name="color:&#x1F3A8;&#x2007;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#x2007;&#x1d407;&#x1d404;&#x1d400;&#x1d403;&#x1d404;&#x1d411;&#x20;&#x1d40d;&#x1d400;&#x1d415;" content="">
  126. <meta name="color:header nav border" content="#4c546a">
  127. <meta name="color:header nav BG" content="#3d404a">
  128. <meta name="color:header nav icons" content="#b6bdc7">
  129. <meta name="color:header nav hover border" content="#4c546a">
  130. <meta name="color:header nav hover BG" content="#3d404a">
  131. <meta name="color:header nav hover icons" content="#c7b89f">
  132.  
  133. <!-- divider: colors: sidebar -->
  134. <meta name="color:&#x1F3A8;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D412;&#x1D408;&#x1D403;&#x1D404;&#x1D401;&#x1D400;&#x1D411;" content="">
  135. <meta name="color:sidebar BG" content="#323338">
  136. <meta name="color:sidebar text" content="#b6bdc7">
  137. <meta name="color:sidebar bold" content="#ea7265">
  138. <meta name="color:sidebar italic" content="#c9b994">
  139. <meta name="color:sidebar links" content="#d8996b">
  140. <meta name="color:sidebar links underline" content="#765e4e">
  141.  
  142. <!-- divider: colors: sidebar titles -->
  143. <meta name="color:&#x1F3A8;&#x2007;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#x2007;&#x1d412;&#x1d408;&#x1d403;&#x1d404;&#x1d401;&#x1d400;&#x1d411;&#x20;&#x1d413;&#x1d408;&#x1d413;&#x1d40b;&#x1d404;&#x1d412;" content="">
  144. <meta name="color:sidebar title border" content="#4c546a">
  145. <meta name="color:sidebar title BG" content="#3d404a">
  146. <meta name="color:sidebar title" content="#b6bdc7">
  147.  
  148. <!-- divider: colors: custom links -->
  149. <meta name="color:&#x1F3A8;&#x2007;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#x2007;&#x1d402;&#x1d414;&#x1d412;&#x1d413;&#x1d40e;&#x1d40c;&#x20;&#x1d40b;&#x1d408;&#x1d40d;&#x1d40a;&#x1d412;" content="">
  150. <meta name="color:custom links BG" content="#3e404a">
  151. <meta name="color:custom links" content="#bca58d">
  152.  
  153. <meta name="color:custom links hover BG" content="#43444d">
  154. <meta name="color:custom links hover" content="#d8996b">
  155.  
  156. <!-- divider: colors: searchbar -->
  157. <meta name="color:&#x1F3A8;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D412;&#x1D404;&#x1D400;&#x1D411;&#x1D402;&#x1D407;&#x1D401;&#x1D400;&#x1D411;" content="">
  158. <meta name="color:searchbar border" content="#4c546a">
  159. <meta name="color:searchbar BG" content="#3d404a">
  160. <meta name="color:searchbar text" content="#b6bdc7">
  161. <meta name="color:searchbar clicked border" content="#63697f">
  162.  
  163. <meta name="color:searchbar button border" content="#4c546a">
  164. <meta name="color:searchbar button BG" content="#3d404a">
  165. <meta name="color:searchbar button icon" content="#b6bdc7">
  166.  
  167. <meta name="color:searchbar button hover border" content="#4c546a">
  168. <meta name="color:searchbar button hover BG" content="#3d404a">
  169. <meta name="color:searchbar button hover icon" content="#bca58d">
  170.  
  171. <!-- divider: colors: updates -->
  172. <meta name="color:&#x1F3A8;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D414;&#x1D40F;&#x1D403;&#x1D400;&#x1D413;&#x1D404;&#x1D412;" content="">
  173. <meta name="color:updates label BG" content="#3e404a">
  174. <meta name="color:updates label text" content="#bca58d">
  175.  
  176. <!-- divider: colors: members -->
  177. <meta name="color:&#x1F3A8;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D40C;&#x1D404;&#x1D40C;&#x1D401;&#x1D404;&#x1D411;&#x1D412;" content="">
  178. <meta name="color:members username" content="#c9b994">
  179. <meta name="color:members username hover" content="#d8996b">
  180.  
  181. <!-- divider: colors: post blobs -->
  182. <meta name="color:&#x1F3A8;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D40F;&#x1D40E;&#x1D412;&#x1D413; &#x1D401;&#x1D40B;&#x1D40E;&#x1D401;&#x1D412;" content="">
  183. <meta name="color:post blobs border" content="#4c546a">
  184. <meta name="color:post blobs BG" content="#3d404a">
  185. <meta name="color:post blobs text" content="#b6bdc7">
  186.  
  187. <!-- divider: colors: posts -->
  188. <meta name="color:&#x1F3A8;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D40F;&#x1D40E;&#x1D412;&#x1D413;&#x1D412;" content="">
  189. <meta name="color:post BG" content="#323338">
  190. <meta name="color:text" content="#b6bdc7">
  191.  
  192. <meta name="color:post BG alternative" content="#3e404a">
  193. <meta name="color:text alternative" content="#b8a89c">
  194.  
  195. <meta name="color:bold" content="#d77166">
  196. <meta name="color:italic" content="#c9b994">
  197.  
  198. <meta name="color:links" content="#d8996b">
  199. <meta name="color:links underline" content="#765e4e">
  200.  
  201. <meta name="color:blockquote border" content="#4c546a">
  202. <meta name="color:reblog dividers" content="#4c546a">
  203. <meta name="color:post usernames" content="#c3af90">
  204.  
  205. <!-- divider: colors: tags -->
  206. <meta name="color:&#x1F3A8;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D413;&#x1D400;&#x1D406;&#x1D412;" content="">
  207. <meta name="color:tags BG" content="#3e404a">
  208. <meta name="color:tags" content="#b0a9a1">
  209.  
  210. <meta name="color:tags hover BG" content="#3d404a">
  211. <meta name="color:tags hover" content="#bfc181">
  212.  
  213. <!-- divider: colors: post buttons -->
  214. <meta name="color:&#x1F3A8;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D40F;&#x1D40E;&#x1D412;&#x1D413; &#x1D401;&#x1D414;&#x1D413;&#x1D413;&#x1D40E;&#x1D40D;&#x1D412;" content="">
  215. <meta name="color:post buttons border" content="#4c546a">
  216. <meta name="color:post buttons BG" content="#3d404a">
  217. <meta name="color:post buttons icons" content="#b6bdc7">
  218.  
  219. <meta name="color:post buttons hover border" content="#4c546a">
  220. <meta name="color:post buttons hover BG" content="#3d404a">
  221. <meta name="color:post buttons hover icons" content="#c7b89f">
  222.  
  223. <meta name="color:liked button" content="#ea7265">
  224.  
  225. <!-- divider: colors: hover text -->
  226. <meta name="color:&#x1F3A8;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D407;&#x1D40E;&#x1D415;&#x1D404;&#x1D411; &#x1D413;&#x1D404;&#x1D417;&#x1D413;" content="">
  227. <meta name="color:hover text border" content="#4c546a">
  228. <meta name="color:hover text BG" content="#3d404a">
  229. <meta name="color:hover text" content="#b6bdc7">
  230.  
  231. <!-- divider: colors: other colors -->
  232. <meta name="color:&#x1F3A8;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D40E;&#x1D413;&#x1D407;&#x1D404;&#x1D411; &#x1D402;&#x1D40E;&#x1D40B;&#x1D40E;&#x1D411;&#x1D412;" content="">
  233. <meta name="color:page numbers" content="#c3af90">
  234. <meta name="color:scrollbar" content="#626c85">
  235. <meta name="color:scrollbar track" content="#3c3e47">
  236. <meta name="color:scrollbar BG" content="#242429">
  237. <meta name="color:text highlighted BG" content="#4c4843">
  238. <meta name="color:text highlighted" content="#b6bdc7">
  239.  
  240. <!-- divider: dropdowns: general options -->
  241. <meta name="select:&#x1f53d;&#x2007;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#x2007;&#x1d406;&#x1d404;&#x1d40d;&#x1d404;&#x1d411;&#x1d400;&#x1d40b;&#x20;&#x1d412;&#x1d404;&#x1d413;&#x1d413;&#x1d408;&#x1d40d;&#x1d406;&#x1d412;" title="" content="">
  242. <meta name="select:background image size" title="small&#x2009;&#x2F;&#x2009;repeating" content="small">
  243. <meta name="select:background image size" title="large&#x2009;&#x2F;&#x2009;no repeat" content="large">
  244.  
  245. <meta name="select:shadows" title="yes" content="yes">
  246. <meta name="select:shadows" title="no" content="no">
  247.  
  248. <!-- divider: dropdowns: gaps / spacing -->
  249. <meta name="select:&#x1F53D;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D406;&#x1D400;&#x1D40F;&#x1D412;&#x20;&#x2F;&#x20;&#x1D412;&#x1D40F;&#x1D400;&#x1D402;&#x1D408;&#x1D40D;&#x1D406;" title="" content="">
  250. <meta name="select:screen gap" title="60px" content="60px">
  251. <meta name="select:screen gap" title="30px" content="30px">
  252. <meta name="select:screen gap" title="35px" content="35px">
  253. <meta name="select:screen gap" title="40px" content="40px">
  254. <meta name="select:screen gap" title="45px" content="45px">
  255. <meta name="select:screen gap" title="50px" content="50px">
  256. <meta name="select:screen gap" title="55px" content="55px">
  257. <meta name="select:screen gap" title="65px" content="65px">
  258. <meta name="select:screen gap" title="70px" content="70px">
  259. <meta name="select:screen gap" title="75px" content="75px">
  260. <meta name="select:screen gap" title="80px" content="80px">
  261. <meta name="select:screen gap" title="85px" content="85px">
  262. <meta name="select:screen gap" title="90px" content="90px">
  263. <meta name="select:screen gap" title="95px" content="95px">
  264. <meta name="select:screen gap" title="100px" content="100px">
  265.  
  266. <meta name="select:header bottom gap" title="45px" content="45px">
  267. <meta name="select:header bottom gap" title="30px" content="30px">
  268. <meta name="select:header bottom gap" title="35px" content="35px">
  269. <meta name="select:header bottom gap" title="40px" content="40px">
  270. <meta name="select:header bottom gap" title="50px" content="50px">
  271. <meta name="select:header bottom gap" title="55px" content="55px">
  272. <meta name="select:header bottom gap" title="60px" content="60px">
  273. <meta name="select:header bottom gap" title="65px" content="65px">
  274. <meta name="select:header bottom gap" title="70px" content="70px">
  275. <meta name="select:header bottom gap" title="75px" content="75px">
  276. <meta name="select:header bottom gap" title="80px" content="80px">
  277. <meta name="select:header bottom gap" title="85px" content="85px">
  278. <meta name="select:header bottom gap" title="90px" content="90px">
  279. <meta name="select:header bottom gap" title="95px" content="95px">
  280. <meta name="select:header bottom gap" title="100px" content="100px">
  281. <meta name="select:header bottom gap" title="105px" content="105px">
  282. <meta name="select:header bottom gap" title="110px" content="110px">
  283. <meta name="select:header bottom gap" title="115px" content="115px">
  284. <meta name="select:header bottom gap" title="120px" content="120px">
  285.  
  286. <meta name="select:sidebar boxes gap" title="40px" content="40px">
  287. <meta name="select:sidebar boxes gap" title="30px" content="30px">
  288. <meta name="select:sidebar boxes gap" title="35px" content="35px">
  289. <meta name="select:sidebar boxes gap" title="45px" content="45px">
  290. <meta name="select:sidebar boxes gap" title="50px" content="50px">
  291. <meta name="select:sidebar boxes gap" title="55px" content="55px">
  292. <meta name="select:sidebar boxes gap" title="60px" content="60px">
  293. <meta name="select:sidebar boxes gap" title="65px" content="65px">
  294. <meta name="select:sidebar boxes gap" title="70px" content="70px">
  295. <meta name="select:sidebar boxes gap" title="75px" content="75px">
  296. <meta name="select:sidebar boxes gap" title="80px" content="80px">
  297. <meta name="select:sidebar boxes gap" title="85px" content="85px">
  298. <meta name="select:sidebar boxes gap" title="90px" content="90px">
  299. <meta name="select:sidebar boxes gap" title="95px" content="95px">
  300. <meta name="select:sidebar boxes gap" title="100px" content="100px">
  301.  
  302. <meta name="select:post spacing" title="45px" content="45px">
  303. <meta name="select:post spacing" title="30px" content="30px">
  304. <meta name="select:post spacing" title="35px" content="35px">
  305. <meta name="select:post spacing" title="40px" content="40px">
  306. <meta name="select:post spacing" title="50px" content="50px">
  307. <meta name="select:post spacing" title="55px" content="55px">
  308. <meta name="select:post spacing" title="60px" content="60px">
  309. <meta name="select:post spacing" title="65px" content="65px">
  310. <meta name="select:post spacing" title="70px" content="70px">
  311. <meta name="select:post spacing" title="75px" content="75px">
  312. <meta name="select:post spacing" title="80px" content="80px">
  313.  
  314. <meta name="select:center gap" title="75px" content="75px">
  315. <meta name="select:center gap" title="55px" content="55px">
  316. <meta name="select:center gap" title="30px" content="30px">
  317. <meta name="select:center gap" title="35px" content="35px">
  318. <meta name="select:center gap" title="40px" content="40px">
  319. <meta name="select:center gap" title="45px" content="45px">
  320. <meta name="select:center gap" title="50px" content="50px">
  321. <meta name="select:center gap" title="60px" content="60px">
  322. <meta name="select:center gap" title="65px" content="65px">
  323. <meta name="select:center gap" title="70px" content="70px">
  324. <meta name="select:center gap" title="80px" content="80px">
  325. <meta name="select:center gap" title="85px" content="85px">
  326. <meta name="select:center gap" title="90px" content="90px">
  327. <meta name="select:center gap" title="95px" content="95px">
  328. <meta name="select:center gap" title="100px" content="100px">
  329. <meta name="select:center gap" title="105px" content="105px">
  330. <meta name="select:center gap" title="110px" content="110px">
  331. <meta name="select:center gap" title="115px" content="115px">
  332. <meta name="select:center gap" title="120px" content="120px">
  333.  
  334. <!-- divider: dropdowns: header -->
  335. <meta name="select:&#x1F53D;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D407;&#x1D404;&#x1D400;&#x1D403;&#x1D404;&#x1D411;" title="" content="">
  336. <meta name="select:header rounded corners" title="L" content="1.05rem">
  337. <meta name="select:header rounded corners" title="none" content="0px">
  338. <meta name="select:header rounded corners" title="S" content="0.35rem">
  339. <meta name="select:header rounded corners" title="M" content="0.69rem">
  340. <meta name="select:header rounded corners" title="XL" content="1.4rem">
  341. <meta name="select:header rounded corners" title="XXL" content="1.75rem">
  342.  
  343. <meta name="select:header padding" title="26px" content="26px">
  344. <meta name="select:header padding" title="14px" content="14px">
  345. <meta name="select:header padding" title="18px" content="18px">
  346. <meta name="select:header padding" title="22px" content="22px">
  347. <meta name="select:header padding" title="30px" content="30px">
  348. <meta name="select:header padding" title="34px" content="34px">
  349.  
  350. <meta name="select:header font size" title="14px" content="0.875rem">
  351. <meta name="select:header font size" title="12px" content="0.775rem">
  352. <meta name="select:header font size" title="13px" content="0.825rem">
  353. <meta name="select:header font size" title="15px" content="0.925rem">
  354. <meta name="select:header font size" title="16px" content="0.975rem">
  355. <meta name="select:header font size" title="17px" content="1.025rem">
  356.  
  357. <!-- divider: dropdowns: header image -->
  358. <meta name="select:&#x1F53D;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D407;&#x1D404;&#x1D400;&#x1D403;&#x1D404;&#x1D411;&#x20;&#x1D408;&#x1D40C;&#x1D400;&#x1D406;&#x1D404;" title="" content="">
  359. <meta name="select:show header banner image" title="show" content="show">
  360. <meta name="select:show header banner image" title="hide" content="hide">
  361.  
  362. <!-- divider: dropdowns: header avatar -->
  363. <meta name="select:&#x1f53d;&#x2007;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#x2007;&#x1d407;&#x1d404;&#x1d400;&#x1d403;&#x1d404;&#x1d411;&#x20;&#x1d400;&#x1d415;&#x1d400;&#x1d413;&#x1d400;&#x1d411;" title="" content="">
  364. <meta name="select:header avatar size" title="120px" content="120px">
  365. <meta name="select:header avatar size" title="60px" content="60px">
  366. <meta name="select:header avatar size" title="70px" content="70px">
  367. <meta name="select:header avatar size" title="80px" content="80px">
  368. <meta name="select:header avatar size" title="90px" content="90px">
  369. <meta name="select:header avatar size" title="100px" content="100px">
  370. <meta name="select:header avatar size" title="110px" content="110px">
  371. <meta name="select:header avatar size" title="130px" content="130px">
  372. <meta name="select:header avatar size" title="140px" content="140px">
  373. <meta name="select:header avatar size" title="150px" content="150px">
  374.  
  375. <meta name="select:header avatar border size" title="10px" content="10px">
  376. <meta name="select:header avatar border size" title="4px" content="4px">
  377. <meta name="select:header avatar border size" title="6px" content="6px">
  378. <meta name="select:header avatar border size" title="8px" content="8px">
  379. <meta name="select:header avatar border size" title="12px" content="12px">
  380. <meta name="select:header avatar border size" title="14px" content="14px">
  381. <meta name="select:header avatar border size" title="16px" content="16px">
  382. <meta name="select:header avatar border size" title="18px" content="18px">
  383. <meta name="select:header avatar border size" title="20px" content="20px">
  384.  
  385. <!-- divider: dropdowns: status bubble -->
  386. <meta name="select:&#x1F53D;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D412;&#x1D413;&#x1D400;&#x1D413;&#x1D414;&#x1D412; &#x1D401;&#x1D414;&#x1D401;&#x1D401;&#x1D40B;&#x1D404;" title="" content="">
  387. <meta name="select:status bubble left gap" title="13px" content="13px">
  388. <meta name="select:status bubble left gap" title="9px" content="9px">
  389. <meta name="select:status bubble left gap" title="11px" content="11px">
  390. <meta name="select:status bubble left gap" title="15px" content="15px">
  391. <meta name="select:status bubble left gap" title="17px" content="17px">
  392. <meta name="select:status bubble left gap" title="19px" content="19px">
  393. <meta name="select:status bubble left gap" title="21px" content="21px">
  394. <meta name="select:status bubble left gap" title="23px" content="23px">
  395. <meta name="select:status bubble left gap" title="25px" content="25px">
  396. <meta name="select:status bubble left gap" title="27px" content="27px">
  397. <meta name="select:status bubble left gap" title="29px" content="29px">
  398.  
  399. <meta name="select:status bubble padding" title="S" content="0.8rem">
  400. <meta name="select:status bubble padding" title="M" content="0.95rem">
  401. <meta name="select:status bubble padding" title="L" content="1.1rem">
  402.  
  403. <meta name="select:status bubble font size" title="14px" content="0.875rem">
  404. <meta name="select:status bubble font size" title="12px" content="0.775rem">
  405. <meta name="select:status bubble font size" title="13px" content="0.825rem">
  406. <meta name="select:status bubble font size" title="15px" content="0.925rem">
  407. <meta name="select:status bubble font size" title="16px" content="0.975rem">
  408. <meta name="select:status bubble font size" title="17px" content="1.025rem">
  409.  
  410. <meta name="select:status bubble bottom gap" title="18px" content="1.1rem">
  411. <meta name="select:status bubble bottom gap" title="14px" content="0.9rem">
  412. <meta name="select:status bubble bottom gap" title="22px" content="1.3rem">
  413. <meta name="select:status bubble bottom gap" title="26px" content="1.5rem">
  414. <meta name="select:status bubble bottom gap" title="30px" content="1.7rem">
  415.  
  416. <!-- divider: dropdowns: header username -->
  417. <meta name="select:&#x1F53D;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D407;&#x1D404;&#x1D400;&#x1D403;&#x1D404;&#x1D411; &#x1D414;&#x1D412;&#x1D404;&#x1D411;&#x1D40D;&#x1D400;&#x1D40C;&#x1D404;" title="" content="">
  418. <meta name="select:header username symbol" title="show" content="show">
  419. <meta name="select:header username symbol" title="hide" content="hide">
  420.  
  421. <meta name="select:header username font size" title="14px" content="0.85rem">
  422. <meta name="select:header username font size" title="13px" content="0.825rem">
  423. <meta name="select:header username font size" title="15px" content="0.875rem">
  424. <meta name="select:header username font size" title="16px" content="0.9rem">
  425. <meta name="select:header username font size" title="17px" content="0.925rem">
  426. <meta name="select:header username font size" title="18px" content="0.95rem">
  427.  
  428. <!-- divider: dropdowns: mini avatar -->
  429. <meta name="select:&#x1F53D;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D40C;&#x1D408;&#x1D40D;&#x1D408; &#x1D400;&#x1D415;&#x1D400;&#x1D413;&#x1D400;&#x1D411;" title="" content="">
  430. <meta name="select:mini avatar size" title="54px" content="54px">
  431. <meta name="select:mini avatar size" title="36px" content="36px">
  432. <meta name="select:mini avatar size" title="42px" content="42px">
  433. <meta name="select:mini avatar size" title="48px" content="48px">
  434. <meta name="select:mini avatar size" title="60px" content="60px">
  435. <meta name="select:mini avatar size" title="66px" content="66px">
  436. <meta name="select:mini avatar size" title="72px" content="72px">
  437.  
  438. <meta name="select:mini avatar border size" title="8px" content="8px">
  439. <meta name="select:mini avatar border size" title="4px" content="4px">
  440. <meta name="select:mini avatar border size" title="6px" content="6px">
  441. <meta name="select:mini avatar border size" title="10px" content="10px">
  442. <meta name="select:mini avatar border size" title="12px" content="12px">
  443. <meta name="select:mini avatar border size" title="14px" content="14px">
  444. <meta name="select:mini avatar border size" title="16px" content="16px">
  445. <meta name="select:mini avatar border size" title="18px" content="18px">
  446. <meta name="select:mini avatar border size" title="20px" content="20px">
  447.  
  448. <!-- divider: dropdowns: mini title -->
  449. <meta name="select:&#x1F53D;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D40C;&#x1D408;&#x1D40D;&#x1D408;&#x20;&#x1D413;&#x1D408;&#x1D413;&#x1D40B;&#x1D404;" title="" content="">
  450. <meta name="select:mini title font size" title="13px" content="0.775rem">
  451. <meta name="select:mini title font size" title="11px" content="0.725rem">
  452. <meta name="select:mini title font size" title="12px" content="0.75rem">
  453. <meta name="select:mini title font size" title="14px" content="0.8rem">
  454. <meta name="select:mini title font size" title="15px" content="0.825rem">
  455. <meta name="select:mini title font size" title="16px" content="0.85rem">
  456.  
  457. <!-- divider: dropdowns: header nav -->
  458. <meta name="select:&#x1F53D;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D407;&#x1D404;&#x1D400;&#x1D403;&#x1D404;&#x1D411; &#x1D40D;&#x1D400;&#x1D415;" title="" content="">
  459. <meta name="select:header nav rounded corners" title="soft" content="5px">
  460. <meta name="select:header nav rounded corners" title="square" content="0px">
  461. <meta name="select:header nav rounded corners" title="circle" content="100%">
  462.  
  463. <meta name="select:header nav icons size" title="17px" content="1.075rem">
  464. <meta name="select:header nav icons size" title="16px" content="1.025rem">
  465. <meta name="select:header nav icons size" title="18px" content="1.125rem">
  466. <meta name="select:header nav icons size" title="19px" content="1.175rem">
  467. <meta name="select:header nav icons size" title="20px" content="1.225rem">
  468.  
  469. <meta name="select:header nav padding" title="M" content="0.5rem">
  470. <meta name="select:header nav padding" title="S" content="0.4rem">
  471. <meta name="select:header nav padding" title="L" content="0.6rem">
  472.  
  473. <meta name="select:header nav spacing" title="9px" content="0.55rem">
  474. <meta name="select:header nav spacing" title="7px" content="0.45rem">
  475. <meta name="select:header nav spacing" title="8px" content="0.5rem">
  476. <meta name="select:header nav spacing" title="10px" content="0.6rem">
  477. <meta name="select:header nav spacing" title="11px" content="0.65rem">
  478. <meta name="select:header nav spacing" title="12px" content="0.7rem">
  479. <meta name="select:header nav spacing" title="13px" content="0.75rem">
  480.  
  481. <meta name="select:show ask link" title="show (popup)" content="popup">
  482. <meta name="select:show ask link" title="show (link)" content="link">
  483. <meta name="select:show ask link" title="hide" content="hide">
  484.  
  485. <meta name="select:show submit link" title="show (popup)" content="popup">
  486. <meta name="select:show submit link" title="show (link)" content="link">
  487. <meta name="select:show submit link" title="hide" content="hide">
  488.  
  489. <meta name="select:show back to top button" title="show" content="show">
  490. <meta name="select:show back to top button" title="hide" content="hide">
  491.  
  492. <!-- divider: dropdowns: sidebar -->
  493. <meta name="select:&#x1F53D;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D412;&#x1D408;&#x1D403;&#x1D404;&#x1D401;&#x1D400;&#x1D411;" title="" content="">
  494. <meta name="select:sidebar position" title="sidebar on left" content="sb-left">
  495. <meta name="select:sidebar position" title="sidebar on right" content="sb-right">
  496.  
  497. <meta name="select:sidebar width" title="300px" content="300px">
  498. <meta name="select:sidebar width" title="200px" content="200px">
  499. <meta name="select:sidebar width" title="225px" content="225px">
  500. <meta name="select:sidebar width" title="250px" content="250px">
  501. <meta name="select:sidebar width" title="275px" content="275px">
  502. <meta name="select:sidebar width" title="325px" content="325px">
  503. <meta name="select:sidebar width" title="350px" content="350px">
  504. <meta name="select:sidebar width" title="375px" content="375px">
  505.  
  506. <meta name="select:sidebar padding" title="18px" content="18px">
  507. <meta name="select:sidebar padding" title="10px" content="10px">
  508. <meta name="select:sidebar padding" title="14px" content="14px">
  509. <meta name="select:sidebar padding" title="22px" content="22px">
  510. <meta name="select:sidebar padding" title="26px" content="26px">
  511. <meta name="select:sidebar padding" title="30px" content="30px">
  512. <meta name="select:sidebar padding" title="34px" content="34px">
  513.  
  514. <meta name="select:sidebar rounded corners" title="M" content="0.69rem">
  515. <meta name="select:sidebar rounded corners" title="none" content="0px">
  516. <meta name="select:sidebar rounded corners" title="S" content="0.35rem">
  517. <meta name="select:sidebar rounded corners" title="L" content="1.05rem">
  518. <meta name="select:sidebar rounded corners" title="XL" content="1.4rem">
  519. <meta name="select:sidebar rounded corners" title="XXL" content="1.75rem">
  520.  
  521. <meta name="select:sidebar font size" title="14px" content="0.875rem">
  522. <meta name="select:sidebar font size" title="12px" content="0.775rem">
  523. <meta name="select:sidebar font size" title="13px" content="0.825rem">
  524. <meta name="select:sidebar font size" title="15px" content="0.925rem">
  525. <meta name="select:sidebar font size" title="16px" content="0.975rem">
  526. <meta name="select:sidebar font size" title="17px" content="1.025rem">
  527.  
  528. <!-- divider: dropdowns: sidebar titles -->
  529. <meta name="select:&#x1F53D;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D412;&#x1D408;&#x1D403;&#x1D404;&#x1D401;&#x1D400;&#x1D411; &#x1D413;&#x1D408;&#x1D413;&#x1D40B;&#x1D404;&#x1D412;" title="" content="">
  530. <meta name="select:sidebar title align" title="right" content="right">
  531. <meta name="select:sidebar title align" title="left" content="left">
  532. <meta name="select:sidebar title align" title="center" content="center">
  533.  
  534. <meta name="select:sidebar title padding" title="S" content="0.8rem">
  535. <meta name="select:sidebar title padding" title="M" content="0.95rem">
  536. <meta name="select:sidebar title padding" title="L" content="1.1rem">
  537.  
  538. <meta name="select:sidebar title font size" title="12px" content="0.775rem">
  539. <meta name="select:sidebar title font size" title="10px" content="0.725rem">
  540. <meta name="select:sidebar title font size" title="11px" content="0.75rem">
  541. <meta name="select:sidebar title font size" title="13px" content="0.8rem">
  542. <meta name="select:sidebar title font size" title="14px" content="0.825rem">
  543. <meta name="select:sidebar title font size" title="15px" content="0.85rem">
  544.  
  545. <!-- divider: dropdowns: sidebar image -->
  546. <meta name="select:&#x1f53d;&#x2007;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#x2007;&#x1d412;&#x1d408;&#x1d403;&#x1d404;&#x1d401;&#x1d400;&#x1d411;&#x20;&#x1d408;&#x1d40c;&#x1d400;&#x1d406;&#x1d404;" title="" content="">
  547. <meta name="select:show sidebar image" title="show" content="show">
  548. <meta name="select:show sidebar image" title="hide" content="hide">
  549.  
  550. <meta name="select:sidebar image gradient" title="yes" content="yes">
  551. <meta name="select:sidebar image gradient" title="no" content="no">
  552.  
  553. <meta name="select:sidebar image gradient height" title="M" content="45%">
  554. <meta name="select:sidebar image gradient height" title="S" content="25%">
  555. <meta name="select:sidebar image gradient height" title="L" content="65%">
  556.  
  557. <!-- divider: dropdowns: sidebar desc -->
  558. <meta name="select:&#x1F53D;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D412;&#x1D408;&#x1D403;&#x1D404;&#x1D401;&#x1D400;&#x1D411; &#x1D403;&#x1D404;&#x1D412;&#x1D402;" title="" content="">
  559. <meta name="select:show desc" title="show" content="show">
  560. <meta name="select:show desc" title="hide" content="hide">
  561.  
  562. <!-- divider: dropdowns: custom links -->
  563. <meta name="select:&#x1f53d;&#x2007;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#x2007;&#x1d402;&#x1d414;&#x1d412;&#x1d413;&#x1d40e;&#x1d40c;&#x20;&#x1d40b;&#x1d408;&#x1d40d;&#x1d40a;&#x1d412;" title="" content="">
  564. <meta name="select:custom links columns" title="2" content="2">
  565. <meta name="select:custom links columns" title="1" content="1">
  566. <meta name="select:custom links columns" title="3" content="3">
  567.  
  568. <meta name="select:custom links rounded corners" title="8px" content="0.5rem">
  569. <meta name="select:custom links rounded corners" title="none" content="0px">
  570. <meta name="select:custom links rounded corners" title="4px" content="0.25rem">
  571. <meta name="select:custom links rounded corners" title="6px" content="0.375rem">
  572. <meta name="select:custom links rounded corners" title="10px" content="0.625rem">
  573. <meta name="select:custom links rounded corners" title="12px" content="0.75rem">
  574. <meta name="select:custom links rounded corners" title="14px" content="0.875rem">
  575.  
  576. <meta name="select:custom links padding" title="13px" content="0.8rem">
  577. <meta name="select:custom links padding" title="9px" content="0.6rem">
  578. <meta name="select:custom links padding" title="11px" content="0.7rem">
  579. <meta name="select:custom links padding" title="15px" content="0.9rem">
  580. <meta name="select:custom links padding" title="17px" content="1.1rem">
  581.  
  582. <meta name="select:custom links font size" title="13px" content="0.725rem">
  583. <meta name="select:custom links font size" title="10px" content="0.575rem">
  584. <meta name="select:custom links font size" title="11px" content="0.625rem">
  585. <meta name="select:custom links font size" title="12px" content="0.675rem">
  586. <meta name="select:custom links font size" title="14px" content="0.775rem">
  587. <meta name="select:custom links font size" title="15px" content="0.825rem">
  588. <meta name="select:custom links font size" title="18px" content="0.875rem">
  589.  
  590. <meta name="select:custom links spacing" title="8px" content="8px">
  591. <meta name="select:custom links spacing" title="4px" content="4px">
  592. <meta name="select:custom links spacing" title="5px" content="5px">
  593. <meta name="select:custom links spacing" title="6px" content="6px">
  594. <meta name="select:custom links spacing" title="7px" content="7px">
  595. <meta name="select:custom links spacing" title="9px" content="9px">
  596. <meta name="select:custom links spacing" title="10px" content="10px">
  597. <meta name="select:custom links spacing" title="11px" content="11px">
  598. <meta name="select:custom links spacing" title="12px" content="12px">
  599.  
  600. <!-- divider: dropdowns: searchbar -->
  601. <meta name="select:&#x1F53D;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D412;&#x1D404;&#x1D400;&#x1D411;&#x1D402;&#x1D407;&#x1D401;&#x1D400;&#x1D411;" title="" content="">
  602. <meta name="select:show searchbar" title="show" content="show">
  603. <meta name="select:show searchbar" title="hide" content="hide">
  604.  
  605. <meta name="select:searchbar rounded corners" title="5px" content="5px">
  606. <meta name="select:searchbar rounded corners" title="none" content="0px">
  607. <meta name="select:searchbar rounded corners" title="3px" content="3px">
  608. <meta name="select:searchbar rounded corners" title="7px" content="7px">
  609. <meta name="select:searchbar rounded corners" title="9px" content="9px">
  610.  
  611. <meta name="select:searchbar font size" title="13px" content="0.725rem">
  612. <meta name="select:searchbar font size" title="10px" content="0.575rem">
  613. <meta name="select:searchbar font size" title="11px" content="0.625rem">
  614. <meta name="select:searchbar font size" title="12px" content="0.675rem">
  615. <meta name="select:searchbar font size" title="14px" content="0.775rem">
  616. <meta name="select:searchbar font size" title="15px" content="0.825rem">
  617. <meta name="select:searchbar font size" title="18px" content="0.875rem">
  618.  
  619. <meta name="select:searchbar center gap" title="7px" content="0.425rem">
  620. <meta name="select:searchbar center gap" title="5px" content="0.325rem">
  621. <meta name="select:searchbar center gap" title="6px" content="0.375rem">
  622. <meta name="select:searchbar center gap" title="8px" content="0.475rem">
  623. <meta name="select:searchbar center gap" title="9px" content="0.525rem">
  624. <meta name="select:searchbar center gap" title="10px" content="0.575rem">
  625.  
  626. <!-- divider: dropdowns: updates -->
  627. <meta name="select:&#x1F53D;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D414;&#x1D40F;&#x1D403;&#x1D400;&#x1D413;&#x1D404;&#x1D412;" title="" content="">
  628. <meta name="select:show updates" title="show" content="show">
  629. <meta name="select:show updates" title="hide" content="hide">
  630.  
  631. <meta name="select:updates label rounded corners" title="4px" content="4px">
  632. <meta name="select:updates label rounded corners" title="none" content="0px">
  633. <meta name="select:updates label rounded corners" title="2px" content="2px">
  634. <meta name="select:updates label rounded corners" title="6px" content="6px">
  635. <meta name="select:updates label rounded corners" title="8px" content="8px">
  636.  
  637. <meta name="select:updates label padding" title="7px" content="0.420rem">
  638. <meta name="select:updates label padding" title="5px" content="0.24rem">
  639. <meta name="select:updates label padding" title="6px" content="0.32rem">
  640. <meta name="select:updates label padding" title="8px" content="0.5rem">
  641. <meta name="select:updates label padding" title="9px" content="0.58rem">
  642. <meta name="select:updates label padding" title="10px" content="0.66rem">
  643.  
  644. <meta name="select:updates label font size" title="13px" content="0.75rem">
  645. <meta name="select:updates label font size" title="10px" content="0.6rem">
  646. <meta name="select:updates label font size" title="11px" content="0.65rem">
  647. <meta name="select:updates label font size" title="12px" content="0.7rem">
  648. <meta name="select:updates label font size" title="14px" content="0.75rem">
  649. <meta name="select:updates label font size" title="15px" content="0.8rem">
  650. <meta name="select:updates label font size" title="18px" content="0.85rem">
  651.  
  652. <meta name="select:updates row spacing" title="9px" content="0.55rem">
  653. <meta name="select:updates row spacing" title="6px" content="0.4rem">
  654. <meta name="select:updates row spacing" title="7px" content="0.45rem">
  655. <meta name="select:updates row spacing" title="8px" content="0.5rem">
  656. <meta name="select:updates row spacing" title="10px" content="0.6rem">
  657. <meta name="select:updates row spacing" title="11px" content="0.65rem">
  658. <meta name="select:updates row spacing" title="12px" content="0.7rem">
  659.  
  660. <!-- divider: dropdowns: members -->
  661. <meta name="select:&#x1F53D;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D40C;&#x1D404;&#x1D40C;&#x1D401;&#x1D404;&#x1D411;&#x1D412;" title="" content="">
  662. <meta name="select:show members" title="show" content="show">
  663. <meta name="select:show members" title="hide" content="hide">
  664.  
  665. <meta name="select:members avatar size" title="40px" content="40px">
  666. <meta name="select:members avatar size" title="24px" content="24px">
  667. <meta name="select:members avatar size" title="28px" content="28px">
  668. <meta name="select:members avatar size" title="32px" content="32px">
  669. <meta name="select:members avatar size" title="36px" content="36px">
  670. <meta name="select:members avatar size" title="44px" content="44px">
  671. <meta name="select:members avatar size" title="48px" content="48px">
  672. <meta name="select:members avatar size" title="52px" content="52px">
  673. <meta name="select:members avatar size" title="56px" content="56px">
  674.  
  675. <meta name="select:members avatar rounded corners" title="circle" content="100%">
  676. <meta name="select:members avatar rounded corners" title="none" content="0px">
  677. <meta name="select:members avatar rounded corners" title="soft S" content="4px">
  678. <meta name="select:members avatar rounded corners" title="soft M" content="8px">
  679.  
  680. <meta name="select:members username symbol" title="yes" content="yes">
  681. <meta name="select:members username symbol" title="no" content="no">
  682.  
  683. <meta name="select:members username font size" title="13px" content="0.75rem">
  684. <meta name="select:members username font size" title="10px" content="0.6rem">
  685. <meta name="select:members username font size" title="11px" content="0.65rem">
  686. <meta name="select:members username font size" title="12px" content="0.7rem">
  687. <meta name="select:members username font size" title="14px" content="0.8rem">
  688. <meta name="select:members username font size" title="15px" content="0.85rem">
  689. <meta name="select:members username font size" title="18px" content="0.9rem">
  690.  
  691. <meta name="select:members row spacing" title="14px" content="0.85rem">
  692. <meta name="select:members row spacing" title="8px" content="0.55rem">
  693. <meta name="select:members row spacing" title="10px" content="0.65rem">
  694. <meta name="select:members row spacing" title="12px" content="0.75rem">
  695. <meta name="select:members row spacing" title="16px" content="0.95rem">
  696. <meta name="select:members row spacing" title="18px" content="1.05rem">
  697. <meta name="select:members row spacing" title="20px" content="1.15rem">
  698.  
  699. <!-- divider: dropdowns: fonts -->
  700. <meta name="select:&#x1F53D;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D405;&#x1D40E;&#x1D40D;&#x1D413;&#x1D412;" title="" content="">
  701. <meta name="select:font" title="Funnel Sans" content="Funnel Sans">
  702. <meta name="select:font" title="Geist Sans" content="Geist">
  703. <meta name="select:font" title="Libre Baskerville" content="Libre Baskerville">
  704. <meta name="select:font" title="Source Serif 4" content="Source Serif 4">
  705.  
  706. <meta name="select:font size" title="14px" content="0.875rem">
  707. <meta name="select:font size" title="12px" content="0.775rem">
  708. <meta name="select:font size" title="13px" content="0.825rem">
  709. <meta name="select:font size" title="15px" content="0.925rem">
  710. <meta name="select:font size" title="16px" content="0.975rem">
  711. <meta name="select:font size" title="17px" content="1.025rem">
  712.  
  713. <meta name="select:small caps font" title="Figtree" content="Figtree">
  714. <meta name="select:small caps font" title="Sen" content="Sen">
  715. <meta name="select:small caps font" title="Averia Serif Libre" content="Averia Serif Libre">
  716. <meta name="select:small caps font" title="Arbutus Slab" content="Arbutus Slab">
  717.  
  718. <meta name="select:small caps font size" title="12px" content="0.8rem">
  719. <meta name="select:small caps font size" title="10px" content="0.7rem">
  720. <meta name="select:small caps font size" title="11px" content="0.725rem">
  721. <meta name="select:small caps font size" title="13px" content="0.775rem">
  722. <meta name="select:small caps font size" title="14px" content="0.8rem">
  723. <meta name="select:small caps font size" title="15px" content="0.825rem">
  724.  
  725. <meta name="select:heading font" title="Livvic" content="Livvic">
  726. <meta name="select:heading font" title="Lexend" content="Lexend">
  727. <meta name="select:heading font" title="Fraunces" content="Fraunces">
  728. <meta name="select:heading font" title="Caslon FS" content="Caslon FS">
  729.  
  730. <meta name="select:heading font size" title="17px" content="1.05rem">
  731. <meta name="select:heading font size" title="14px" content="0.9rem">
  732. <meta name="select:heading font size" title="15px" content="0.95rem">
  733. <meta name="select:heading font size" title="16px" content="1rem">
  734. <meta name="select:heading font size" title="18px" content="1.1rem">
  735. <meta name="select:heading font size" title="19px" content="1.15rem">
  736. <meta name="select:heading font size" title="20px" content="1.2rem">
  737.  
  738. <!-- divider: dropdowns: post blobs -->
  739. <meta name="select:&#x1F53D;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D40F;&#x1D40E;&#x1D412;&#x1D413; &#x1D401;&#x1D40B;&#x1D40E;&#x1D401;&#x1D412;" title="" content="">
  740. <meta name="select:post blobs padding" title="S" content="0.8rem">
  741. <meta name="select:post blobs padding" title="M" content="0.95rem">
  742. <meta name="select:post blobs padding" title="L" content="1.1rem">
  743.  
  744. <meta name="select:post header avatar size" title="42px" content="42px">
  745. <meta name="select:post header avatar size" title="24px" content="24px">
  746. <meta name="select:post header avatar size" title="28px" content="28px">
  747. <meta name="select:post header avatar size" title="32px" content="32px">
  748. <meta name="select:post header avatar size" title="36px" content="36px">
  749. <meta name="select:post header avatar size" title="48px" content="48px">
  750. <meta name="select:post header avatar size" title="54px" content="54px">
  751. <meta name="select:post header avatar size" title="60px" content="60px">
  752. <meta name="select:post header avatar size" title="66px" content="66px">
  753. <meta name="select:post header avatar size" title="72px" content="72px">
  754.  
  755. <meta name="select:post header avatar border size" title="8px" content="8px">
  756. <meta name="select:post header avatar border size" title="4px" content="4px">
  757. <meta name="select:post header avatar border size" title="6px" content="6px">
  758. <meta name="select:post header avatar border size" title="10px" content="10px">
  759. <meta name="select:post header avatar border size" title="12px" content="12px">
  760. <meta name="select:post header avatar border size" title="14px" content="14px">
  761. <meta name="select:post header avatar border size" title="16px" content="16px">
  762. <meta name="select:post header avatar border size" title="18px" content="18px">
  763. <meta name="select:post header avatar border size" title="20px" content="20px">
  764.  
  765. <!-- divider: dropdowns: posts -->
  766. <meta name="select:&#x1F53D;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D40F;&#x1D40E;&#x1D412;&#x1D413;&#x1D412;" title="" content="">
  767. <meta name="select:post width" title="500px" content="500px">
  768. <meta name="select:post width" title="300px" content="300px">
  769. <meta name="select:post width" title="325px" content="325px">
  770. <meta name="select:post width" title="350px" content="350px">
  771. <meta name="select:post width" title="375px" content="375px">
  772. <meta name="select:post width" title="425px" content="425px">
  773. <meta name="select:post width" title="400px" content="400px">
  774. <meta name="select:post width" title="450px" content="450px">
  775. <meta name="select:post width" title="475px" content="475px">
  776. <meta name="select:post width" title="540px" content="540px">
  777. <meta name="select:post width" title="600px" content="600px">
  778. <meta name="select:post width" title="650px" content="650px">
  779.  
  780. <meta name="select:post padding" title="14px" content="14px">
  781. <meta name="select:post padding" title="10px" content="10px">
  782. <meta name="select:post padding" title="12px" content="12px">
  783. <meta name="select:post padding" title="16px" content="16px">
  784. <meta name="select:post padding" title="18px" content="18px">
  785. <meta name="select:post padding" title="20px" content="20px">
  786. <meta name="select:post padding" title="22px" content="22px">
  787. <meta name="select:post padding" title="24px" content="24px">
  788. <meta name="select:post padding" title="26px" content="26px">
  789. <meta name="select:post padding" title="28px" content="28px">
  790.  
  791. <meta name="select:post rounded corners" title="M" content="0.69rem">
  792. <meta name="select:post rounded corners" title="none" content="0px">
  793. <meta name="select:post rounded corners" title="S" content="0.35rem">
  794. <meta name="select:post rounded corners" title="L" content="1.05rem">
  795. <meta name="select:post rounded corners" title="XL" content="1.4rem">
  796. <meta name="select:post rounded corners" title="XXL" content="1.75rem">
  797.  
  798. <meta name="select:photos spacing" title="4px" content="4px">
  799. <meta name="select:photos spacing" title="0px" content="0px">
  800. <meta name="select:photos spacing" title="2px" content="2px">
  801. <meta name="select:photos spacing" title="6px" content="6px">
  802. <meta name="select:photos spacing" title="8px" content="8px">
  803. <meta name="select:photos spacing" title="10px" content="10px">
  804.  
  805. <meta name="select:captions style" title="new" content="new">
  806. <meta name="select:captions style" title="old" content="old">
  807.  
  808. <meta name="select:reblog dividers" title="no" content="no">
  809. <meta name="select:reblog dividers" title="yes" content="yes">
  810.  
  811. <meta name="select:infinite scroll" title="no" content="no">
  812. <meta name="select:infinite scroll" title="yes" content="yes">
  813.  
  814. <!-- divider: dropdowns: tags -->
  815. <meta name="select:&#x1F53D;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D413;&#x1D400;&#x1D406;&#x1D412;" title="" content="">
  816. <meta name="select:tags" title="toggle + fade" content="toggle-fade">
  817. <meta name="select:tags" title="always show" content="show">
  818. <meta name="select:tags" title="toggle" content="toggle">
  819.  
  820. <meta name="select:tags position" title="right" content="right">
  821. <meta name="select:tags position" title="left" content="left">
  822.  
  823. <!-- divider: dropdowns: post buttons -->
  824. <meta name="select:&#x1F53D;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D40F;&#x1D40E;&#x1D412;&#x1D413; &#x1D401;&#x1D414;&#x1D413;&#x1D413;&#x1D40E;&#x1D40D;&#x1D412;" title="" content="">
  825. <meta name="select:post buttons rounded corners" title="soft" content="5px">
  826. <meta name="select:post buttons rounded corners" title="square" content="0px">
  827. <meta name="select:post buttons rounded corners" title="circle" content="100%">
  828.  
  829. <meta name="select:post buttons padding" title="8px" content="0.475rem">
  830. <meta name="select:post buttons padding" title="4px" content="0.375rem">
  831. <meta name="select:post buttons padding" title="6px" content="0.425rem">
  832. <meta name="select:post buttons padding" title="10px" content="0.525rem">
  833. <meta name="select:post buttons padding" title="12px" content="0.575rem">
  834. <meta name="select:post buttons padding" title="14px" content="0.625rem">
  835.  
  836. <meta name="select:post buttons icons size" title="16px" content="1.075rem">
  837. <meta name="select:post buttons icons size" title="13px" content="0.775rem">
  838. <meta name="select:post buttons icons size" title="14px" content="0.875rem">
  839. <meta name="select:post buttons icons size" title="15px" content="0.975rem">
  840. <meta name="select:post buttons icons size" title="17px" content="1.175rem">
  841. <meta name="select:post buttons icons size" title="18px" content="1.275rem">
  842. <meta name="select:post buttons icons size" title="19px" content="1.375rem">
  843.  
  844. <meta name="select:post buttons spacing" title="9px" content="0.55rem">
  845. <meta name="select:post buttons spacing" title="7px" content="0.45rem">
  846. <meta name="select:post buttons spacing" title="8px" content="0.5rem">
  847. <meta name="select:post buttons spacing" title="10px" content="0.6rem">
  848. <meta name="select:post buttons spacing" title="11px" content="0.65rem">
  849. <meta name="select:post buttons spacing" title="12px" content="0.7rem">
  850. <meta name="select:post buttons spacing" title="13px" content="0.75rem">
  851.  
  852. <!-- divider: text fields: header -->
  853. <meta name="text:&#917536;&#x200B;" content="&#x1F58A;&#xFE0F;&#x2007;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#xB7;&#x2007;&#x1D407;&#x1D404;&#x1D400;&#x1D403;&#x1D404;&#x1D411;&NewLine;">
  854. <meta name="text:header banner hover text" content="">
  855. <meta name="text:header icon hover text" content="">
  856. <meta name="text:status bubble text" content="&lt;b&gt;interloper&lt;/b&gt; / &lt;i&gt;&#x12D;n&prime;t&#x259;r-l&omacr;&prime;p&#x259;r&lt;/i&gt;">
  857. <meta name="text:header desc" content="your custom header description goes here! empty this box to use your existing blog description">
  858.  
  859. <meta name="text:header mini title" content="this is my skin you wear&#xFF1B;">
  860.  
  861. <meta name="text:ask link hover text" content="Askbox">
  862. <meta name="text:ask popup title" content="Ask me anything">
  863.  
  864. <meta name="text:submit link hover text" content="Submit a post">
  865. <meta name="text:submit popup title" content="What would you like to submit?">
  866.  
  867. <!-- divider: text fields: sidebar box #1 -->
  868. <meta name="text:&#917536;&#x200B;&#x200B;" content="&#x1f58a;&#xfe0f;&#x2007;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#x2007;&#x1d412;&#x1d408;&#x1d403;&#x1d404;&#x1d401;&#x1d400;&#x1d411;&#x20;&#x1d401;&#x1d40e;&#x1d417;&#x20;&#x23;&#x1d7cf;&NewLine;">
  869. <meta name="text:sidebar title" content="Interloper">
  870. <meta name="text:sidebar image hover text" content="">
  871. <meta name="text:sidebar desc" content="your custom sidebar description goes here! empty this box to remove it">
  872.  
  873. <meta name="text:custom link 1 name" content="example link">
  874. <meta name="text:custom link 1 URL" content="https://youtu.be/8AxV3y6W-Uk">
  875. <meta name="text:custom link 2 name" content="">
  876. <meta name="text:custom link 2 URL" content="">
  877. <meta name="text:custom link 3 name" content="">
  878. <meta name="text:custom link 3 URL" content="">
  879. <meta name="text:custom link 4 name" content="">
  880. <meta name="text:custom link 4 URL" content="">
  881. <meta name="text:custom link 5 name" content="">
  882. <meta name="text:custom link 5 URL" content="">
  883. <meta name="text:custom link 6 name" content="">
  884. <meta name="text:custom link 6 URL" content="">
  885. <meta name="text:custom link 7 name" content="">
  886. <meta name="text:custom link 7 URL" content="">
  887. <meta name="text:custom link 8 name" content="">
  888. <meta name="text:custom link 8 URL" content="">
  889.  
  890. <meta name="text:searchbar prompt" content="Search...">
  891.  
  892. <!-- divider: text fields: sidebar box #2 -->
  893. <meta name="text:&#917536;&#x200B;&#x200B;&#x200B;" content="&#x1f58a;&#xfe0f;&#x2007;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#x2007;&#x1d412;&#x1d408;&#x1d403;&#x1d404;&#x1d401;&#x1d400;&#x1d411;&#x20;&#x1d401;&#x1d40e;&#x1d417;&#x20;&#x23;&#x1d7d0;&NewLine;">
  894. <meta name="text:updates title" content="Updates">
  895. <meta name="text:update 1 label" content="Jun 21">
  896. <meta name="text:update 1 detail" content="Summer solstice">
  897. <meta name="text:update 2 label" content="">
  898. <meta name="text:update 2 detail" content="">
  899. <meta name="text:update 3 label" content="">
  900. <meta name="text:update 3 detail" content="">
  901. <meta name="text:update 4 label" content="">
  902. <meta name="text:update 4 detail" content="">
  903. <meta name="text:update 5 label" content="">
  904. <meta name="text:update 5 detail" content="">
  905. <meta name="text:update 6 label" content="">
  906. <meta name="text:update 6 detail" content="">
  907. <meta name="text:update 7 label" content="">
  908. <meta name="text:update 7 detail" content="">
  909. <meta name="text:update 8 label" content="">
  910. <meta name="text:update 8 detail" content="">
  911.  
  912. <!-- divider: text fields: sidebar box #3 -->
  913. <meta name="text:&#917536;&#x200B;&#x200B;&#x200B;&#x200B;" content="&#x1f58a;&#xfe0f;&#x2007;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#x2007;&#x1d412;&#x1d408;&#x1d403;&#x1d404;&#x1d401;&#x1d400;&#x1d411;&#x20;&#x1d401;&#x1d40e;&#x1d417;&#x20;&#x23;&#x1d7d1;&NewLine;">
  914. <meta name="text:members title" content="Members">
  915. <meta name="text:member 1 username" content="staff">
  916. <meta name="text:member 1 comment" content="all things tumblr">
  917. <meta name="text:member 2 username" content="">
  918. <meta name="text:member 2 comment" content="">
  919. <meta name="text:member 3 username" content="">
  920. <meta name="text:member 3 comment" content="">
  921. <meta name="text:member 4 username" content="">
  922. <meta name="text:member 4 comment" content="">
  923. <meta name="text:member 5 username" content="">
  924. <meta name="text:member 5 comment" content="">
  925. <meta name="text:member 6 username" content="">
  926. <meta name="text:member 6 comment" content="">
  927. {/block:Options}
  928.  
  929. <link rel="prefetch" href="{image:sidebar image}" as="image">
  930.  
  931. <!--+++++++++++++++++++++++++++++++++++++++++++++++++-->
  932.  
  933. <!----- THEME SCRIPTS & SHEETS ----->
  934. <link href="//glenthemes.github.io/npf-images-v4/core.min.css" rel="stylesheet">
  935. <script src="//glenthemes.github.io/npf-images-v4/main.min.js"></script>
  936.  
  937. <link rel="preload" href="//glen-themes.gitlab.io/thms/42/interloper.css" as="style">
  938. <link rel="preload" href="//glen-themes.gitlab.io/thms/42/interloper.js" as="script">
  939.  
  940. <link href="//glen-themes.gitlab.io/thms/42/interloper.css" rel="stylesheet">
  941. <script src="//cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
  942. <script src="//glen-themes.gitlab.io/thms/42/interloper.js"></script>
  943.  
  944. <!-- google fonts -->
  945. <link href="//fonts.googleapis.com" rel="preconnect">
  946. <link href="//fonts.gstatic.com" rel="preconnect" crossorigin>
  947. <link href="//fonts.bunny.net" rel="preconnect" crossorigin>
  948. <link href="//fonts.googleapis.com/css2?family=Funnel+Sans:ital,wght@0,300..800;1,300..800&family=Geist:ital,wght@0,100..900;1,100..900&family=Libre+Baskerville:ital,wght@0,400..700;1,400..700&family=Source+Serif+4:ital,wght@0,200..900;1,200..900&family=Livvic:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,900&family=Lexend:ital,wght@0,100..900;1,100..900&family=Fraunces:ital,wght@0,100..900;1,100..900&family=Figtree:ital,wght@0,300..900;1,300..900&family=Sen:ital,wght@0,400..800;1,400..800&family=Averia+Serif+Libre:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Arbutus+Slab:ital,wght@0,400;1,400&family=Google+Sans+Code:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet" crossorigin>
  949. <script>
  950. addGoogleFonts("") // extra google fonts if desired
  951. </script>
  952.  
  953. <link href="//assets.tumblr.com/fonts/caslonfs/stylesheet.css" rel="stylesheet">
  954.  
  955. <!-- icon fonts/libs -->
  956. <link href="//cdn.jsdelivr.net/gh/Richard9394/MingCute@main/fonts/MingCute.min.css" rel="stylesheet">
  957.  
  958. <!--+++++++++++++++++++++++++++++++++++++++++++++++++-->
  959.  
  960. <style>
  961.  
  962. /* custom fonts */
  963. /* @font-face */
  964.  
  965. /*------ OPTION VARIABLES ------*/
  966. :root {
  967.     /*---- GENERAL ----*/
  968.     --BG:{color:background};
  969.    
  970.     /*---- LAYOUT SPACING -----*/
  971.     --Screen-Gaps:{select:screen gap}; /* top & bottom of page */
  972.    --Header-Bottom-Gap-OG:{select:header bottom gap}; /* gap under header */
  973.     --Header-Bottom-Gap:calc(max(0px,calc(var(--clh__,0px) - var(--Header-Bottom-Row-Max-Height) + var(--Header-Links-Top-Gap))) + var(--Header-Bottom-Gap-OG));
  974.     --Center-Gap:{select:center gap}; /* between sidebar and posts */
  975.     --Side-Gaps-OG:{select:screen gap}; /* gaps on sides of container; noticeable on smaller screens */
  976.     --Side-Gaps:min(11.75vw,var(--Side-Gaps-OG));
  977.     --Sidebar-Sections-Spacing:{select:sidebar boxes gap}; /* sidebar boxes spacing */
  978.    
  979.     /*---- TUMBLR CONTROLS ----*/
  980.     --Desktop-TumblrControls-Zoom-Factor:75%;
  981.     --Desktop-TumblrControls-Transparency:15%;
  982.     --Mobile-TumblrControls-BG:var(--Post-Secondary-BG);
  983.     --Mobile-TumblrControls-FG:var(--Post-Secondary-Text-Color);
  984.     --Mobile-TumblrControls-Total-Height:54px;
  985.    
  986.     /*---- CONTAINER ----*/
  987.     --Container-Width-Total:calc(var(--Sidebar-Width) + var(--Center-Gap) + var(--Post-Width-Total));
  988.    
  989.     /*---- SHADOW SETTINGS: BOXES ----*/
  990.     --Boxes-Shadow-X-Offset:0.5rem;
  991.     --Boxes-Shadow-Y-Offset:0.5rem;
  992.     --Boxes-Shadow-Size:0.7rem;
  993.     --Boxes-Shadow-Color:{color:shadows};
  994.     --Boxes-Shadow-Strength:85%;
  995.    
  996.     /*---- SHADOW SETTINGS: BLOBS ----*/
  997.     --Blobs-Shadow-X-Offset:0.35rem;
  998.     --Blobs-Shadow-Y-Offset:0.35rem;
  999.     --Blobs-Shadow-Size:0.45rem;
  1000.     --Blobs-Shadow-Color:var(--Boxes-Shadow-Color);
  1001.     --Blobs-Shadow-Strength:calc(var(--Boxes-Shadow-Strength) * 0.55);
  1002.    
  1003.     /*---- SHADOW SETTINGS: MISC ----*/
  1004.     --Header-Banner-Image-Hover-Text-Shadow-X-Offset:var(--Blobs-Shadow-X-Offset);
  1005.     --Header-Banner-Image-Hover-Text-Shadow-Y-Offset:var(--Blobs-Shadow-Y-Offset);
  1006.     --Header-Banner-Image-Hover-Text-Shadow-Size:var(--Blobs-Shadow-Size);
  1007.     --Header-Banner-Image-Hover-Text-Shadow-Color:var(--Blobs-Shadow-Color);
  1008.    
  1009.     --Popup-Heading-Shadow-X-Offset:var(--Blobs-Shadow-X-Offset);
  1010.     --Popup-Heading-Shadow-Y-Offset:var(--Blobs-Shadow-Y-Offset);
  1011.     --Popup-Heading-Shadow-Size:var(--Blobs-Shadow-Size);
  1012.     --Popup-Heading-Shadow-Color:var(--Blobs-Shadow-Color);
  1013.     --Popup-Heading-Shadow-Strength:var(--Blobs-Shadow-Strength);
  1014.    
  1015.     --Popup-Box-Shadow-X-Offset:var(--Boxes-Shadow-X-Offset);
  1016.     --Popup-Box-Shadow-Y-Offset:var(--Boxes-Shadow-Y-Offset);
  1017.     --Popup-Box-Shadow-Size:var(--Boxes-Shadow-Size);
  1018.     --Popup-Box-Shadow-Color:var(--Boxes-Shadow-Color);
  1019.     --Popup-Box-Shadow-Strength:var(--Boxes-Shadow-Strength);
  1020.    
  1021.     --Header-Bot-Bar-Shadow-X-Offset:0;
  1022.     --Header-Bot-Bar-Shadow-Y-Offset:0.5rem;
  1023.     --Header-Bot-Bar-Shadow-Size:var(--Boxes-Shadow-Size);
  1024.     --Header-Bot-Bar-Shadow-Color:var(--Boxes-Shadow-Color);
  1025.     --Header-Bot-Bar-Shadow-Strength:69%;
  1026.    
  1027.     --Sidebar-Title-Shadow-X-Offset:var(--Blobs-Shadow-X-Offset);
  1028.     --Sidebar-Title-Shadow-Y-Offset:var(--Blobs-Shadow-Y-Offset);
  1029.     --Sidebar-Title-Shadow-Size:var(--Blobs-Shadow-Size);
  1030.     --Sidebar-Title-Shadow-Color:var(--Blobs-Shadow-Color);
  1031.     --Sidebar-Title-Shadow-Strength:var(--Blobs-Shadow-Strength);
  1032.    
  1033.     --Sidebar-Image-Hover-Text-Shadow-X-Offset:var(--Blobs-Shadow-X-Offset);
  1034.     --Sidebar-Image-Hover-Text-Shadow-Y-Offset:var(--Blobs-Shadow-Y-Offset);
  1035.     --Sidebar-Image-Hover-Text-Shadow-Size:var(--Blobs-Shadow-Size);
  1036.     --Sidebar-Image-Hover-Text-Shadow-Color:var(--Blobs-Shadow-Color);
  1037.     --Sidebar-Image-Hover-Text-Shadow-Strength:var(--Blobs-Shadow-Strength);
  1038.    
  1039.     --Post-Blobs-Shadow-X-Offset:var(--Blobs-Shadow-X-Offset);
  1040.     --Post-Blobs-Shadow-Y-Offset:var(--Blobs-Shadow-Y-Offset);
  1041.     --Post-Blobs-Shadow-Size:var(--Blobs-Shadow-Size);
  1042.     --Post-Blobs-Shadow-Color:var(--Blobs-Shadow-Color);
  1043.     --Post-Blobs-Shadow-Strength:var(--Blobs-Shadow-Strength);
  1044.    
  1045.     --Tooltips-Shadow-X-Offset:var(--Blobs-Shadow-X-Offset);
  1046.     --Tooltips-Shadow-Y-Offset:var(--Blobs-Shadow-Y-Offset);
  1047.     --Tooltips-Shadow-Size:var(--Blobs-Shadow-Size);
  1048.     --Tooltips-Shadow-Color:var(--Blobs-Shadow-Color);
  1049.     --Tooltips-Shadow-Strength:var(--Blobs-Shadow-Strength);
  1050.    
  1051.     /*---- HEADER ----*/
  1052.     --Header-Rounded-Corners:{select:header rounded corners};
  1053.     --Header-BG:{color:header BG};
  1054.     --Header-Padding:{select:header padding};
  1055.    
  1056.     /* header hover text */
  1057.     --Header-Banner-Image-Hover-Text-Corner-Offset:1rem;
  1058.     --Header-Banner-Hover-Text-Rounded-Corners:calc(var(--SmallCaps-Font-Size) * 0.420);
  1059.     --Header-Banner-Image-Hover-Text-Shadow-Strength:var(--Header-Status-Shadow-Strength);
  1060.    
  1061.     /* header profile picture */
  1062.     --Header-Profile-Pic-Size:{select:header avatar size};
  1063.     --Header-Profile-Pic-Border-Thickness:{select:header avatar border size};
  1064.    
  1065.     /* header status */
  1066.     --Header-Status-Left-Gap:{select:status bubble left gap};
  1067.     --Header-Status-Border-Size:1px;
  1068.     --Header-Status-Border-Color:{color:status bubble border};
  1069.     --Header-Status-Padding-X:{select:status bubble padding};
  1070.     --Header-Status-Padding-Y:calc(var(--Header-Status-Padding-X) - 0.2rem);
  1071.     --Header-Status-BG:{color:status bubble BG};
  1072.     --Header-Status-Font-Size:{select:status bubble font size};
  1073.     --Header-Status-Text-Color:{color:status bubble text};
  1074.     --Header-Status-Bold:{color:status bubble bold};
  1075.     --Header-Status-Italic:{color:status bubble italic};
  1076.     --Header-Status-Links-Color:{color:status bubble links};
  1077.     --Header-Status-Links-Underline-Size:var(--Links-Underline-Size);
  1078.     --Header-Status-Links-Underline-Gap:var(--Links-Underline-Gap);
  1079.     --Header-Status-Links-Underline-Color:{color:status bubble links underline};
  1080.     --Header-Status-Shadow-X-Offset:var(--Blobs-Shadow-X-Offset);
  1081.     --Header-Status-Shadow-Y-Offset:var(--Blobs-Shadow-Y-Offset);
  1082.     --Header-Status-Shadow-Size:var(--Blobs-Shadow-Size);
  1083.     --Header-Status-Shadow-Color:var(--Blobs-Shadow-Color);
  1084.     --Header-Status-Shadow-Strength:var(--Blobs-Shadow-Strength);
  1085.     --Header-Status-Bottom-Gap:{select:status bubble bottom gap};
  1086.    
  1087.     /* header status bubbles */
  1088.     --Header-Status-Bubble-Size-1:min(var(--Header-Status-Padding-X),var(--Header-Status-Padding-Y));
  1089.     --Header-Status-Bubble-Size-2:max(var(--Header-Status-Padding-X),var(--Header-Status-Padding-Y));
  1090.    
  1091.     /* header username + desc */
  1092.     --Header-Texts-Spacing:0.28rem; /* gap between username and desc */
  1093.    
  1094.     /* header username */
  1095.     --Header-Username-Font-Size:{select:header username font size};
  1096.     --Header-Username-Color:{color:username};
  1097.    
  1098.     /* header slash */
  1099.     --Header-Slash-Divider-Symbol-Thickness:1.5px;
  1100.     --Header-Slash-Divider-Symbol-Size:calc(var(--Header-Username-Font-Size) * 1.0175);
  1101.     --Header-Slash-Divider-Symbol-Color:rgb(from var(--Header-Username-Color) r g b / 45%);
  1102.    
  1103.     /* header desc */
  1104.     --Header-Desc-Font-Size:{select:header font size};
  1105.     --Header-Desc-Text-Color:{color:header desc text};
  1106.     --Header-Desc-Bold:{color:header desc bold};
  1107.     --Header-Desc-Italic:{color:header desc italic};
  1108.     --Header-Desc-Links-Color:{color:header desc links};
  1109.     --Header-Desc-Links-Underline-Size:var(--Links-Underline-Size);
  1110.     --Header-Desc-Links-Underline-Gap:var(--Links-Underline-Gap);
  1111.     --Header-Desc-Links-Underline-Color:{color:header desc links underline};
  1112.    
  1113.     --Header-Desc-Toggle-Icon-Size:calc(var(--Header-Desc-Font-Size) * 1.1);
  1114.     --Header-Desc-Toggle-Icon-Gap:0.325rem;
  1115.     --Header-Desc-Slide-Speed:420ms;
  1116.    
  1117.     /* header mini avatar */
  1118.     --Header-Mini-Avatar-Size:{select:mini avatar size};
  1119.     --Header-Mini-Avatar-Padding:{select:mini avatar border size};
  1120.     --Header-Mini-Avatar-Overlay-Transparency:69%;
  1121.     --Header-Mini-Avatar-Overlay-Blur-Amount:4px;
  1122.     --Header-Mini-Avatar-Hover-Icon-Size:calc(var(--Header-Mini-Avatar-Size) * 0.35);
  1123.     --Header-Mini-Avatar-Hover-Icon-Color:var(--Header-Mini-Title-Text-Color);
  1124.    
  1125.     /* header mini title */
  1126.     --Header-Mini-Title-Padding-X:var(--Header-Mini-Avatar-Padding);
  1127.     --Header-Mini-Title-Padding-Y:var(--Header-Mini-Avatar-Padding);
  1128.     --Header-Mini-Title-Font-Size:{select:mini title font size};
  1129.     --Header-Mini-Title-Text-Color:{color:mini title};
  1130.    
  1131.     /* header links / header nav */
  1132.     --Header-Links-Icons-Border-Size:1px;
  1133.     --Header-Links-Icons-Border-Color:{color:header nav border};
  1134.     --Header-Links-Icons-Rounded-Corners:{select:header nav rounded corners};
  1135.     --Header-Links-Icons-Padding:{select:header nav padding};
  1136.     --Header-Links-Icons-BG:{color:header nav BG};
  1137.     --Header-Links-Icons-Size:{select:header nav icons size};
  1138.     --Header-Links-Icons-Color:{color:header nav icons};
  1139.     --Header-Links-Icons-Hover-Speed:0.25s;
  1140.     --Header-Links-Icons-Hover-Zoom-Percentage:15%; /* percentage only */
  1141.     --Header-Links-Icons-HOVER-Border-Color:{color:header nav hover border};
  1142.     --Header-Links-Icons-HOVER-BG:{color:header nav hover BG};
  1143.     --Header-Links-Icons-HOVER-Color:{color:header nav hover icons};
  1144.     --Header-Links-Icons-Spacing:{select:header nav spacing};
  1145.    
  1146.     --Mobile-Toggle-Sidebar-Button-Icon-Size:var(--Header-Links-Icons-Size);
  1147.     --Mobile-Toggle-Sidebar-Button-Icon-Right-Gap:0.5rem;
  1148.     --Mobile-Toggle-Sidebar-Layout-Fade-Speed:0.420s;
  1149.    
  1150.     /*---- ASK POPUP / SUBMIT POPUP ----*/
  1151.     --Popup-Fade-Speed:420ms;
  1152.     --Popup-BG-Color:var(--BG);
  1153.     --Popup-BG-Color-Transparency:25%; /* percentage only */
  1154.     --Popup-BG-Blur:5px;
  1155.     --Popup-Z-Index:100;
  1156.     --Popup-Width:min(var(--Post-Width-Total),80vw);
  1157.    
  1158.     --Popup-Heading-Border-Size:var(--Header-Status-Border-Size);
  1159.     --Popup-Heading-Border-Color:var(--Header-Status-Border-Color);
  1160.     --Popup-Heading-Padding-X:var(--Header-Status-Padding-X);
  1161.     --Popup-Heading-Padding-Y:var(--Header-Status-Padding-Y);
  1162.     --Popup-Heading-BG:var(--Header-Status-BG);
  1163.     --Popup-Heading-Font-Size:var(--SmallCaps-Font-Size);
  1164.     --Popup-Heading-Text-Color:var(--Header-Status-Text-Color);
  1165.    
  1166.     --Popup-Box-Padding:var(--Header-Padding);
  1167.     --Popup-Box-BG:var(--Header-BG);
  1168.    
  1169.     /*---- SIDEBAR ----*/
  1170.     --Sidebar-Width:{select:sidebar width};
  1171.    
  1172.     /* sidebar title */
  1173.     --Sidebar-Title-Side-Gaps:var(--Sidebar-Boxes-Padding-X);
  1174.     --Sidebar-Title-Border-Size:1px;
  1175.     --Sidebar-Title-Border-Color:{color:sidebar title border};
  1176.     --Sidebar-Title-Padding-X:{select:sidebar title padding};
  1177.     --Sidebar-Title-Padding-Y:calc(var(--Sidebar-Title-Padding-X) - 0.2rem);
  1178.     --Sidebar-Title-BG:{color:sidebar title BG};
  1179.     --Sidebar-Title-Font-Size:{select:sidebar title font size};
  1180.     --Sidebar-Title-Text-Color:{color:sidebar title};
  1181.    
  1182.     /* sidebar image */
  1183.     --Sidebar-Image-Gradient-Size:{select:sidebar image gradient height};
  1184.     --Sidebar-Image-Hover-Text-Rounded-Corners:calc(var(--SmallCaps-Font-Size) * 0.420);
  1185.    
  1186.     /* sidebar boxes */
  1187.     --Sidebar-Boxes-Padding-X:{select:sidebar padding};
  1188.     --Sidebar-Boxes-Padding-Y:var(--Sidebar-Boxes-Padding-X);
  1189.     --Sidebar-Boxes-Rounded-Corners:{select:sidebar rounded corners};
  1190.     --Sidebar-Boxes-BG:{color:sidebar BG};
  1191.     --Sidebar-Boxes-Font-Size:{select:sidebar font size};
  1192.     --Sidebar-Boxes-Text-Color:{color:sidebar text};
  1193.     --Sidebar-Bold:{color:sidebar bold};
  1194.     --Sidebar-Italic:{color:sidebar italic};
  1195.     --Sidebar-Links-Color:{color:sidebar links};
  1196.     --Sidebar-Links-Underline-Size:var(--Links-Underline-Size);
  1197.     --Sidebar-Links-Underline-Gap:var(--Links-Underline-Gap);
  1198.     --Sidebar-Links-Underline-Color:{color:sidebar links underline};
  1199.     --Sidebar-Boxes-Line-Height:var(--Body-Line-Height);
  1200.    
  1201.     /* custom links (sidebar) */
  1202.     --Custom-Links-Columns:{select:custom links columns};
  1203.     --Custom-Links-Rounded-Corners:{select:custom links rounded corners};
  1204.     --Custom-Links-Padding-X:{select:custom links padding};
  1205.     --Custom-Links-Padding-Y:calc(var(--Custom-Links-Padding-X) - 0.2rem);
  1206.     --Custom-Links-BG:{color:custom links BG};
  1207.     --Custom-Links-Font-Size:{select:custom links font size};
  1208.     --Custom-Links-Text-Color:{color:custom links};
  1209.     --Custom-Links-Hover-BG:{color:custom links hover BG};
  1210.     --Custom-Links-Hover-Text-Color:{color:custom links hover};
  1211.     --Custom-Links-Spacing:{select:custom links spacing};
  1212.    
  1213.     /* searchbar */
  1214.     --Searchbar-Field-Border-Size:1px;
  1215.     --Searchbar-Field-Border-Color:{color:searchbar border};
  1216.     --Searchbar-Field-Rounded-Corners:{select:searchbar rounded corners};
  1217.     --Searchbar-Field-Padding-X:0.6rem;
  1218.     --Searchbar-Field-Padding-Y:var(--Searchbar-Field-Padding-X);
  1219.     --Searchbar-Field-BG:{color:searchbar BG};
  1220.     --Searchbar-Field-Font-Size:{select:searchbar font size};
  1221.     --Searchbar-Field-Prompt-Text-Color:rgb(from var(--Searchbar-Field-Typing-Text-Color) r g b / 69%);
  1222.     --Searchbar-Field-Typing-Text-Color:{color:searchbar text};
  1223.     --Searchbar-Field-FOCUSED-Border-Size:calc(var(--Searchbar-Field-Border-Size) + 1px);
  1224.     --Searchbar-Field-FOCUSED-Border-Color:{color:searchbar clicked border};
  1225.     --Searchbar-Center-Gap:{select:searchbar center gap};
  1226.     --Searchbar-Button-Padding:0.45rem;
  1227.     --Searchbar-Button-Border-Size:var(--Searchbar-Field-Border-Size);
  1228.     --Searchbar-Button-Border-Color:{color:searchbar button border};
  1229.     --Searchbar-Button-Rounded-Corners:var(--Searchbar-Field-Rounded-Corners);
  1230.     --Searchbar-Button-BG:{color:searchbar button BG};
  1231.     --Searchbar-Icon-Size:calc(var(--Searchbar-Field-Font-Size) * 1.420);
  1232.     --Searchbar-Icon-Color:{color:searchbar button icon};
  1233.     --Searchbar-Button-HOVER-Border-Color:{color:searchbar button hover border};
  1234.     --Searchbar-Button-HOVER-BG:{color:searchbar button hover BG};
  1235.     --Searchbar-Button-HOVER-Icon-Color:{color:searchbar button hover icon};
  1236.    
  1237.     /* updates */
  1238.     --Updates-Row-Spacing:{select:updates row spacing};
  1239.     --Updates-Column-Spacing:0.5rem;
  1240.    
  1241.     --Updates-Label-Font-Size:{select:updates label font size};
  1242.     --Updates-Label-Padding-X:{select:updates label padding};
  1243.     --Updates-Label-Padding-Y:var(--Updates-Label-Padding-X);
  1244.     --Updates-Label-Rounded-Corners:{select:updates label rounded corners};
  1245.     --Updates-Label-BG:{color:updates label BG};
  1246.     --Updates-Label-Text-Color:{color:updates label text};
  1247.    
  1248.     /* members */
  1249.     --Members-Row-Spacing:{select:members row spacing};
  1250.     --Members-Column-Spacing:0.85rem; /* pfp right gap */
  1251.     --Members-Texts-Spacing:0.3rem; /* v-gap under username */
  1252.    
  1253.     --Members-Avatar-Size:{select:members avatar size};
  1254.     --Members-Avatar-Rounded-Corners:{select:members avatar rounded corners};
  1255.    
  1256.     --Members-Username-Font-Size:{select:members username font size};
  1257.     --Members-Username-Color:{color:members username};
  1258.     --Members-Username-Hover-Color:{color:members username hover};
  1259.    
  1260.     --Members-Comment-Corner-Size:calc(var(--Members-Username-Font-Size) * 0.8);
  1261.     --Members-Comment-Corner-Thickness:1px;
  1262.     --Members-Comment-Corner-Color:var(--Members-Comment-Color);
  1263.     --Members-Comment-Corner-Transparency:calc(100% * 0.420);
  1264.     --Members-Comment-Corner-Roundness:calc(var(--Members-Comment-Corner-Size) * 0.420);
  1265.     --Members-Comment-Corner-Right-Gap:0.475rem;
  1266.     --Members-Comment-Color:var(--Sidebar-Boxes-Text-Color);
  1267.    
  1268.     /*---- POSTS ----*/
  1269.     --Post-Content-Width:{select:post width};
  1270.     --Post-Padding-OG:{select:post padding};
  1271.     --Post-Padding:calc(var(--Post-Padding-OG) + max(calc(var(--Post-Rounded-Corners) / 2),0px) - 1px);
  1272.     --Post-Width-Total:calc(var(--Post-Content-Width) + (var(--Post-Padding) * 2) + (var(--Post-Border-Size) * 2));
  1273.     --Post-Border-Size:0px;
  1274.     --Post-Border-Color:transparent;
  1275.     --Post-Rounded-Corners:{select:post rounded corners};
  1276.     --Post-BG:{color:post BG};
  1277.     --Post-Spacing:{select:post spacing};
  1278.    
  1279.     --Post-Secondary-Border-Size:1px;
  1280.     --Post-Secondary-Rounded-Corners:max(0px,calc(var(--Post-Rounded-Corners) - 1px));
  1281.     --Post-Secondary-Padding-X:0.875rem;
  1282.     --Post-Secondary-Padding-Y:calc(var(--Post-Secondary-Padding-X) - var(--Body-LH-V-Gap));
  1283.     --Post-Secondary-BG:{color:post BG alternative};
  1284.     --Post-Secondary-Text-Color:{color:text alternative};
  1285.    
  1286.     /*---- POST BLOBS ----*/
  1287.     /* blobs found in post header, post footer, post notes, post title on non-post pages */
  1288.     --Post-Blobs-Border-Size:1px;
  1289.     --Post-Blobs-Border-Color:{color:post blobs border};
  1290.     --Post-Blobs-BG:{color:post blobs BG};
  1291.     --Post-Blobs-Text-Color:{color:post blobs text};
  1292.     --Post-Blobs-Padding-X:{select:post blobs padding};
  1293.     --Post-Blobs-Padding-Y:calc(var(--Post-Blobs-Padding-X) - 0.2rem);
  1294.    
  1295.     --Post-Blobs-Font-Size:calc(var(--SmallCaps-Font-Size) - .5px);
  1296.     --Post-Blobs-Row-Gap:calc(var(--Post-Padding) - var(--Post-Header-Avatar-Padding));
  1297.     --Post-Blobs-Icon-Size:calc(var(--SmallCaps-Font-Size) * 1.35);
  1298.     --Post-Blobs-Icon-Right-Gap:0.4rem;
  1299.     --Post-Blobs-Spacing:var(--Post-Controls-Btn-Spacing); /* noticeable on post permalink pages (post notes section) */
  1300.    
  1301.     /*---- POST HEADER ----*/
  1302.     --Post-Header-Avatar-Size:{select:post header avatar size};
  1303.     --Post-Header-Avatar-Padding:max(6px,{select:post header avatar border size});
  1304.    
  1305.     /*---- MAIN FONT ----*/
  1306.     --Base-Font-Size:16px;
  1307.     --Body-Font-Family:"{select:font}";
  1308.     --Body-Font-Weight:normal;
  1309.     --Body-Font-Size:{select:font size};
  1310.     --Body-Letter-Spacing:0px;
  1311.     --Body-Word-Spacing:0px;
  1312.     --Body-Text-Color:{color:text};
  1313.     --Body-Text-Color-Lighter:rgb(from var(--Body-Text-Color) r g b / 80%);
  1314.     --Body-Line-Height:1.65; /* number only */
  1315.     --Body-LH-V-Gap:calc(((var(--Body-Font-Size) * var(--Body-Line-Height)) - var(--Body-Font-Size)) / 2);
  1316.    
  1317.     /*---- SMALL CAPS FONT ----*/
  1318.     --SmallCaps-Font-Family:"{select:small caps font}";
  1319.     --SmallCaps-Font-Weight:600;
  1320.     --SmallCaps-Font-Size:{select:small caps font size};
  1321.     --SmallCaps-Letter-Spacing:0.025em;
  1322.     --SmallCaps-Word-Spacing:0px;
  1323.     --SmallCaps-LH-V-Gap:calc(((var(--SmallCaps-Font-Size) * var(--Body-Line-Height)) - var(--SmallCaps-Font-Size)) / 2);
  1324.    
  1325.     /*---- HEADING FONT ----*/
  1326.     --Heading-Font-Family:"{select:heading font}";
  1327.     --Heading-Font-Weight:700;
  1328.     --Heading-Font-Size:{select:heading font size};
  1329.     --Heading-Letter-Spacing:0.025em;
  1330.     --Heading-Word-Spacing:0px;
  1331.     --Heading-Line-Height:var(--Body-Line-Height);
  1332.     --Heading-LH-V-Gap:calc(((var(--Heading-Font-Size) * var(--Heading-Line-Height)) - var(--Heading-Font-Size)) / 2);
  1333.    
  1334.     --Post-Title-Rounded-Corners:var(--Post-Secondary-Rounded-Corners);
  1335.     --Post-Title-BG:var(--Post-Secondary-BG);
  1336.     --Post-Title-Padding-X:var(--Post-Secondary-Padding-X);
  1337.     --Post-Title-Padding-Y:var(--Post-Secondary-Padding-Y);
  1338.     --Post-Title-Text-Color:var(--Post-Secondary-Text-Color);
  1339.     --Post-Title-Bottom-Gap:1em;
  1340.    
  1341.     /*---- TEXT FORMATTING ----*/
  1342.     --Bold-Font-Weight:700;
  1343.     --Bold:{color:bold};
  1344.     --Italic:{color:italic};
  1345.    
  1346.     --Links-Color:{color:links};
  1347.     --Links-Underline-Gap:var(--Body-LH-V-Gap);
  1348.     --Links-Underline-Size:1px;
  1349.     --Links-Underline-Color:{color:links underline};
  1350.     --Links-Hover-Speed:0.4s;
  1351.    
  1352.     --Code-Block-Padding-X:max(calc(var(--Post-Padding) - 1px),1.420em);
  1353.     --Code-Block-Padding-Y:calc(var(--Code-Block-Padding-X) - var(--Body-LH-V-Gap));
  1354.     --Code-Block-BG:var(--Post-Secondary-BG);
  1355.     --Code-Block-Text-Color:var(--Post-Secondary-Text-Color);
  1356.    
  1357.     --Code-Font-Family:"Google Sans Code";
  1358.     --Code-Font-Weight:500;
  1359.     --Code-Font-Size:calc(var(--Body-Font-Size) * 0.875);
  1360.     --Code-Letter-Spacing:0px;
  1361.     --Code-Word-Spacing:0px;
  1362.     --Code-Line-Height:var(--Body-Line-Height);
  1363.    
  1364.     --Blockquote-Left-Gap-1:calc((var(--Post-Avatar-Size) / 2) - (var(--Blockquote-Border-Size) / 2));
  1365.     --Blockquote-Border-Size:1px;
  1366.     --Blockquote-Border-Color:{color:blockquote border};
  1367.     --Blockquote-Left-Gap-2:calc(0px - var(--Blockquote-Border-Size) - var(--Blockquote-Left-Gap-1) + var(--Post-Avatar-Size) + var(--Reblog-Header-Center-Gap));
  1368.    
  1369.     /*---- NPF SETTINGS: PHOTO(SET)S ----*/
  1370.     --NPF-Text-Container:".text-post-caption, .text-post-reblogs";
  1371.     --NPF-Reblogs-Selector:".comment";
  1372.     --NPF-Move-To-Top:"yes";
  1373.     --NPF-Captionless-Add-Source:"no";
  1374.     --NPF-Change-Post-Type:"yes";
  1375.     --NPF-Caption-Spacing:0px;
  1376.     --NPF-Images-Spacing:var(--Photoset-Spacing);
  1377.    
  1378.     /*---- NPF SETTINGS: ALT TEXT ----*/
  1379.     --NPF-Alt-Text-Button-Visibility:40%;
  1380.     --NPF-Alt-Text-Button-Rounded-Corners:3px;
  1381.     --NPF-Alt-Text-Button-Fade-Speed:0.4s;
  1382.     --NPF-Alt-Text-Button-Font-Size:calc(var(--SmallCaps-Font-Size) - 0.5px);
  1383.     --NPF-Alt-Text-Close-Button-Background-Color:var(--Post-Secondary-BG);
  1384.     --NPF-Alt-Text-Close-Button-Icon-Size:var(--Body-Font-Size);
  1385.     --NPF-Alt-Text-Close-Button-Icon-Color:var(--Post-Secondary-Text-Color);
  1386.    
  1387.     /*---- PHOTOS / PHOTOSETS ----*/
  1388.     --Photoset-Spacing:{select:photos spacing};
  1389.     --Lightbox-BG:{color:background};
  1390.     --Lightbox-BG-Strength:69%;
  1391.     --Lightbox-BG-Blur-Amount:4px;
  1392.     --Lightbox-Image-Rounded-Corners:var(--Post-Rounded-Corners);
  1393.    
  1394.     /*---- QUOTE POSTS ----*/
  1395.     --Quote-Font-Family:var(--Heading-Font-Family);
  1396.     --Quote-Font-Weight:var(--Heading-Font-Weight);
  1397.     --Quote-Font-Size:var(--Heading-Font-Size);
  1398.     --Quote-Letter-Spacing:var(--Heading-Letter-Spacing);
  1399.     --Quote-Word-Spacing:var(--Heading-Word-Spacing);
  1400.     --Quote-Line-Height:var(--Heading-Line-Height);
  1401.    
  1402.     --Quote-Post-Row-Spacing:1em;
  1403.    
  1404.     /*---- LINK POSTS ----*/
  1405.     --Link-Post-Padding-X:var(--Post-Secondary-Padding-X);
  1406.     --Link-Post-Padding-Y:var(--Post-Secondary-Padding-Y);
  1407.     --Link-Post-BG:var(--Post-Secondary-BG);
  1408.     --Link-Post-Rounded-Corners:var(--Post-Secondary-Rounded-Corners);
  1409.     --Link-Post-Title-Font-Size:var(--Heading-Font-Size);
  1410.     --Link-Post-Title-Line-Height:var(--Heading-Line-Height);
  1411.     --Link-Post-Title-Arrow-Left-Gap:13px;
  1412.     --Link-Post-Title-Arrow-Icon:'<i class="mgc_external_link_line"></i>';
  1413.     --Link-Post-Title-Arrow-Size:calc(var(--Link-Post-Title-Font-Size) * 1.15);
  1414.     --Link-Post-Row-Spacing:1em;
  1415.     --Link-Post-Site-Name-Right-Gap:8px;
  1416.     --Link-Post-Site-Name-Link-Icon:'<i class="mgc_link_2_line"></i>';
  1417.    
  1418.     --Link-Post-Site-Name-Shadow-X-Offset:0px;
  1419.     --Link-Post-Site-Name-Shadow-Y-Offset:0px;
  1420.     --Link-Post-Site-Name-Shadow-Size:var(--Blobs-Shadow-Size);
  1421.     --Link-Post-Site-Name-Shadow-Color:var(--Blobs-Shadow-Color);
  1422.     --Link-Post-Site-Name-Shadow-Strength:calc(var(--Blobs-Shadow-Strength) * 0.69);
  1423.    
  1424.     /*---- CHAT POSTS ----*/
  1425.     --Chat-Post-Row-Padding-X:var(--Post-Secondary-Padding-X);
  1426.     --Chat-Post-Row-Padding-Y:var(--Post-Secondary-Padding-Y);
  1427.     --Chat-Post-Row-Alternating-Rounded-Corners:var(--Post-Secondary-Rounded-Corners);
  1428.     --Chat-Post-Row-Alternating-BG:var(--Post-Secondary-BG);
  1429.     --Chat-Post-Row-Alternating-Text-Color:var(--Post-Secondary-Text-Color);
  1430.    
  1431.     --Chat-Post-Font-Family:var(--Code-Font-Family);
  1432.     --Chat-Post-Font-Weight:var(--Code-Font-Weight);
  1433.     --Chat-Post-Font-Size:var(--Code-Font-Size);
  1434.     --Chat-Post-Letter-Spacing:0px;
  1435.     --Chat-Post-Word-Spacing:0px;
  1436.     --Chat-Post-Line-Height:var(--Body-Line-Height);
  1437.    
  1438.     /*---- AUDIO POSTS ----*/
  1439.     --Audio-Post-Volume:75%;
  1440.     --Audio-Post-Album-Image-Size:80px;
  1441.     --Audio-Post-Play-Btn-Icon:'<i class="mgc_play_fill"></i>';
  1442.     --Audio-Post-Play-Btn-Hover-Text:"Play";
  1443.     --Audio-Post-Pause-Btn-Icon:'<i class="mgc_pause_fill"></i>';
  1444.     --Audio-Post-Pause-Btn-Hover-Text:"Pause";
  1445.     --Audio-Post-Buttons-Icons-Size:calc(var(--Body-Font-Size) * 1.25);
  1446.     --Audio-Post-Buttons-Icons-Color:{color:text};
  1447.     --Audio-Post-Buttons-Padding:10px;
  1448.     --Audio-Post-Buttons-BG:{color:post BG};
  1449.     --Audio-Post-Buttons-Total-Size:calc(var(--Audio-Post-Buttons-Icons-Size) + (var(--Audio-Post-Buttons-Padding) * 2));
  1450.     --Audio-Post-Buttons-Rounded-Corners:100%;
  1451.     --Audio-Post-Details-BG:var(--Post-Secondary-BG);
  1452.     --Audio-Post-Details-Padding-X:14px;
  1453.     --Audio-Post-Details-Padding-Y:calc(var(--Audio-Post-Details-Padding-X) - var(--Body-LH-V-Gap));
  1454.     --Audio-Post-Details-Text-Color:var(--Post-Secondary-Text-Color);
  1455.     --Audio-Post-Download-Btn-Touch-Padding:7px;
  1456.     --Audio-Post-Download-Btn-Icon:'<i class="mgc_download_2_line"></i>';
  1457.     --Audio-Post-Download-Btn-Icon-Size:calc(var(--Body-Font-Size) * 1.3);
  1458.     --Audio-Post-Download-Btn-Hover-Text:'{lang:Download this track}';
  1459.     --Audio-Post-Download-Btn-Icon-Color:var(--Audio-Post-Details-Text-Color);
  1460.    
  1461.     /*---- OTHER AUDIO ----*/
  1462.     --SoundCloud-Player-Height:116px; /* 20px, 116px, or 500px */
  1463.     --SoundCloud-Show-Album-Image:"yes";
  1464.    
  1465.     /*---- VIDEO POSTS ----*/
  1466.     --Video-Post-Volume:75%;
  1467.     --Video-Player-Font-Size:calc(var(--SmallCaps-Font-Size));
  1468.     --Video-Player-Font-Weight:var(--SmallCaps-Font-Weight);
  1469.    
  1470.     /*---- ASK POSTS ----*/
  1471.     --Ask-Post-Column-Gap:15px;
  1472.     --Ask-Post-Header-Bottom-Gap:calc(0px - var(--SmallCaps-LH-V-Gap) + 0.55em);
  1473.     --Ask-Post-QnA-Row-Spacing:1em;
  1474.    
  1475.     --Ask-Post-Question-Rounded-Corners:var(--Post-Rounded-Corners);
  1476.     --Ask-Post-Question-Padding:calc(var(--Post-Padding) - 1px);
  1477.     --Ask-Post-Question-BG:var(--Post-Secondary-BG);
  1478.     --Ask-Post-Question-Avatar-Size:52px;
  1479.     --Ask-Post-Question-Avatar-Rounded-Corners:3px;
  1480.     --Ask-Post-Question-Text-Color:var(--Post-Secondary-Text-Color);
  1481.     --Ask-Post-Anon-Transparent:"yes";
  1482.    
  1483.     --Ask-Post-Answer-Rounded-Corners:0px;
  1484.     --Ask-Post-Answer-Padding:0px;
  1485.     --Ask-Post-Answer-BG:transparent;
  1486.     --Ask-Post-Answer-Avatar-Size:52px;
  1487.     --Ask-Post-Answer-Avatar-Rounded-Corners:100%;
  1488.     --Ask-Post-Answer-Text-Color:var(--Body-Text-Color);
  1489.    
  1490.     /*---- POLLS ----*/
  1491.     --Poll-Question-Font-Size:var(--Body-Font-Size);
  1492.     --Poll-Question-Font-Weight:var(--Body-Font-Weight);
  1493.     --Poll-Question-Bottom-Gap:1em;
  1494.     --Poll-Options-Rounded-Corners:var(--Post-Secondary-Rounded-Corners);
  1495.     --Poll-Options-Padding-X:max(calc(var(--Post-Padding) - 1px),1.420em);
  1496.     --Poll-Options-Padding-Y:calc(var(--Poll-Options-Padding-X) - var(--SmallCaps-LH-V-Gap));
  1497.     --Poll-Options-BG:var(--Post-Secondary-BG);
  1498.     --Poll-Options-Font-Size:calc(var(--SmallCaps-Font-Size));
  1499.     --Poll-Options-Text-Color:var(--Post-Secondary-Text-Color);
  1500.     --Poll-Options-Hover-Text-Color:var(--Links-Color);
  1501.     --Poll-Options-Spacing:0.69em;
  1502.    
  1503.     /*---- CAPTIONS / REBLOGS ----*/
  1504.     --Captions-Top-Gap:var(--Post-Padding);
  1505.    
  1506.     --Reblog-Header-Center-Gap:13px;
  1507.     --Reblog-Header-Bottom-Gap:1em;
  1508.    
  1509.     --Post-Avatar-Size:34px;
  1510.     --Post-Avatar-Rounded-Corners:100%;
  1511.     --Post-Usernames-Color:{color:post usernames};
  1512.     --Deactivated-Label-Text:{block:English}Deactivated{/block:English}{block:German}Deaktiviert{/block:German}{block:French}Désactivé{/block:French}{block:Italian}Disattivato{/block:Italian}{block:Japanese}無効化{/block:Japanese}{block:Turkish}Kapatıldı{/block:Turkish}{block:Spanish}Desactivado{/block:Spanish}{block:Russian}Деактивировано{/block:Russian}{block:Polish}deaktywowano{/block:Polish}{block:PortuguesePT}Desativado{/block:PortuguesePT}{block:PortugueseBR}Desativado{/block:PortugueseBR}{block:Dutch}Gedeactiveerd{/block:Dutch}{block:Korean}사용 안 함{/block:Korean}{block:ChineseSimplified}已关闭{/block:ChineseSimplified}{block:ChineseTraditional}已停用{/block:ChineseTraditional}{block:ChineseHK}已停用{/block:ChineseHK}{block:Indonesian}Dinonaktifkan{/block:Indonesian}{block:Hindi}निष्क्रिय{/block:Hindi};
  1513.    
  1514.     --Reblog-Border-Size:1px;
  1515.     --Reblog-Border-Color:{color:reblog dividers};
  1516.    
  1517.     /*---- POST FOOTER ----*/
  1518.     /* post footer / post buttons / post controls */
  1519.     --Post-Controls-Btn-Rounded-Corners:{select:post buttons rounded corners};
  1520.     --Post-Controls-Btn-Border-Size:var(--Post-Blobs-Border-Size);
  1521.     --Post-Controls-Btn-Border-Color:{color:post buttons border};
  1522.     --Post-Controls-Btn-Padding:{select:post buttons padding};
  1523.     --Post-Controls-Btn-BG:{color:post buttons BG};
  1524.     --Post-Controls-Btn-Icon-Size:{select:post buttons icons size};
  1525.     --Post-Controls-Btn-Icon-Color:{color:post buttons icons};
  1526.    
  1527.     --Post-Controls-Btn-Hover-Border-Color:{color:post buttons hover border};
  1528.     --Post-Controls-Btn-Hover-BG:{color:post buttons hover BG};
  1529.     --Post-Controls-Btn-Hover-Icon-Color:{color:post buttons hover icons};
  1530.     --Post-Controls-Btn-Hover-Speed:0.25s;
  1531.     --Post-Controls-Btn-Hover-Zoom-Percentage:15%;
  1532.    
  1533.     --Post-Controls-Btn-Spacing:{select:post buttons spacing};
  1534.    
  1535.     --Liked-Button-Color:{color:liked button};
  1536.    
  1537.     /*---- TAGS ----*/
  1538.     --Tags-Top-Gap:var(--Captions-Top-Gap);
  1539.    
  1540.     --Tags-Rounded-Corners:0.35rem;
  1541.     --Tags-Padding-X:0.525rem;
  1542.     --Tags-Padding-Y:var(--Tags-Padding-X);
  1543.     --Tags-BG:{color:tags BG};
  1544.     --Tags-Font-Size:calc(var(--SmallCaps-Font-Size) - .5px);
  1545.     --Tags-Text-Color:{color:tags};
  1546.    
  1547.     --Tags-HOVER-BG:{color:tags hover BG};
  1548.     --Tags-HOVER-Text-Color:{color:tags hover};
  1549.    
  1550.     --Tags-Spacing-X:0.6rem;
  1551.     --Tags-Spacing-Y:var(--Tags-Spacing-X);
  1552.    
  1553.     --Tags-Fade-Delay:0.35s;
  1554.     --Tags-Fade-Speed:0.5s;
  1555.     --Tags-Slide-Speed:0.5s;
  1556.    
  1557.     /*---- POST NOTES ----*/
  1558.     --Post-Notes-Row-Spacing:1rem;
  1559.     --Post-Notes-Type-Icon-Size:calc(var(--Body-Font-Size) + 3px);
  1560.     --Post-Notes-Type-Icon-Gap-Right:8px;
  1561.    
  1562.     /*---- PAGE NUMBERS ----*/
  1563.     --Page-Numbers-Arrow-Size:calc(var(--Body-Font-Size) * 1.2);
  1564.     --Page-Numbers-Arrow-Gap:4px;
  1565.     --Page-Numbers-Touch-Padding:6px;
  1566.     --Page-Numbers-Spacing:calc(var(--Page-Numbers-Touch-Padding) + 8px);
  1567.     --Page-Numbers-Color:{color:page numbers};
  1568.     --Load-More-Spinner-Size:calc(var(--Heading-Font-Size) * 1.55);
  1569.     --Load-More-Spinner-Speed:2.5s;
  1570.    
  1571.     /*----- TOOLTIPS OPTIONS -----*/
  1572.     --Tooltips-Margin:15; /* number only */
  1573.     --Tooltips-Fade-In-Delay:0s;
  1574.     --Tooltips-Fade-In-Speed:0.4s;
  1575.     --Tooltips-Fade-Out-Delay:0s;
  1576.     --Tooltips-Fade-Out-Speed:0.4s;
  1577.     --Tooltips-Border-Size:var(--Post-Blobs-Border-Size);
  1578.     --Tooltips-Border-Color:{color:hover text border};
  1579.     --Tooltips-Padding-X:var(--Post-Blobs-Padding-X);
  1580.     --Tooltips-Padding-Y:var(--Post-Blobs-Padding-Y);
  1581.     --Tooltips-Rounded-Corners:var(--Post-Blobs-Rounded-Corners);
  1582.     --Tooltips-BG:{color:hover text BG};
  1583.     --Tooltips-Font-Size:var(--Post-Blobs-Font-Size);
  1584.     --Tooltips-Text-Color:{color:hover text};
  1585.    
  1586.     /*---- SCROLLBAR OPTIONS ----*/
  1587.     --Scrollbar-Thumb-Size:1px;
  1588.     --Scrollbar-Thumb-Color:{color:scrollbar};
  1589.     --Scrollbar-Thumb-Rounded-Corners:0px;
  1590.    
  1591.     --Scrollbar-Track-Size:1px;
  1592.     --Scrollbar-Track-Color:{color:scrollbar track};
  1593.     --Scrollbar-Track-Rounded-Corners:0px;
  1594.    
  1595.     --Scrollbar-Padding:8px;
  1596.     --Scrollbar-BG:{color:scrollbar BG};
  1597.     --Scrollbar-Gutter:15px;
  1598.    
  1599.     --Scrollbar-Alt-Style:"yes"; /* "yes" or "no" only */
  1600.     --Scrollbar-Line-Margin:"yes"; /* "yes" or "no" only; if "yes", --Scrollbar-BG must NOT be transparent */
  1601.    
  1602. }/* end root */
  1603.  
  1604. /*------ TUMBLR CONTROLS: DESKTOP ------*/
  1605. body > .iframe-controls--desktop {
  1606.     top:5px!important;
  1607.     right:5px!important;
  1608.     position:fixed!important;
  1609.     transform:scale(var(--Desktop-TumblrControls-Zoom-Factor,1),var(--Desktop-TumblrControls-Zoom-Factor,1));
  1610.     transform-origin:100% 0;
  1611.     opacity:calc(100% - var(--Desktop-TumblrControls-Transparency,0%));
  1612.     z-index:11!important;
  1613. }
  1614.  
  1615. html.is-not-touch-device body[data-scrollbar-y="active"] > .iframe-controls--desktop {
  1616.     right:calc(var(--Scrollbar-Total-Size) + 5px)!important;
  1617. }
  1618.  
  1619. html.tc-black body > .iframe-controls--desktop {
  1620.     filter:invert(100%) hue-rotate(180deg)!important;
  1621.     -webkit-filter:invert(100%) hue-rotate(180deg)!important;
  1622. }
  1623.  
  1624. /*------ TUMBLR CONTROLS: MOBILE ------*/
  1625. .new-tc-cont {
  1626.     display:none;
  1627.     position:fixed;
  1628.     top:0;left:0;
  1629.     width:100%;
  1630.     height:54px;
  1631.     background:var(--Mobile-TumblrControls-BG);
  1632.     z-index:12;
  1633. }
  1634.  
  1635. .new-tc-cont iframe {
  1636.     position:absolute;
  1637.     top:0;left:0;
  1638.     width:100%!important;
  1639.     height:54px!important;
  1640. }
  1641.  
  1642. html.is-narrow .new-tc-cont,
  1643. html.is-touch-device .new-tc-cont { display:block }
  1644.  
  1645. html.is-narrow .tmblr-iframe-pushdown,
  1646. html.is-touch-device .tmblr-iframe-pushdown { padding-top:0!important }
  1647.  
  1648. html.is-narrow body > .iframe-controls--desktop,
  1649. html.is-touch-device body > .iframe-controls--desktop {
  1650.     visibility:hidden!important;
  1651.     height:0!important;
  1652.     clip-path:inset(100%);
  1653. }
  1654.  
  1655. html.is-narrow.is-not-touch-device .new-tc-cont {
  1656.     width:calc(100% - var(--Scrollbar-Total-Size));
  1657. }
  1658.  
  1659. /* tumblr iframes, misc */
  1660. .tmblr-iframe--follow-teaser, .follow-teaser, .iframe-controls--phone-mobile, .tmblr-iframe--app-cta-button {
  1661.     display:none!important;
  1662. }
  1663.  
  1664. iframe[class*="tumblr_"], iframe[id*="tumblr_"],
  1665. iframe[class*="tumblr-"], iframe[id*="tumblr-"],
  1666. iframe[class*="tmblr-"], iframe[id*="tmblr-"]{
  1667.     user-select:none;
  1668. }
  1669.  
  1670. /*------- BASICS -------*/
  1671. html, body {
  1672.     scroll-behavior:smooth;
  1673. }
  1674.  
  1675. html {
  1676.     font-size:var(--Base-Font-Size);
  1677.     -webkit-text-size-adjust:100%;
  1678. }
  1679.  
  1680. body {
  1681.     margin:0;
  1682.     font:var(--Body-Font-Weight,normal) var(--Body-Font-Size,0.9rem)/var(--Body-Line-Height,1.5) var(--Body-Font-Family), sans-serif;
  1683.     letter-spacing:var(--Body-Letter-Spacing);
  1684.     word-spacing:var(--Body-Word-Spacing);
  1685.     word-break:break-word;
  1686.     color:var(--Body-Text-Color);
  1687.     background:url("{image:background image}") fixed {color:background};
  1688.     -webkit-font-smoothing:antialiased;
  1689.     -moz-osx-font-smoothing:grayscale;
  1690. }
  1691.  
  1692. html.bg-small body {
  1693.     background:url("{image:background image}") repeat fixed {color:background};
  1694. }
  1695.  
  1696. html.bg-large body {
  1697.     background:url("{image:background image}") no-repeat fixed center/cover {color:background};
  1698. }
  1699.  
  1700. img, canvas, iframe, video {
  1701.     max-width:100%;
  1702.     vertical-align:middle;
  1703. }
  1704.  
  1705. img, canvas, video { height:auto }
  1706.  
  1707. a {
  1708.     color:var(--Links-Color);
  1709.     text-decoration:none;
  1710. }
  1711.  
  1712. a:not(.header-icon-hug), a.sbm .sbm-name {
  1713.     transition:all var(--Links-Hover-Speed) ease-in-out;
  1714. }
  1715.  
  1716. b, strong {
  1717.     font-weight:var(--Bold-Font-Weight);
  1718.     color:var(--Bold);
  1719. }
  1720.  
  1721. i:not([class]), em {
  1722.     font-style:italic;
  1723.     color:var(--Italic);
  1724. }
  1725.  
  1726. figure { margin:0 }
  1727.  
  1728. blockquote {
  1729.     margin-right:0;
  1730.     margin-left:var(--Blockquote-Left-Gap-1);
  1731.     border-left:var(--Blockquote-Border-Size) solid var(--Blockquote-Border-Color);
  1732.     padding-left:var(--Blockquote-Left-Gap-2);
  1733. }
  1734.  
  1735. html.old-captions{
  1736.     --Blockquote-Left-Gap-1:1em;
  1737.     --Blockquote-Left-Gap-2:1em;
  1738. }
  1739.  
  1740. /* code text */
  1741. pre, code {
  1742.     font:var(--Code-Font-Weight,normal) var(--Code-Font-Size,1.1rem)/var(--Code-Line-Height,1.65) var(--Code-Font-Family), monospace;
  1743.     font-variant-ligatures:none;
  1744.     font-variant-numeric:tabular-nums;
  1745.     letter-spacing:var(--Code-Letter-Spacing);
  1746.     word-spacing:var(--Code-Word-Spacing);
  1747.     word-wrap:break-word;
  1748. }
  1749.  
  1750. pre {
  1751.     padding:var(--Code-Block-Padding-Y) var(--Code-Block-Padding-X);
  1752.     background:var(--Code-Block-BG);
  1753.     white-space:pre-wrap;
  1754.     color:var(--Code-Block-Text-Color);
  1755. }
  1756.  
  1757. code:not(pre code){
  1758.     padding:calc(0.5em - (((var(--Code-Font-Size) * var(--Code-Line-Height)) - var(--Code-Font-Size)) / 2)) 0.5em;
  1759.     background:var(--Code-Block-BG);
  1760.     color:var(--Code-Block-Text-Color);
  1761. }
  1762.  
  1763. /* bullet lists, numbered lists */
  1764. ul, ol {
  1765.     --ul-ol-gap-1:1em;
  1766.     --ul-ol-gap-2:0.5em;
  1767.     padding-left:0;
  1768.     margin-left:calc(1em + var(--ul-ol-gap-1));
  1769.     text-align:initial;
  1770. }
  1771.  
  1772. li {
  1773.     padding-left:var(--ul-ol-gap-2);
  1774. }
  1775.  
  1776. /* nested bullet lists */
  1777. ul ul, ol ul, ol ol, ul ol {
  1778.     margin-left:calc(((1em + var(--ul-ol-gap-1)) * 2) - var(--ul-ol-gap-2));
  1779. }
  1780.  
  1781. nav ul, nav ul li {
  1782.     margin:0;
  1783.     padding:0;
  1784.     list-style:none;
  1785. }
  1786.  
  1787. /* npf cursive */
  1788. body p.npf_quirky, body .npf_quirky {
  1789.     font-size:calc(var(--Heading-Font-Size) * 1.25)!important;
  1790.     line-height:calc(var(--Heading-Line-Height) * 0.9)!important;
  1791. }
  1792.  
  1793. /* default colored text */
  1794. /* tmblr.co/ZbO6tPho8Gd4Oq01 */
  1795. /* red */ .npf_color_joey, [style="color: #ff4930"]{color:#fe6b6d!important}
  1796. /* orange */ .npf_color_monica {color:#f98c64!important}
  1797. /* yellow */ .npf_color_phoebe, [style="color: #e8d738"]{color:#f4ba27!important}
  1798. /* green */ .npf_color_ross {color:#70bd76!important}
  1799. /* blue */ .npf_color_rachel {color:#5faeec!important}
  1800. /* purple */ .npf_color_chandler {color:#a995f0!important}
  1801. /* pink */ .npf_color_niles {color:#fd8fb3!important}
  1802.  
  1803. /* keep reading / read mores */
  1804. .read-more-row {
  1805.     text-align:center;
  1806. }
  1807.  
  1808. :is(p,blockquote,pre,ul,ol,h1,h2,h3,h4,h5,h6):empty { display:none }
  1809.  
  1810. :is(p,blockquote,pre,ul,ol,h1,h2,h3,h4,h5,h6):first-child,
  1811. :is(p,blockquote,pre,ul,ol,h1,h2,h3,h4,h5,h6):first-child:empty + :is(p,blockquote,pre,ul,ol,h1,h2,h3,h4,h5,h6){
  1812.     margin-top:0;
  1813. }
  1814.  
  1815. :is(p,blockquote,pre,ul,ol,h1,h2,h3,h4,h5,h6):last-child,
  1816. :is(p,blockquote,pre,ul,ol,h1,h2,h3,h4,h5,h6):has(+ :is(p,blockquote,pre,ul,ol,h1,h2,h3,h4,h5,h6):last-child:empty){
  1817.     margin-bottom:0;
  1818. }
  1819.  
  1820. hr {
  1821.     /* example post: tmblr.co/Z2hZ-ViiBJikOe00 */
  1822.     display:block;
  1823.     width:69%;
  1824.     margin:1em auto;
  1825.     border:none;
  1826.     height:1px;
  1827.     background:var(--Blockquote-Bordeer-Color);
  1828. }
  1829.  
  1830. /* text highlight / text selection / text selected */
  1831. body::selection {
  1832.     background:{color:text highlighted BG};
  1833.     color:{color:text highlighted};
  1834. }
  1835.  
  1836. body::-moz-selection {
  1837.     background:{color:text highlighted BG};
  1838.     color:{color:text highlighted};
  1839. }
  1840.  
  1841. .ask-not-enabled, .submit-not-enabled { display:none }
  1842.  
  1843. a[aria-label]:not([aria-label=""]) > i[class]:not([class=""]){
  1844.     pointer-events:none; /* prevents tooltip flickering */
  1845. }
  1846.  
  1847. /*------ FONT ADJUSTMENTS ------*/
  1848. /* body font adjustments */
  1849. [data-font="Geist"]{
  1850.     --Body-Letter-Spacing:0.01em;
  1851.     --Body-Font-Weight:450;
  1852. }
  1853.  
  1854. [data-font="Funnel Sans"]{
  1855.     --Body-Font-Weight:450;
  1856.     --Body-Font-Size:calc({select:font size} * 1.05);
  1857.     --Header-Status-Font-Size:calc({select:status bubble font size} * 1.05);
  1858.     --Header-Desc-Font-Size:calc({select:header font size} * 1.05);
  1859.     --Sidebar-Boxes-Font-Size:calc({select:sidebar font size} * 1.05);
  1860. }
  1861.  
  1862. [data-font="Geist"], [data-font="Source Serif 4"]{
  1863.     --Body-Font-Size:calc({select:font size} + .5px);
  1864.     --Header-Status-Font-Size:calc({select:status bubble font size} + .5px);
  1865.     --Header-Desc-Font-Size:calc({select:header font size} + .5px);
  1866.     --Sidebar-Boxes-Font-Size:calc({select:sidebar font size} + .5px);
  1867. }
  1868.  
  1869. [data-font="Libre Baskerville"]{
  1870.     --Body-Font-Size:calc({select:font size} * 0.95);
  1871.     --Header-Status-Font-Size:calc({select:status bubble font size} * 0.95);
  1872.     --Header-Desc-Font-Size:calc({select:header font size} * 0.95);
  1873.     --Sidebar-Boxes-Font-Size:calc({select:sidebar font size} * 0.95);
  1874. }
  1875.  
  1876. /* heading font adjustments */
  1877. [data-heading-font="Livvic"]{
  1878.     --Heading-Letter-Spacing:0.0475em;
  1879. }
  1880.  
  1881. [data-heading-font="Fraunces"]{
  1882.     --Heading-Font-Weight:600;
  1883.     --Heading-Font-Size:calc({select:heading font size} * 0.95);
  1884.     --Heading-Word-Spacing:0.05em;
  1885. }
  1886.  
  1887. [data-heading-font="Caslon FS"]{
  1888.     --Heading-Font-Weight:bold;
  1889.     --Heading-Font-Size:calc(({select:heading font size} * 0.9) + .5px);
  1890.     --Heading-Letter-Spacing:0.0420em;
  1891.     --Heading-Word-Spacing:0.0420em;
  1892. }
  1893.  
  1894. /* caps font adjustments */
  1895. [data-caps-font="Figtree"]{
  1896.     --SmallCaps-Font-Weight:700;
  1897.     --SmallCaps-Letter-Spacing:0.04em;
  1898. }
  1899.  
  1900. [data-caps-font="Sen"]{
  1901.     --SmallCaps-Font-Size:calc({select:small caps font size} + .5px);
  1902.     --Header-Username-Font-Size:calc({select:header username font size} + .5px);
  1903.     --Header-Mini-Title-Font-Size:calc({select:mini title font size} + .5px);
  1904.     --Sidebar-Title-Font-Size:calc({select:sidebar title font size} + .5px);
  1905.     --Custom-Links-Font-Size:calc({select:custom links font size} + .5px);
  1906.     --Searchbar-Field-Font-Size:calc({select:searchbar font size} + .5px);
  1907.     --Updates-Label-Font-Size:calc({select:updates label font size} + .5px);
  1908.     --Members-Username-Font-Size:calc({select:members username font size} + .5px);
  1909.    
  1910.     --SmallCaps-Letter-Spacing:0.015em;
  1911.     --SmallCaps-Word-Spacing:0.015em;
  1912. }
  1913.  
  1914. [data-caps-font="Arbutus Slab"]{
  1915.     --SmallCaps-Font-Weight:normal;
  1916.    
  1917.     --SmallCaps-Font-Size:calc({select:small caps font size} * 0.95);
  1918.     --Header-Username-Font-Size:calc({select:header username font size} * 0.95);
  1919.     --Header-Mini-Title-Font-Size:calc({select:mini title font size} * 0.95);
  1920.     --Sidebar-Title-Font-Size:calc({select:sidebar title font size} * 0.95);
  1921.     --Custom-Links-Font-Size:calc({select:custom links font size} * 0.95);
  1922.     --Searchbar-Field-Font-Size:calc({select:searchbar font size} * 0.95);
  1923.     --Updates-Label-Font-Size:calc({select:updates label font size} * 0.95);
  1924.     --Members-Username-Font-Size:calc({select:members username font size} * 0.95);
  1925.    
  1926.     --SmallCaps-Letter-Spacing:0.069em;
  1927.     --SmallCaps-Word-Spacing:-0.069em;
  1928. }
  1929.  
  1930. /*------ SMALL CAPS FONT ------*/
  1931. /* small uppercase text */
  1932. .caps, .header-top-hug .htb-h > span, .header-bot-hug .mini-title, dialog .popup-inner .box-heading, .sb-title, .sbp-label-wrap > span:only-child, .custom-links a, .sb-searchbar form input, .updt-label-inner, .sbm-name, .post-header, .post-footer, .username, .comment-body p > a.tumblr_blog, .site-name, p.tmblr-attribution, .ask-head, .ans-head, a.read-more-link, a.poll-row, .npf-alt-text-btn, .chat-label, .actual-ct, .actual-dur, .content-src a, .npf-post-source a, .quote-set figcaption a, .tagscont, ol.notes li span.action > a, ol.notes .more_notes_link, ol.notes .notes_loading, .page-numbers, .tippy-content, #custardy {
  1933.     font:var(--SmallCaps-Font-Weight,normal) var(--SmallCaps-Font-Size,inherit) var(--SmallCaps-Font-Family), sans-serif;
  1934.     text-transform:uppercase;
  1935.     letter-spacing:var(--SmallCaps-Letter-Spacing);
  1936.     word-spacing:var(--SmallCaps-Word-Spacing);
  1937. }
  1938.  
  1939. /*------ HEADING FONT ------*/
  1940. h1, h2, h3, h4, h5, h6, h1.post-title {
  1941.     font:var(--Heading-Font-Weight,normal) var(--Heading-Font-Size,1.1rem)/var(--Heading-Line-Height,1.7) var(--Heading-Font-Family), sans-serif;
  1942.     text-transform:uppercase;
  1943.     letter-spacing:var(--Heading-Letter-Spacing);
  1944.     word-spacing:var(--Heading-Word-Spacing);
  1945. }
  1946.  
  1947. h1, h2, h3 { text-align:center }
  1948. h2 { font-size:calc(var(--Heading-Font-Size) * 0.9) }
  1949. h3 { font-size:calc(var(--Heading-Font-Size) * 0.985) }
  1950. h4, h5, h6 {
  1951.     font-size:max(calc(var(--Heading-Font-Size) * 0.8), var(--Body-Font-Size));
  1952. }
  1953.  
  1954. /*------ POST TITLES ------*/
  1955. .text-post > .post-title {
  1956.     border-radius:var(--Post-Title-Rounded-Corners);
  1957.     padding:var(--Post-Title-Padding-Y) var(--Post-Title-Padding-X);
  1958.     background:var(--Post-Title-BG);
  1959. }
  1960.  
  1961. .text-post:has(> .post-title) + .npf_inst {
  1962.     margin-top:var(--Post-Title-Bottom-Gap);
  1963. }
  1964.  
  1965. /*------ LINKS UNDERLINES ------*/
  1966. /* link underlines */
  1967. .popup-inner .box-contents a, .header-status blockquote a, .header-desc a, .sb-text-box a:not(.custom-links a, .sb-members a.sbm), .tmblr-attribution a, .ans a, .comment-body a:not(a.audio-dl, .comment-body p > a.tumblr_blog, a.the-link, a.poll-row), ol.notes li.with_commentary:not(.original_post):has(+ li) blockquote a:only-child, ol.notes a.more_notes_link, .npf-post-source a, .quote-set figcaption a {
  1968.     text-decoration:underline var(--Links-Underline-Color) var(--Links-Underline-Size);
  1969.     text-underline-offset:var(--Links-Underline-Gap);
  1970.     text-decoration-skip-ink:none;
  1971. }
  1972.  
  1973. /*-------- CONTAINER --------*/
  1974. .tout {
  1975. }
  1976.  
  1977. .le-monde {
  1978.     margin:var(--Screen-Gaps) auto;
  1979.     min-height:100vh;
  1980.     display:flex;
  1981.     flex-flow:row nowrap;
  1982.     justify-content:flex-start;
  1983. }
  1984.  
  1985. .le-monde:before, .le-monde:after {
  1986.     content:"";
  1987.     display:block;
  1988.     width:var(--Side-Gaps);
  1989.     flex-shrink:0;
  1990. }
  1991.  
  1992. html.is-not-touch-device body[data-scrollbar-x="active"] .le-monde:after {
  1993.     width:calc(var(--Side-Gaps) + var(--Scrollbar-Total-Size));
  1994. }
  1995.  
  1996. html.is-narrow .le-monde {
  1997.     margin-top:calc(var(--Mobile-TumblrControls-Total-Height) + var(--Screen-Gaps));
  1998. }
  1999.  
  2000. .huddle {
  2001.     margin:0 auto;
  2002.     display:flex;
  2003.     flex-flow:column nowrap;
  2004.     gap:var(--Header-Bottom-Gap);
  2005. }
  2006.  
  2007. .shads-yes .huddle, .shads-yes #custardy {
  2008.     filter:drop-shadow(var(--Boxes-Shadow-X-Offset) var(--Boxes-Shadow-Y-Offset) var(--Boxes-Shadow-Size) rgb(from var(--Boxes-Shadow-Color,#000) r g b / var(--Boxes-Shadow-Strength,100%)));
  2009. }
  2010.  
  2011. /*------ HEADER ------*/
  2012. .top-header {
  2013.     position:relative;
  2014.     width:100%;
  2015.     max-width:var(--Container-Width-Total);
  2016.     border-radius:var(--Header-Rounded-Corners) var(--Header-Rounded-Corners) 0 0;
  2017.     background:var(--Header-BG);
  2018.     z-index:11;
  2019. }
  2020.  
  2021. .header-top-hug.hide-header-img img { display:none }
  2022.  
  2023. .header-top-hug .htb-h {
  2024.     position:absolute;
  2025.     top:0;right:0;
  2026.     margin-top:var(--Header-Banner-Image-Hover-Text-Corner-Offset);
  2027.     margin-right:var(--Header-Banner-Image-Hover-Text-Corner-Offset);
  2028.     opacity:0;
  2029.     visibility:hidden;
  2030. }
  2031.  
  2032. .header-status b, .header-status strong {
  2033.     color:var(--Header-Status-Bold);
  2034. }
  2035.  
  2036. .header-status i:not([class]), .header-status em {
  2037.     color:var(--Header-Status-Italic);
  2038. }
  2039.  
  2040. .header-status a {
  2041.     color:var(--Header-Status-Links-Color);
  2042.     text-decoration-thickness:var(--Header-Status-Links-Underline-Size)!important;
  2043.     text-underline-offset:var(--Header-Status-Links-Underline-Gap)!important;
  2044.     text-decoration-color:var(--Header-Status-Links-Underline-Color)!important;
  2045. }
  2046.  
  2047. label.header-desc-tog { display:none }
  2048.  
  2049. .mob-sb-tog-li,
  2050. .mstw-hide { display:none }
  2051.  
  2052. /* hide slash & desc if desc is empty */
  2053. .header-lower-texts.no-custom-desc:not(.has-existing-desc) .header-fs,
  2054. .header-lower-texts.no-custom-desc:not(.has-existing-desc) label.header-desc-tog,
  2055. .header-lower-texts.no-custom-desc:not(.has-existing-desc) .header-desc-c1 {
  2056.    display:none;
  2057. }
  2058.  
  2059. .header-desc, dialog .box-contents {
  2060.     font-size:var(--Header-Desc-Font-Size);
  2061.     color:var(--Header-Desc-Text-Color);
  2062.     text-align:left;
  2063. }
  2064.  
  2065. .header-desc b, .header-desc strong,
  2066. dialog .box-contents b, dialog .box-contents strong {
  2067.     color:var(--Header-Desc-Bold);
  2068. }
  2069.  
  2070. .header-desc i:not([class]), .header-desc em
  2071. dialog .box-contents i:not([class]), dialog .box-contents em {
  2072.     color:var(--Header-Desc-Italic);
  2073. }
  2074.  
  2075. .header-desc a, dialog .box-contents a {
  2076.     color:var(--Header-Desc-Links-Color);
  2077.     text-decoration-thickness:var(--Header-Desc-Links-Underline-Size)!important;
  2078.     text-underline-offset:var(--Header-Desc-Links-Underline-Gap)!important;
  2079.     text-decoration-color:var(--Header-Desc-Links-Underline-Color)!important;
  2080. }
  2081.  
  2082. .huddle > .top-header + .header-bot-hug {
  2083.     margin-top:calc(0px - var(--Header-Bottom-Gap));
  2084. }
  2085.  
  2086. .header-bot-hug { z-index:10 }
  2087.  
  2088. .mini-avi img.base-img,
  2089. .mini-avi[data-icon-url*="//assets.tumblr.com/images/x.gif"] img.custom-img {
  2090.     display:none;
  2091. }
  2092. .mini-avi[data-icon-url*="//assets.tumblr.com/images/x.gif"] img.base-img { display:block }
  2093.  
  2094. .mini-ova {
  2095.     backdrop-filter:blur(var(--Header-Mini-Avatar-Overlay-Blur-Amount,0px));
  2096. }
  2097.  
  2098. .mini-ova i[class]:not([class=""]){
  2099.     font-size:var(--Header-Mini-Avatar-Hover-Icon-Size);
  2100.     color:var(--Header-Mini-Avatar-Hover-Icon-Color);
  2101. }
  2102.  
  2103. .header-links label[role="menuitem"]{
  2104.     cursor:pointer;
  2105. }
  2106.  
  2107. html:not(.is-narrow) li.btt { display:none }
  2108. li.btt.show:not(.btt-hide) { display:block!important }
  2109. li.btt label[role="menuitem"]{ cursor:help }
  2110.  
  2111. .ask-link-hide,
  2112. .ask-link-popup .ask-as-link,
  2113. .ask-link-link .ask-as-popup {
  2114.     display:none;
  2115. }
  2116.  
  2117. .submit-link-hide,
  2118. .submit-link-popup .submit-as-link,
  2119. .submit-link-link .submit-as-popup {
  2120.     display:none;
  2121. }
  2122.  
  2123. html[data-current-path="/ask"] .ask-link-popup,
  2124. html[data-current-path="/ask"] .ask-link-link,
  2125. html[data-current-path="/submit"] .submit-link-popup,
  2126. html[data-current-path="/submit"] .submit-link-link {
  2127.     display:none;
  2128. }
  2129.  
  2130. dialog, label[for="close-popups"i]{
  2131.     opacity:0;
  2132.     visibility:hidden;
  2133. }
  2134.  
  2135. .popup-inner .box-contents iframe.dim-the-box {
  2136.     filter:brightness(85%) contrast(125%);
  2137. }
  2138.  
  2139. /*------- MAIN -------*/
  2140. .lw {
  2141.     display:flex;
  2142.     align-items:flex-start;
  2143.     max-width:var(--Container-Width-Total);
  2144.     gap:var(--Center-Gap);
  2145. }
  2146.  
  2147. .lw.sb-right-layout { flex-flow:row-reverse }
  2148.  
  2149. /*------- SIDEBAR -------*/
  2150. aside.sb {
  2151.     position:sticky;
  2152.     top:0;height:0;
  2153.     width:var(--Sidebar-Width);
  2154.     flex-shrink:0;
  2155. }
  2156.  
  2157. .gs-inner {
  2158.     position:sticky;
  2159.     top:0;
  2160.     width:100%;
  2161.     display:flex;
  2162.     flex-direction:column;
  2163.     gap:var(--Sidebar-Sections-Spacing);
  2164. }
  2165.  
  2166. .sb-pic-wrap[data-img-url*="//assets.tumblr.com/images/x.gif"],
  2167. .pic-box.hide-sb-img .sb-pic-wrap { display:none }
  2168.  
  2169. /* sidebar image gradient */
  2170. .pic-box.has-desc.yes-gradient .sb-pic-wrap:after {
  2171.     height:var(--Sidebar-Image-Gradient-Size,45%);
  2172.     background:linear-gradient(to bottom, transparent, var(--Sidebar-Boxes-BG));
  2173. }
  2174.  
  2175. .sbp-label-wrap {
  2176.     opacity:0;
  2177.     visibility:hidden;
  2178. }
  2179.  
  2180. .hide-sb-desc, .sb-searchbar-hide,
  2181. .sb-group.hide-updts > .sb-updates-sect,
  2182. .sb-group.hide-members > .sb-members-sect,
  2183. .sb-group.hide-updts.hide-members { display:none }
  2184. .sb-text-box:not([class*="hide-sb-"]) + .sb-text-box { padding-top:0 }
  2185.  
  2186. .sb-text-box b, .sb-text-box strong {
  2187.     color:var(--Sidebar-Bold);
  2188. }
  2189.  
  2190. .sb-text-box i:not([class]), .sb-text-box em {
  2191.     color:var(--Sidebar-Italic);
  2192. }
  2193.  
  2194. .sb-text-box a:not(.custom-links a){
  2195.     color:var(--Sidebar-Links-Color);
  2196.     text-decoration-thickness:var(--Sidebar-Links-Underline-Size)!important;
  2197.     text-underline-offset:var(--Sidebar-Links-Underline-Gap)!important;
  2198.     text-decoration-color:var(--Sidebar-Links-Underline-Color)!important;
  2199. }
  2200.  
  2201. .sb-searchbar form button {
  2202.     min-width:var(--Searchbar-Button-Total-Size);
  2203.     min-height:var(--Searchbar-Button-Total-Size);
  2204.     aspect-ratio:1/1;
  2205. }
  2206.  
  2207. /*------- POSTS -------*/
  2208. main {
  2209.     min-width:var(--Post-Width-Total);
  2210.     min-height:var(--h__,0px);
  2211.     overflow:hidden;
  2212. }
  2213.  
  2214. main, .all-posts {
  2215.     display:flex;
  2216.     flex-flow:column nowrap;
  2217.     gap:var(--Post-Spacing);
  2218.     max-width:var(--Post-Width-Total);
  2219.     width:100%;
  2220. }
  2221.  
  2222. .posts {
  2223.     width:100%;
  2224. }
  2225.  
  2226. .post-inner {
  2227.     border:var(--Post-Border-Size) solid var(--Post-Border-Color);
  2228.     padding:var(--Post-Padding);
  2229.     background:var(--Post-BG);
  2230.     border-radius:var(--Post-Rounded-Corners);
  2231. }
  2232.  
  2233. .post-inner:has(> .post-header:first-child){
  2234.     margin-top:calc(var(--Post-Header-Single-Row-Height) / 2);
  2235. }
  2236.  
  2237. .post-inner:has(> .post-footer:last-child){
  2238.     margin-bottom:calc(var(--Post-Footer-Single-Row-Height) / 2);
  2239. }
  2240.  
  2241. .post-body { opacity:0 }
  2242. .post-body.f { opacity:1 }
  2243. .post-body, .post-body.f { transition:opacity 0.15s ease-in-out }
  2244.  
  2245. /*------- POST HEADER -------*/
  2246. header.post-header {
  2247.     display:flex;
  2248.     flex-flow:column nowrap;
  2249.     margin-top:calc(0px - var(--Post-Padding) - (var(--Post-Header-Single-Row-Height) / 2));
  2250. }
  2251.  
  2252. .ph-inner {
  2253.     display:flex;
  2254.     flex-flow:row nowrap;
  2255.     align-items:flex-start;
  2256.     justify-content:space-between;
  2257.     gap:var(--Post-Padding);
  2258.     max-width:100%;
  2259. }
  2260.  
  2261. .post-header i[class*="type-"]{ display:none!important }
  2262. .post-header i.type-pinned { display:flex!important }
  2263. .posts[post-type="text"] i.type-text,
  2264. .posts[post-type="photo"] i.type-photo,
  2265. .posts[post-type="quote"] i.type-quote,
  2266. .posts[post-type="link"] i.type-link,
  2267. .posts[post-type="chat"] i.type-chat,
  2268. .posts[post-type="audio"] i.type-audio,
  2269. .posts[post-type="video"] i.type-video,
  2270. .posts[post-type="ask"] i.type-ask,
  2271. .posts[post-type="poll"] i.type-poll,
  2272. .posts[post-type="multimedia"] i.type-multi { display:flex!important }
  2273. .post-header i.type-pinned ~ i[class*="type-"],
  2274. .post-header .pnl ~ .not-pnl { display:none!important }
  2275.  
  2276. .not-pnl.show-b .npnl-a,
  2277. .npnl-b { display:none }
  2278.  
  2279. .not-pnl.show-b .npnl-b { display:block }
  2280.  
  2281. .ph-right { max-width:60% }
  2282.  
  2283. /*------- NPF ADJUSTMENTS -------*/
  2284. /* row: single col: img width is greater than 299 but less than post width */
  2285. /* example post: devsmaycry.tumblr.com/post/809022013246259200 */
  2286. .npf_row-full-width-image .tmblr-full,
  2287. .npf_row-full-width-image .tmblr-full img {
  2288.     width:100%!important;
  2289. }
  2290.  
  2291. /* npf stuff before v4 does its thing */
  2292. .comment-body figure:not([class]) + figure:not([class]){
  2293.     margin-top:var(--NPF-Images-Spacing);
  2294. }
  2295.  
  2296. /* npf rounded corners */
  2297. .npf_photo_single img,
  2298. .npf_row-small-image img {
  2299.     border-radius:var(--Post-Rounded-Corners);
  2300. }
  2301.  
  2302. .npf_inst.npf_photo_set,
  2303. .npf_inst.npf_multimedia,
  2304. .npf_inst.npf_video_single {
  2305.     border-radius:var(--Post-Rounded-Corners);
  2306.     overflow:hidden;
  2307. }
  2308.  
  2309. /*------- PHOTO POSTS -------*/
  2310. .legacy-photo img {
  2311.     display:block;
  2312.     width:100%;
  2313.     border-radius:var(--Post-Rounded-Corners);
  2314. }
  2315.  
  2316. .legacy-photoset {
  2317.     border-radius:var(--Post-Rounded-Corners);
  2318.     overflow:hidden;
  2319. }
  2320.  
  2321. .legacy-photoset > img { display:none } /* ignore this */
  2322.  
  2323. /* lightboxes */
  2324. .tmblr-lightbox, #tumblr_lightbox {
  2325.     background:rgb(from var(--Lightbox-BG) r g b / var(--Lightbox-BG-Strength))!important;
  2326.     backdrop-filter:blur(var(--Lightbox-BG-Blur-Amount));
  2327. }
  2328.  
  2329. .tmblr-lightbox .vignette, #tumblr_lightbox #vignette {
  2330.     opacity:0;
  2331. }
  2332.  
  2333. .tmblr-lightbox img, #tumblr_lightbox img {
  2334.     max-width:none!important;
  2335.     box-shadow:none!important;
  2336.     border-radius:var(--Lightbox-Image-Rounded-Corners)!important;
  2337. }
  2338.  
  2339. /*------- QUOTE POSTS -------*/
  2340. .quote-set, .quote-set blockquote, .quote-set figcaption {
  2341.     margin:0;
  2342.     text-align:center;
  2343. }
  2344.  
  2345. .quote-set:not(:first-child){ margin-top:1em }
  2346. .quote-set:not(:last-child){ margin-bottom:1em }
  2347.  
  2348. .quote-set {
  2349.     display:flex;
  2350.     flex-flow:column nowrap;
  2351.     gap:var(--Quote-Post-Row-Spacing);
  2352. }
  2353.  
  2354. .quote-set blockquote {
  2355.     padding:0;
  2356.     border:none;
  2357.     font:var(--Quote-Font-Weight,normal) var(--Quote-Font-Size,1.1rem)/var(--Quote-Line-Height,1.7) var(--Quote-Font-Family), sans-serif;
  2358.     text-transform:uppercase;
  2359.     letter-spacing:var(--Quote-Letter-Spacing);
  2360.     word-spacing:var(--Quote-Word-Spacing);
  2361.     text-wrap:balance;
  2362. }
  2363.  
  2364. [post-type="quote"]:not(.previously-npf) .quote-post + .quote-post-reblogs {
  2365.     display:none!important;
  2366. }
  2367.  
  2368. /* inline quotes */
  2369. body .npf_quote, body p.npf_quote {
  2370.     font:var(--Quote-Font-Weight, normal) var(--Quote-Font-Size, 1.1rem) / var(--Quote-Line-Height, 1.7) var(--Quote-Font-Family), sans-serif;
  2371.     text-transform:uppercase;
  2372.     letter-spacing:var(--Quote-Letter-Spacing);
  2373.     word-spacing:var(--Quote-Word-Spacing);
  2374. }
  2375.  
  2376. /*------- LINK POSTS -------*/
  2377. .legacy-link-info, .npf-link-block { display:none!important }
  2378. .comment-body article.link-article:not(:last-child){
  2379.     margin-bottom:1em;
  2380. }
  2381.  
  2382. a.the-link {
  2383.     display:flex;
  2384.     flex-flow:column nowrap;
  2385.     gap:var(--Link-Post-Row-Spacing);
  2386.     --Post-Blobs-Single-Line-Height:calc((var(--Post-Blobs-Border-Size) * 2) + (var(--Post-Blobs-Padding-Y) * 2) + var(--Post-Blobs-Font-Size));
  2387. }
  2388.  
  2389. a.the-link > *, a.the-link h2 { margin:0 }
  2390.  
  2391. .link-title-wrap {
  2392.     display:flex;
  2393.     justify-content:space-between;
  2394.     gap:var(--Link-Post-Title-Arrow-Left-Gap);
  2395.     padding:var(--Link-Post-Padding-Y) var(--Link-Post-Padding-X);
  2396.     background:var(--Link-Post-BG);
  2397.     border-radius:var(--Link-Post-Rounded-Corners);
  2398. }
  2399.  
  2400. .link-title-wrap h2 {
  2401.     flex:1;
  2402.     font-size:var(--Link-Post-Title-Font-Size);
  2403.     line-height:var(--Link-Post-Title-Line-Height);
  2404.     text-align:left;
  2405. }
  2406.  
  2407. .link-arr-wrap {
  2408.     height:calc(var(--Link-Post-Title-Font-Size) * var(--Link-Post-Title-Line-Height));
  2409.     display:flex;
  2410.     align-items:center;
  2411.     flex-shrink:0;
  2412. }
  2413.  
  2414. .link-arr-wrap i {
  2415.     font-size:var(--Link-Post-Title-Arrow-Size);
  2416. }
  2417.  
  2418. .link-site-wrap, .link-site-blob {
  2419.     display:flex;
  2420.     align-items:center;
  2421.     justify-content:flex-start;
  2422. }
  2423.  
  2424. .link-site-blob {
  2425.     gap:var(--Link-Post-Site-Name-Right-Gap);
  2426. }
  2427.  
  2428. .shads-yes .link-site-blob {
  2429.     filter:drop-shadow(var(--Link-Post-Site-Name-Shadow-X-Offset) var(--Link-Post-Site-Name-Shadow-Y-Offset) var(--Link-Post-Site-Name-Shadow-Size) rgb(from var(--Link-Post-Site-Name-Shadow-Color, #000) r g b / var(--Link-Post-Site-Name-Shadow-Strength, 100%)));
  2430. }
  2431.  
  2432. .link-site-blob i[class]:not([class=""]){
  2433.     font-size:var(--Post-Blobs-Icon-Size);
  2434. }
  2435.  
  2436. .link-site-blob .site-name {
  2437.     font-size:var(--Post-Blobs-Font-Size)!important;
  2438. }
  2439.  
  2440. .link-title-wrap + .link-site-wrap {
  2441.     margin-top:calc(0px - var(--Link-Post-Row-Spacing) - (var(--Post-Blobs-Single-Line-Height) / 2));
  2442.     margin-left:var(--Link-Post-Padding-X);
  2443.     transform:translateY(.5px);
  2444. }
  2445.  
  2446. .link-title-wrap:has(+ .link-site-wrap){
  2447.     padding-bottom:calc(var(--Link-Post-Padding-Y) + (var(--Post-Blobs-Single-Line-Height) / 2) - 1px);
  2448. }
  2449.  
  2450. /*------- CHAT POSTS -------*/
  2451. ul.chat-wrap {
  2452.     margin:0;
  2453.     padding:0;
  2454.     display:block;
  2455.     list-style:none;
  2456. }
  2457.  
  2458. .comment-body ul.chat-wrap:not(:first-child){ margin-top:1em }
  2459. .comment-body ul.chat-wrap:not(:last-child){ margin-bottom:1em }
  2460.  
  2461. li.chat-line {
  2462.     padding:var(--Chat-Post-Row-Padding-Y) var(--Chat-Post-Row-Padding-X);
  2463. }
  2464.  
  2465. li.chat-line.odd {
  2466.     border-radius:var(--Chat-Post-Row-Alternating-Rounded-Corners);
  2467.     background:var(--Chat-Post-Row-Alternating-BG);
  2468.     color:var(--Chat-Post-Row-Alternating-Text-Color);
  2469. }
  2470.  
  2471. li.chat-line.even:last-child {
  2472.     padding-bottom:0;
  2473. }
  2474.  
  2475. .chat-content {
  2476.     font:var(--Chat-Post-Font-Weight,normal) var(--Chat-Post-Font-Size,0.9rem)/var(--Chat-Post-Line-Height,1.5) var(--Chat-Post-Font-Family), sans-serif;
  2477.     letter-spacing:var(--Chat-Post-Letter-Spacing);
  2478.     word-spacing:var(--Chat-Post-Word-Spacing);
  2479. }
  2480.  
  2481. [post-type="chat"]:not(.previously-npf) .chat-post + .chat-post-reblogs {
  2482.     display:none!important;
  2483. }
  2484.  
  2485. /*------- VIDEO POSTS -------*/
  2486. .video-post {
  2487.     border-radius:var(--Post-Rounded-Corners);
  2488.     overflow:hidden;
  2489. }
  2490.  
  2491. .legacy-video.use-iframe .poster-thumb { display:none }
  2492. .legacy-video .tumblr_video_container {
  2493.     width:auto!important;
  2494.     height:auto!important;
  2495.     max-width:100%;
  2496. }
  2497.  
  2498. .actual-ct, .actual-dur {
  2499.     font-weight:var(--Video-Player-Font-Weight)!important;
  2500.     font-size:var(--Video-Player-Font-Size)!important;
  2501. }
  2502. .actual-dur { visibility:visible }
  2503.  
  2504. /*------- AUDIO POSTS -------*/
  2505. .audio-post {
  2506.    
  2507. }
  2508.  
  2509. /* hide unprocessed audio */
  2510. .legacy-audio-info, figcaption.audio-caption, .tmblr-full audio, .audio-wrap + .npf_inst.npf_audio {
  2511.     display:none!important;
  2512. }
  2513.  
  2514. .audio-wrap {
  2515.     display:flex;
  2516.     border-radius:var(--Post-Rounded-Corners);
  2517.     overflow:hidden;
  2518. }
  2519.  
  2520. .npf_group .audio-wrap:not(:first-child){ margin-top:var(--NPF-Images-Spacing) }
  2521. .npf_group .audio-wrap:not(:last-child){ margin-bottom:var(--NPF-Images-Spacing) }
  2522.  
  2523. .album-square {
  2524.     position:relative;
  2525.     width:var(--Audio-Post-Album-Image-Size);
  2526.     height:var(--Audio-Post-Album-Image-Size);
  2527.     background:var(--Audio-Post-Details-BG); /* only noticeable if player doesn't have album art or is transparent */
  2528.     overflow:hidden;
  2529.     z-index:0;
  2530. }
  2531.  
  2532. .album-square img {
  2533.     display:block;
  2534.     width:100%;
  2535.     height:100%;
  2536.     object-fit:cover;
  2537. }
  2538.  
  2539. .btns-wrap {
  2540.     position:absolute;
  2541.     top:0;left:0;
  2542.     width:100%;
  2543.     height:100%;
  2544.     display:flex;
  2545.     align-items:center;
  2546.     justify-content:center;
  2547.     z-index:1;
  2548. }
  2549.  
  2550. .btns-wrap button {
  2551.     display:flex;
  2552.     align-items:center;
  2553.     justify-content:center;
  2554.     margin:0;
  2555.     padding:0;
  2556.     border:none;
  2557.     outline:none;
  2558.     width:var(--Audio-Post-Buttons-Total-Size);
  2559.     height:var(--Audio-Post-Buttons-Total-Size);
  2560.     border-radius:var(--Audio-Post-Buttons-Rounded-Corners);
  2561.     background:var(--Audio-Post-Buttons-BG);
  2562.     cursor:pointer;
  2563. }
  2564.  
  2565. .btns-wrap button.pause-btn {
  2566.     display:none;
  2567. }
  2568.  
  2569. .btns-wrap i {
  2570.     font-size:var(--Audio-Post-Buttons-Icons-Size);
  2571.     color:var(--Audio-Post-Buttons-Icons-Color);
  2572. }
  2573.  
  2574. .audio-deets {
  2575.     flex:1;
  2576.     display:flex;
  2577.     justify-content:space-between;
  2578.     background:var(--Audio-Post-Details-BG);
  2579.     height:var(--Audio-Post-Album-Image-Size);
  2580.     overflow:hidden;
  2581. }
  2582.  
  2583. .deets-inner {
  2584.     margin:var(--Audio-Post-Details-Padding-Y) 0 0 var(--Audio-Post-Details-Padding-X);
  2585.     width:calc(100% - var(--Audio-Post-Details-Padding-X));
  2586.     height:calc(100% - (var(--Audio-Post-Details-Padding-Y) * 2));
  2587.     overflow:hidden;
  2588.     display:flex;
  2589.     justify-content:space-between;
  2590.     gap:var(--Audio-Post-Details-Padding-X);
  2591.     color:var(--Audio-Post-Details-Text-Color);
  2592. }
  2593.  
  2594. .deets-rows {
  2595.     flex:1;
  2596.     display:grid;
  2597.     align-content:center;
  2598. }
  2599.  
  2600. .deets-rows > * {
  2601.     min-width:0;
  2602.     min-height:0;
  2603.     overflow:hidden;
  2604.     text-overflow:ellipsis;
  2605.     white-space:nowrap;
  2606. }
  2607.  
  2608. .audio-deets .audio-dl {
  2609.     flex-shrink:0;
  2610.     display:block;
  2611.     align-self:center;
  2612.     line-height:initial;
  2613.     margin:calc(0px - var(--Audio-Post-Download-Btn-Touch-Padding));
  2614.     margin-right:0;
  2615.     padding:var(--Audio-Post-Download-Btn-Touch-Padding);
  2616.     padding-right:var(--Audio-Post-Details-Padding-X);
  2617. }
  2618.  
  2619. .audio-deets .audio-dl i {
  2620.     font-size:var(--Audio-Post-Download-Btn-Icon-Size);
  2621.     color:var(--Audio-Post-Download-Btn-Icon-Color);
  2622. }
  2623.  
  2624. .audio-wrap audio {
  2625.     display:none;
  2626. }
  2627.  
  2628. /* static.tumblr.com/gtjt4bo/Is2sl84e9/innbv.jpg */
  2629. .npf_audio_row figure.sc-short {
  2630.     position:relative;
  2631.     z-index:0;
  2632. }
  2633.  
  2634. .npf_audio_row figure.sc-short:before {
  2635.     content:"";
  2636.     position:absolute;
  2637.     top:0;left:0;
  2638.     width:20px;
  2639.     height:20px;
  2640.     border-radius:100%;
  2641.     background:var(--Audio-Post-Buttons-Icons-Color);
  2642.     z-index:-1;
  2643. }
  2644.  
  2645. .npf_audio_row:has(figure.sc-short){
  2646.     overflow:revert!important;
  2647. }
  2648.  
  2649. figure.sc-20 > .gframe-wrapper,
  2650. figure.sc-116 > .gframe-wrapper,
  2651. figure.sc-500 > .gframe-wrapper {
  2652.     aspect-ratio:initial!important;
  2653.     width:100%;
  2654. }
  2655.  
  2656. figure.sc-20 > .gframe-wrapper, figure.sc-20 iframe { height:20px!important }
  2657. figure.sc-116 > .gframe-wrapper, figure.sc-116 iframe { height:116px!important }
  2658. figure.sc-500 > .gframe-wrapper, figure.sc-500 iframe { height:500px!important }
  2659.  
  2660. iframe[src*='open.spotify.com'][src*='track'],
  2661. figure[data-npf*='open.spotify.com'][data-npf*='track']{
  2662.     height:80px!important;
  2663. }
  2664.  
  2665. /*------- ASK POSTS -------*/
  2666. .qa-set {
  2667.     margin:0;
  2668.     display:flex;
  2669.     flex-flow:column nowrap;
  2670.     gap:var(--Ask-Post-QnA-Row-Spacing);
  2671. }
  2672.  
  2673. .que-flex > img, .ans-flex > img {
  2674.     display:block;
  2675.     flex-shrink:0;
  2676. }
  2677.  
  2678. .que-flex, .ans-flex {
  2679.     display:flex;
  2680.     gap:var(--Ask-Post-Column-Gap);
  2681. }
  2682.  
  2683. .ask-head, .ans-head {
  2684.     margin:0;
  2685.     line-height:inherit;
  2686. }
  2687.  
  2688. .ask-head a, .ans-head a {
  2689.     color:var(--Post-Usernames-Color);
  2690. }
  2691.  
  2692. .que-right, .ans-left {
  2693.     display:flex;
  2694.     flex-direction:column;
  2695.     justify-content:center;
  2696.     gap:var(--Ask-Post-Header-Bottom-Gap);
  2697. }
  2698.  
  2699. /* questions */
  2700. .que-sect {
  2701.     border-radius:var(--Ask-Post-Question-Rounded-Corners);
  2702.     padding:var(--Ask-Post-Question-Padding);
  2703.     background:var(--Ask-Post-Question-BG);
  2704.     color:var(--Ask-Post-Question-Text-Color);
  2705. }
  2706.  
  2707. .que-flex { justify-content:flex-start }
  2708.  
  2709. .que-flex > img {
  2710.     width:var(--Ask-Post-Question-Avatar-Size);
  2711.     height:var(--Ask-Post-Question-Avatar-Size);
  2712.     border-radius:var(--Ask-Post-Question-Avatar-Rounded-Corners);
  2713. }
  2714.  
  2715. .que-right {
  2716.     align-items:flex-start;
  2717.     text-align:left;
  2718. }
  2719.  
  2720. /* answers */
  2721. .ans-sect {
  2722.     margin:0;
  2723.     border-radius:var(--Ask-Post-Answer-Rounded-Corners);
  2724.     padding:var(--Ask-Post-Answer-Padding);
  2725.     background:var(--Ask-Post-Answer-BG);
  2726.     color:var(--Ask-Post-Answer-Text-Color);
  2727. }
  2728.  
  2729. .ans-flex { justify-content:flex-end }
  2730.  
  2731. .ans-flex > img {
  2732.     width:var(--Ask-Post-Answer-Avatar-Size);
  2733.     height:var(--Ask-Post-Answer-Avatar-Size);
  2734.     border-radius:var(--Ask-Post-Answer-Avatar-Rounded-Corners);
  2735. }
  2736.  
  2737. .ans-left {
  2738.     align-items:flex-end;
  2739.     text-align:right;
  2740. }
  2741.  
  2742. .ans blockquote {
  2743.     margin-left:0;
  2744.     padding-left:0;
  2745.     margin-right:var(--Blockquote-Left-Gap-1);
  2746.     border-left:none;
  2747.     border-right:var(--Blockquote-Border-Size) solid var(--Blockquote-Border-Color);
  2748.     padding-right:var(--Blockquote-Left-Gap-2);
  2749. }
  2750.  
  2751. .ans > .npf_inst:first-child {
  2752.     margin-top:1em;
  2753. }
  2754.  
  2755. /*------- POLLS -------*/
  2756. .poll-post,
  2757. div[data-npf*='"type":"poll"']{
  2758.     display:flex;
  2759.     flex-flow:column nowrap;
  2760.     gap:var(--Poll-Options-Spacing);
  2761. }
  2762.  
  2763. .poll-post > *,
  2764. div[data-npf*='"type":"poll"'] > * {
  2765.     margin:0!important;
  2766. }
  2767.  
  2768. /* poll question */
  2769. .poll-post .poll-question,
  2770. div[data-npf*='"type":"poll"'] .poll-question,
  2771. .poll-question {
  2772.     font-size:var(--Poll-Question-Font-Size)!important;
  2773.     font-weight:var(--Poll-Question-Font-Weight)!important;
  2774. }
  2775.  
  2776. .poll-post .poll-question:not(:last-child),
  2777. div[data-npf*='"type":"poll"'] .poll-question:not(:last-child),
  2778. .poll-question:not(:last-child){
  2779.     margin-bottom:calc(0px - var(--Poll-Options-Spacing) + var(--Poll-Question-Bottom-Gap))!important;
  2780. }
  2781.  
  2782. /* poll options */
  2783. .poll-post a.poll-row,
  2784. div[data-npf*='"type":"poll"'] a.poll-row,
  2785. a.poll-row {
  2786.     all:unset;
  2787.     border-radius:var(--Poll-Options-Rounded-Corners);
  2788.     padding:var(--Poll-Options-Padding-Y) var(--Poll-Options-Padding-X);
  2789.     background:var(--Poll-Options-BG);
  2790.     text-align:center;
  2791.     cursor:pointer;
  2792.     transition:all var(--Links-Hover-Speed) ease-in-out;
  2793.    
  2794.     /* inherit smallcaps stuff */
  2795.     font:var(--SmallCaps-Font-Weight,normal) var(--Poll-Options-Font-Size,inherit) var(--SmallCaps-Font-Family), sans-serif;
  2796.     text-transform:uppercase;
  2797.     letter-spacing:var(--SmallCaps-Letter-Spacing);
  2798.     word-spacing:var(--SmallCaps-Word-Spacing);
  2799.     line-height:var(--Body-Line-Height);
  2800. }
  2801.  
  2802. .poll-post a.poll-row:hover {
  2803.     color:var(--Poll-Options-Hover-Text-Color);
  2804. }
  2805.  
  2806. /* poll 'see results' */
  2807. .poll-post .poll-see-results {
  2808.     width:auto;
  2809.     margin:auto!important;
  2810. }
  2811.  
  2812. /*------ CAPTIONS / REBLOGS ------*/
  2813. .comments {
  2814.     margin:calc(0px - var(--Post-Padding));
  2815. }
  2816.  
  2817. .comments:not(:first-child){
  2818.     margin-top:calc(0px - var(--Post-Padding) + var(--Captions-Top-Gap));
  2819. }
  2820.  
  2821. html.old-captions .comments { padding:var(--Post-Padding) }
  2822.  
  2823. html.new-captions .comment {
  2824.     padding:var(--Post-Padding);
  2825.     display:flex;
  2826.     flex-flow:column nowrap;
  2827.     gap:var(--Reblog-Header-Bottom-Gap);
  2828. }
  2829.  
  2830. html.new-captions .npf-post-source:only-child {
  2831.     padding:var(--Post-Padding);
  2832.     padding-top:0;
  2833.     margin-top:1em;
  2834. }
  2835.  
  2836. html.new-captions .comment + .npf-post-source {
  2837.     padding:var(--Post-Padding);
  2838.     padding-top:0;
  2839.     margin-top:calc(0px - var(--Post-Padding) + 1em);
  2840. }
  2841.  
  2842. html.rb-dividers-yes .comment + .comment {
  2843.     border-top:var(--Reblog-Border-Size) solid var(--Reblog-Border-Color);
  2844. }
  2845.  
  2846. html.rb-dividers-no .comment + .comment {
  2847.     padding-top:calc(var(--Post-Padding) / 2);
  2848. }
  2849.  
  2850. .comment-header {
  2851.     display:flex;
  2852.     justify-content:flex-start;
  2853. }
  2854.  
  2855. .user-flex {
  2856.     display:flex;
  2857.     justify-content:flex-start;
  2858.     gap:var(--Reblog-Header-Center-Gap);
  2859. }
  2860.  
  2861. .userpic {
  2862.     flex-shrink:0;
  2863. }
  2864.  
  2865. .userpic img {
  2866.     width:var(--Post-Avatar-Size);
  2867.     height:var(--Post-Avatar-Size);
  2868.     border-radius:var(--Post-Avatar-Rounded-Corners);
  2869. }
  2870.  
  2871. .username {
  2872.     display:flex;
  2873.     flex-direction:column;
  2874.     justify-content:center;
  2875.     color:var(--Post-Usernames-Color);
  2876. }
  2877.  
  2878. .is-deac {
  2879.     color:rgb(from currentColor r g b / 80%);
  2880. }
  2881.  
  2882. .comment-body {
  2883.     text-wrap:pretty;
  2884. }
  2885.  
  2886. /*------- TAGS -------*/
  2887. .tagscont {
  2888.     display:grid;
  2889.     overflow:hidden;
  2890.     font-size:var(--Tags-Font-Size)!important;
  2891.     line-height:var(--Body-Line-Height)!important;
  2892. }
  2893.  
  2894. html.index-page[class*="tags-vis-toggle"] .tagscont {
  2895.     grid-template-rows:0fr;
  2896. }
  2897.  
  2898. .tc-inner-2 {
  2899.     display:flex;
  2900.     flex-flow:row wrap;
  2901.     gap:var(--Tags-Spacing-Y) var(--Tags-Spacing-X);
  2902.     margin-top:var(--Tags-Top-Gap);
  2903.     width:100%;
  2904. }
  2905.  
  2906. .tags-align-left .tc-inner-2 {
  2907.     justify-content:flex-start;
  2908.     text-align:left;
  2909. }
  2910.  
  2911. .tags-align-right .tc-inner-2 {
  2912.     justify-content:flex-end;
  2913.     text-align:right;
  2914. }
  2915.  
  2916. .tagscont a {
  2917.     border-radius:var(--Tags-Rounded-Corners);
  2918.     padding:calc(var(--Tags-Padding-Y) - var(--SmallCaps-LH-V-Gap)) var(--Tags-Padding-X);
  2919.     background:var(--Tags-BG);
  2920.     color:var(--Tags-Text-Color);
  2921. }
  2922.  
  2923. .tagscont a:hover {
  2924.     background:var(--Tags-HOVER-BG);
  2925.     color:var(--Tags-HOVER-Text-Color);
  2926. }
  2927.  
  2928. .tagscont a:before {
  2929.     content:"#";
  2930.     margin-right:0.5px;
  2931. }
  2932.  
  2933. /*------- POST FOOTER -------*/
  2934. footer.post-footer {
  2935.     display:flex;
  2936.     flex-flow:column nowrap;
  2937. }
  2938.  
  2939. .pf-inner {
  2940.     display:flex;
  2941.     flex-flow:row nowrap;
  2942.     align-items:flex-end;
  2943.     justify-content:space-between;
  2944.     gap:var(--Post-Padding);
  2945.     max-width:100%;
  2946. }
  2947.  
  2948. .pfl-text.s-narrow { display:none!important }
  2949.  
  2950. .post-btns label[for^="tags-"] input[id^="tags-"]:checked ~ .tg-a,
  2951. .post-btns label[for^="tags-"] .tg-b { display:none }
  2952. .post-btns label[for^="tags-"] input[id^="tags-"]:checked ~ .tg-b { display:block }
  2953. html.perma-page .post-btns .tags-btn { display:none }
  2954.  
  2955. .post-btns input[id^="tags-"]{
  2956.     cursor:help;
  2957. }
  2958.  
  2959. /*------- POST NOTES -------*/
  2960. .post-notes {
  2961.     width:100%;
  2962. }
  2963.  
  2964. .post-notes .pn-title-hug:not(:last-child){
  2965.     margin-bottom:var(--Post-Padding);
  2966. }
  2967.  
  2968. .post-notes .post-title { margin:0 }
  2969.  
  2970. ol.notes li span.action > a {
  2971.     color:var(--Post-Usernames-Color);
  2972. }
  2973.  
  2974. ol.notes li.original_post.with_commentary blockquote { display:none }
  2975.  
  2976. /*------- PAGE NUMBERS -------*/
  2977. .page-numbers {
  2978.     width:100%;
  2979.     text-align:center;
  2980. }
  2981.  
  2982. .pagi-wrap {
  2983.     display:flex;
  2984.     flex-flow:row wrap;
  2985.     align-items:center;
  2986.     justify-content:center;
  2987.     gap:var(--Page-Numbers-Spacing);
  2988. }
  2989.  
  2990. html.iscroll-yes .page-numbers:not(.show-spinny,.iscroll-end),
  2991. html.iscroll-yes .pagi-wrap { display:none }
  2992.  
  2993. .pagi-wrap > a, .pagi-wrap > span {
  2994.     margin:calc(0px - var(--Page-Numbers-Touch-Padding));
  2995.     display:flex;
  2996.     align-items:center;
  2997.     gap:var(--Page-Numbers-Arrow-Gap);
  2998.     padding:var(--Page-Numbers-Touch-Padding);
  2999.     color:var(--Page-Numbers-Color);
  3000.     line-height:initial;
  3001. }
  3002.  
  3003. .pagi-wrap > a:not([href]), .pagi-wrap > span { cursor:help }
  3004.  
  3005. .pagi-wrap i[class]{
  3006.     font-size:var(--Page-Numbers-Arrow-Size);
  3007. }
  3008.  
  3009. .pagi-wrap .is-number {
  3010.     font-size:calc(var(--SmallCaps-Font-Size) + .5px);
  3011. }
  3012.  
  3013. html.iscroll-no .spinny,
  3014. html.iscroll-yes .page-numbers:not(.show-spinny) .spinny { display:none }
  3015.  
  3016. .show-spinny .spinny {
  3017.     justify-self:center;
  3018.     display:flex;
  3019.     align-items:center;
  3020.     justify-content:center;
  3021. }
  3022.  
  3023. .spinny > i {
  3024.     transform-origin:center;
  3025.     font-size:var(--Load-More-Spinner-Size);
  3026.     color:var(--Page-Numbers-Color);
  3027.     animation:spinner var(--Load-More-Spinner-Speed) linear 0s infinite normal forwards;
  3028. }
  3029.  
  3030. @keyframes spinner {
  3031.     from { transform:rotate(0deg) }
  3032.     to { transform:rotate(360deg) }
  3033. }
  3034.  
  3035. .page-numbers:not(.iscroll-end) .no-more-posts { display:none }
  3036.  
  3037. /*------- TOOLTIPS -------*/
  3038. [data-tippy-root]{
  3039.     z-index:calc(var(--Popup-Z-Index,100) + 1)!important;
  3040. }
  3041.  
  3042. .tippy-box {
  3043.     border:var(--Tooltips-Border-Size) solid var(--Tooltips-Border-Color);    
  3044.     background:var(--Tooltips-BG);
  3045.     border-radius:var(--Tooltips-Rounded-Corners);
  3046. }
  3047.  
  3048. .shads-yes .tippy-box {
  3049.     filter:drop-shadow(var(--Tooltips-Shadow-X-Offset) var(--Tooltips-Shadow-Y-Offset) var(--Tooltips-Shadow-Size) rgb(from var(--Tooltips-Shadow-Color, #000) r g b / var(--Tooltips-Shadow-Strength, 100%)));
  3050. }
  3051.  
  3052. .tippy-content {
  3053.     padding:calc(var(--Tooltips-Padding-Y) - (((var(--SmallCaps-Font-Size) * var(--Body-Line-Height)) - var(--SmallCaps-Font-Size)) / 2)) var(--Tooltips-Padding-X);
  3054.     color:var(--Tooltips-Text-Color);
  3055.     line-height:var(--Body-Line-Height);
  3056. }
  3057.  
  3058. /*----- RESPONSIVENESS -----*/
  3059. /* hide tooltip when ask/submit popups are active */
  3060. html.is-narrow body:has(dialog > input[type="radio"]:checked) > [data-tippy-root]{
  3061.     opacity:0!important;
  3062. }
  3063.  
  3064. /*----- CUSTOMIZE PAGE ADJUSTMENTS -----*/
  3065. html.customize-page :is(.comment-header:has(.userpic img[src=""], .username-txt:empty), .userpic img[src=""], .username-txt:empty){
  3066.     display:none;
  3067. }
  3068.  
  3069. .comment-body p > a.tumblr_blog {
  3070.     color:var(--Post-Usernames-Color);
  3071. }
  3072.  
  3073. /* ignore these */
  3074. #cont_w{position:absolute;top:0;left:0;width:calc(var(--Container-Width-Total) + (var(--Side-Gaps) * 2));height:0}
  3075. #full_w{position:absolute;top:0;left:0;width:100vw;height:0}
  3076. #full_h{position:absolute;top:0;left:0;width:0;height:calc(100vh - var(--SB-Top) - var(--Screen-Gaps))}
  3077.  
  3078. </style>
  3079.  
  3080. <style class="custom-css">{CustomCSS}</style>
  3081.  
  3082. </head>
  3083.  
  3084. <!--+++++++++++++++++++++++++++++++++++++++++++++++++-->
  3085.  
  3086. <body>
  3087.  
  3088. <!-- tumblr controls (mobile) -->
  3089. <div class="new-tc-cont"><iframe id="new-tumblr-controls" src="" frameborder="0" scrolling="no" name="unified-controls" class="tmblr-iframe tmblr-iframe--unified-controls tmblr-iframe--loaded iframe-controls--desktop"></iframe></div>
  3090.  
  3091. <div class="tout">
  3092. <div class="le-monde">
  3093. <div class="huddle">
  3094.  
  3095. <!----- HEADER ----->
  3096. <header class="top-header">
  3097. <div class="header-inner">
  3098.     <div class="header-main-ue">
  3099.         <div class="header-top-hug {select:show header banner image}-header-img">
  3100.             <!-- header banner image / header image -->
  3101.             <img src="{image:header banner image}" aria-describedby="yZTP3KM"{block:ifnotheaderbannerhovertext}alt="{Name}&rsquo;s header image"{/block:ifnotheaderbannerhovertext}>
  3102.            
  3103.             <div id="yZTP3KM" class="htb-h">
  3104.                 <span>{text:header banner hover text}</span>
  3105.             </div>
  3106.         </div><!--end header-top-hug-->
  3107.        
  3108.         <div class="header-mid-hug">
  3109.             <!-- header icon / header profile pic -->
  3110.             <a class="header-icon-hug" href="{BlogURL}"{block:ifheadericonhovertext} aria-label="{text:header icon hover text}"{/block:ifheadericonhovertext}>
  3111.                 <img src="{image:header icon image}"{block:ifnotheadericonhovertext}alt="{Name}&rsquo;s profile picture"{/block:ifnotheadericonhovertext}>
  3112.             </a><!--end header-icon-hug-->
  3113.            
  3114.            
  3115.             <div class="header-center-hug">
  3116.                 <!-- header status bubble -->
  3117.                 <div class="header-status">
  3118.                     <blockquote>
  3119.                         {block:ifstatusbubbletext}
  3120.                         {text:status bubble text}
  3121.                         {/block:ifstatusbubbletext}
  3122.                        
  3123.                         {block:ifnotstatusbubbletext}
  3124.                         {Title}
  3125.                         {/block:ifnotstatusbubbletext}
  3126.                     </blockquote>
  3127.                 </div><!--end header-status-->
  3128.                
  3129.                 <div class="header-lower-texts{block:ifheaderdesc} has-custom-desc{/block:ifheaderdesc}{block:ifnotheaderdesc} no-custom-desc{/block:ifnotheaderdesc}{block:Description} has-existing-desc{/block:Description}">
  3130.                     <!-- header username (@Name) -->
  3131.                     <a class="header-username at-sign-{select:header username symbol}" href="{BlogURL}">
  3132.                         <span class="caps">{Name}</span>
  3133.                     </a><!--end header-username-->
  3134.                    
  3135.                     <span class="header-fs">/</span>
  3136.                    
  3137.                     <!-- header description -->
  3138.                     <label for="hdt" class="header-desc-tog">
  3139.                         <input id="hdt" type="checkbox"/>
  3140.                         <span class="caps">{lang:About}</span>
  3141.                         <i class="mgc_down_line"></i>
  3142.                     </label>
  3143.                    
  3144.                     <div class="header-desc-c1">
  3145.                         <div class="header-desc-c2">
  3146.                             <article class="header-desc">{block:ifheaderdesc}{text:header desc}{/block:ifheaderdesc}{block:ifnotheaderdesc}{block:Description}{Description}{/block:Description}{/block:ifnotheaderdesc}</article>
  3147.                         </div>
  3148.                     </div>
  3149.                 </div><!--end header-lower-texts-->
  3150.             </div><!--end header-center-hug-->
  3151.         </div><!--end header-mid-hug-->
  3152.     </div><!--end header-main-ue-->
  3153. </div><!--end header-inner-->
  3154. </header><!--end header-->
  3155.  
  3156. <nav class="header-bot-hug">
  3157.     <!-- mini icon + title -->
  3158.     <a class="header-mini-avi" href="{BlogURL}">
  3159.         <span class="mini-avi" data-icon-url="{image:header mini icon image}">
  3160.             <img class="custom-img" src="{image:header mini icon image}" alt="{Name}&rsquo;s small decorative profile picture linking back to the homepage">
  3161.             <img class="base-img" src="{PortraitURL-128}" alt="{Name}&rsquo;s small decorative profile picture linking back to the homepage">
  3162.             <span class="mini-ova">
  3163.                 <i class="mgc_back_2_line"></i>
  3164.             </span>
  3165.         </span>
  3166.         {block:ifheaderminititle}
  3167.         <span class="mini-title">
  3168.             <span>{text:header mini title}</span>
  3169.         </span>
  3170.         {/block:ifheaderminititle}
  3171.     </a><!--end header-mini-avi-->
  3172.    
  3173.     <!-- header links / navlinks -->
  3174.     <div class="hl-wrap">
  3175.         <ul class="header-links" role="menu">
  3176.             <!-- "home" link -->
  3177.             <li role="presentation">
  3178.                 <a href="{BlogURL}" aria-label="{lang:Home}" role="menuitem">
  3179.                     <i class="mgc_home_3_line"></i>
  3180.                 </a>
  3181.             </li><!--end a link-->
  3182.    
  3183.             <!-- "ask" link -->
  3184.             <li class="ask-link-{select:show ask link}" role="presentation">
  3185.                 <label class="ask-as-popup" for="ask-popup"{block:ifasklinkhovertext} aria-label="{text:ask link hover text}"{/block:ifasklinkhovertext} role="menuitem">
  3186.                     <i class="mgc_mail_line"></i>
  3187.                 </label>
  3188.                
  3189.                 <a class="ask-as-link" href="/ask"{block:ifasklinkhovertext} aria-label="{text:ask link hover text}"{/block:ifasklinkhovertext} role="menuitem">
  3190.                     <i class="mgc_mail_line"></i>
  3191.                 </a>
  3192.             </li><!--end a link-->
  3193.    
  3194.             <!-- "submit" link -->
  3195.             <li class="submit-link-{select:show submit link}" role="presentation">
  3196.                 <label class="submit-as-popup" for="submit-popup"{block:ifsubmitlinkhovertext} aria-label="{text:submit link hover text}"{/block:ifsubmitlinkhovertext} role="menuitem">
  3197.                     <i class="mgc_unarchive_line"></i>
  3198.                 </label>
  3199.                
  3200.                 <a class="submit-as-link" href="/submit"{block:ifsubmitlinkhovertext} aria-label="{text:submit link hover text}"{/block:ifsubmitlinkhovertext} role="menuitem">
  3201.                     <i class="mgc_unarchive_line"></i>
  3202.                 </a>
  3203.             </li><!--end a link-->
  3204.    
  3205.             <!-- "archive" link -->
  3206.             <li role="presentation">
  3207.                 <a href="/archive" aria-label="{lang:Archive}" role="menuitem">
  3208.                     <i class="mgc_grid_line"></i>
  3209.                 </a>
  3210.             </li><!--end a link-->
  3211.            
  3212.             <!---- THEME CREDIT :: PLEASE DO NOT REMOVE <3 ---->
  3213.             <!-- if you have questions please ask me! (https://discord.gg/RcMKnwz) -->
  3214.             <li role="presentation">
  3215.                 <a href="https://glenthemes.tumblr.com" aria-label="&lobrk; Interloper &robrk;&ensp;theme by glenthemes" role="menuitem">
  3216.                     <i class="gt-misc-icons" icon-name="gt-3"></i>
  3217.                 </a>
  3218.             </li><!--end thm credit link-->
  3219.    
  3220.             <!-- "back to top" link -->
  3221.             <li class="btt btt-{select:show back to top button}" role="presentation">
  3222.                 <label aria-label="{lang:Back to top}" role="menuitem">
  3223.                     <i class="mgc_arrow_up_line"></i>
  3224.                 </label>
  3225.             </li><!--end a link-->
  3226.            
  3227.             <!-- mobile: toggle sidebar view -->
  3228.             <li class="mob-sb-tog-li" role="presentation">
  3229.                 <label class="mob-sb-tog-wrap" for="mstw" role="menuitem">
  3230.                     <input id="mstw" type="checkbox"/>
  3231.                     <span class="mstw-flex">
  3232.                         <i class="mstw-show mgc_eye_line"></i>
  3233.                         <i class="mstw-hide mgc_eye_close_line"></i>
  3234.                        
  3235.                         <!-- (text MUST be short) -->
  3236.                         <span class="mstw-show caps">
  3237.                             <span class="mstw-lt">{lang:More}</span>
  3238.                         </span>
  3239.                         <span class="mstw-hide caps">
  3240.                             <span class="mstw-lt">{lang:Close}</span>
  3241.                         </span>
  3242.                     </span>
  3243.                 </label>
  3244.             </li>
  3245.         </ul><!--end all header links-->
  3246.     </div><!--end hl-wrap-->
  3247. </nav><!--end header-bot-hug-->
  3248.  
  3249. <!----- LEFT + RIGHT ----->
  3250. <div class="lw {select:sidebar position}-layout">
  3251.  
  3252. <!----- SIDEBAR ----->
  3253. <aside class="sb sb-hyphens-yes">
  3254. <div class="gs-inner">
  3255.     <!---- SIDEBAR SECTION #1 ---->
  3256.     <!-- (image + desc) -->
  3257.     <section class="sb-sect sb-about-sect">
  3258.         {block:ifsidebartitle}
  3259.         <h3 class="sb-title sbt-align-{select:sidebar title align}">
  3260.             <span>{text:sidebar title}</span>
  3261.         </h3>
  3262.         {/block:ifsidebartitle}
  3263.        
  3264.         <div class="pic-box {select:show sidebar image}-sb-img {block:ifsidebardesc}has{/block:ifsidebardesc}{block:ifnotsidebardesc}no{/block:ifnotsidebardesc}-desc {select:sidebar image gradient}-gradient">
  3265.             <!-- sidebar image -->
  3266.             <div class="sb-pic-wrap" data-img-url="{image:sidebar image}">
  3267.                 <img src="{image:sidebar image}" aria-describedby="zx0GtxJ" alt="{Name}&rsquo;s sidebar image"/>
  3268.                 <div class="sbp-label-wrap" id="zx0GtxJ">
  3269.                     <span>{text:sidebar image hover text}</span>
  3270.                 </div>
  3271.             </div><!--end sb-pic-wrap-->
  3272.            
  3273.            
  3274.             <!-- sidebar desc -->
  3275.             {block:ifsidebardesc}
  3276.             <article class="sb-text-box sb-desc {select:show desc}-sb-desc">{text:sidebar desc}</article>
  3277.             {/block:ifsidebardesc}
  3278.            
  3279.             <!-- sidebar links / custom links -->
  3280.             {block:ifcustomlink1name}
  3281.             <article class="sb-text-box">
  3282.                 <nav class="custom-links">
  3283.                     <ul role="menu">
  3284.                         <li role="presentation">
  3285.                             <a href="{text:custom link 1 URL}">{text:custom link 1 name}</a>
  3286.                         </li>
  3287.                        
  3288.                         {block:ifcustomlink2name}
  3289.                         <li role="presentation">
  3290.                             <a href="{text:custom link 2 URL}">{text:custom link 2 name}</a>
  3291.                         </li>
  3292.                         {/block:ifcustomlink2name}
  3293.                        
  3294.                         {block:ifcustomlink3name}
  3295.                         <li role="presentation">
  3296.                             <a href="{text:custom link 3 URL}">{text:custom link 3 name}</a>
  3297.                         </li>
  3298.                         {/block:ifcustomlink3name}
  3299.                        
  3300.                         {block:ifcustomlink4name}
  3301.                         <li role="presentation">
  3302.                             <a href="{text:custom link 4 URL}">{text:custom link 4 name}</a>
  3303.                         </li>
  3304.                         {/block:ifcustomlink4name}
  3305.                        
  3306.                         {block:ifcustomlink5name}
  3307.                         <li role="presentation">
  3308.                             <a href="{text:custom link 5 URL}">{text:custom link 5 name}</a>
  3309.                         </li>
  3310.                         {/block:ifcustomlink5name}
  3311.                        
  3312.                         {block:ifcustomlink6name}
  3313.                         <li role="presentation">
  3314.                             <a href="{text:custom link 6 URL}">{text:custom link 6 name}</a>
  3315.                         </li>
  3316.                         {/block:ifcustomlink6name}
  3317.                        
  3318.                         {block:ifcustomlink7name}
  3319.                         <li role="presentation">
  3320.                             <a href="{text:custom link 7 URL}">{text:custom link 7 name}</a>
  3321.                         </li>
  3322.                         {/block:ifcustomlink7name}
  3323.                        
  3324.                         {block:ifcustomlink8name}
  3325.                         <li role="presentation">
  3326.                             <a href="{text:custom link 8 URL}">{text:custom link 8 name}</a>
  3327.                         </li>
  3328.                         {/block:ifcustomlink8name}
  3329.                     </ul>
  3330.                 </nav>
  3331.             </article>
  3332.             {/block:ifcustomlink1name}
  3333.            
  3334.             <!-- searchbar -->
  3335.             <article class="sb-text-box sb-searchbar sb-searchbar-{select:show searchbar}">
  3336.                 <form action="/search" method="get">
  3337.                     <input type="text" name="q" value="{SearchQuery}"{block:ifsearchbarprompt} placeholder="{text:searchbar prompt}"{/block:ifsearchbarprompt}>
  3338.                     <button type="submit" aria-label="{lang:Search}" class="no-tooltip">
  3339.                         <i class="mgc_search_3_line"></i>
  3340.                     </button>
  3341.                 </form>
  3342.             </article>
  3343.         </div><!--end pic-box-->
  3344.     </section><!--end sidebar box 1 (about)-->
  3345.    
  3346.     <!-- sidebar group 2+3-->
  3347.     <div class="sb-group {select:show updates}-updts {select:show members}-members">
  3348.    
  3349.     <!---- SIDEBAR SECTION #2 ---->
  3350.     <!-- (updates) -->
  3351.     <section class="sb-sect sb-updates-sect">
  3352.         {block:ifupdatestitle}
  3353.         <h3 class="sb-title sbt-align-{select:sidebar title align}">
  3354.             <span>{text:updates title}</span>
  3355.         </h3>
  3356.         {/block:ifupdatestitle}
  3357.        
  3358.         {block:ifupdate1label}
  3359.         <article class="sb-text-box">
  3360.             <div class="sb-updates">
  3361.             <div class="updt-group">
  3362.                 <!-- updt row 1 -->
  3363.                 <dl class="updt-row">
  3364.                     <dt class="updt-label">
  3365.                         <span class="updt-label-inner">{text:update 1 label}</span>
  3366.                     </dt>
  3367.                     {block:ifupdate1detail}
  3368.                     <dd class="updt-deets">{text:update 1 detail}</dd>
  3369.                     {/block:ifupdate1detail}
  3370.                 </dl>
  3371.                
  3372.                 <!-- updt row 2 -->
  3373.                 {block:ifupdate2label}
  3374.                 <dl class="updt-row">
  3375.                     <dt class="updt-label">
  3376.                         <span class="updt-label-inner">{text:update 2 label}</span>
  3377.                     </dt>
  3378.                     {block:ifupdate2detail}
  3379.                     <dd class="updt-deets">{text:update 2 detail}</dd>
  3380.                     {/block:ifupdate2detail}
  3381.                 </dl>
  3382.                 {/block:ifupdate2label}
  3383.                
  3384.                 <!-- updt row 3 -->
  3385.                 {block:ifupdate3label}
  3386.                 <dl class="updt-row">
  3387.                     <dt class="updt-label">
  3388.                         <span class="updt-label-inner">{text:update 3 label}</span>
  3389.                     </dt>
  3390.                     {block:ifupdate3detail}
  3391.                     <dd class="updt-deets">{text:update 3 detail}</dd>
  3392.                     {/block:ifupdate3detail}
  3393.                 </dl>
  3394.                 {/block:ifupdate3label}
  3395.                
  3396.                 <!-- updt row 4 -->
  3397.                 {block:ifupdate4label}
  3398.                 <dl class="updt-row">
  3399.                     <dt class="updt-label">
  3400.                         <span class="updt-label-inner">{text:update 4 label}</span>
  3401.                     </dt>
  3402.                     {block:ifupdate4detail}
  3403.                     <dd class="updt-deets">{text:update 4 detail}</dd>
  3404.                     {/block:ifupdate4detail}
  3405.                 </dl>
  3406.                 {/block:ifupdate4label}
  3407.                
  3408.                 <!-- updt row 5 -->
  3409.                 {block:ifupdate5label}
  3410.                 <dl class="updt-row">
  3411.                     <dt class="updt-label">
  3412.                         <span class="updt-label-inner">{text:update 5 label}</span>
  3413.                     </dt>
  3414.                     {block:ifupdate5detail}
  3415.                     <dd class="updt-deets">{text:update 5 detail}</dd>
  3416.                     {/block:ifupdate5detail}
  3417.                 </dl>
  3418.                 {/block:ifupdate5label}
  3419.                
  3420.                 <!-- updt row 6 -->
  3421.                 {block:ifupdate6label}
  3422.                 <dl class="updt-row">
  3423.                     <dt class="updt-label">
  3424.                         <span class="updt-label-inner">{text:update 6 label}</span>
  3425.                     </dt>
  3426.                     {block:ifupdate6detail}
  3427.                     <dd class="updt-deets">{text:update 6 detail}</dd>
  3428.                     {/block:ifupdate6detail}
  3429.                 </dl>
  3430.                 {/block:ifupdate6label}
  3431.                
  3432.                 <!-- updt row 7 -->
  3433.                 {block:ifupdate7label}
  3434.                 <dl class="updt-row">
  3435.                     <dt class="updt-label">
  3436.                         <span class="updt-label-inner">{text:update 7 label}</span>
  3437.                     </dt>
  3438.                     {block:ifupdate7detail}
  3439.                     <dd class="updt-deets">{text:update 7 detail}</dd>
  3440.                     {/block:ifupdate7detail}
  3441.                 </dl>
  3442.                 {/block:ifupdate7label}
  3443.                
  3444.                 <!-- updt row 8 -->
  3445.                 {block:ifupdate8label}
  3446.                 <dl class="updt-row">
  3447.                     <dt class="updt-label">
  3448.                         <span class="updt-label-inner">{text:update 8 label}</span>
  3449.                     </dt>
  3450.                     {block:ifupdate8detail}
  3451.                     <dd class="updt-deets">{text:update 8 detail}</dd>
  3452.                     {/block:ifupdate8detail}
  3453.                 </dl>
  3454.                 {/block:ifupdate8label}
  3455.             </div><!--end updates list [1/2]-->
  3456.             </div><!--end updates list [2/2]-->
  3457.         </article>
  3458.         {/block:ifupdate1label}
  3459.     </section><!--end sidebar box 2 (updates)-->
  3460.    
  3461.     <!---- SIDEBAR SECTION #3 ---->
  3462.     <!-- (members) -->
  3463.     <section class="sb-sect sb-members-sect">
  3464.         {block:ifmemberstitle}
  3465.         <h3 class="sb-title sbt-align-{select:sidebar title align}">
  3466.             <span>{text:members title}</span>
  3467.         </h3>
  3468.         {/block:ifmemberstitle}
  3469.        
  3470.         {block:ifmember1username}
  3471.         <article class="sb-text-box">
  3472.             <div class="sb-members sbm-symbol-{select:members username symbol}">
  3473.                 <!-- member 1 -->
  3474.                 <a class="sbm" href="//{text:member 1 username}.tumblr.com">
  3475.                     <img src="//api.tumblr.com/v2/blog/{text:member 1 username}.tumblr.com/avatar/128" alt="{text:member 1 username}&rsquo;s avatar">
  3476.                     <span class="sbm-tcol">
  3477.                         <span class="sbm-tmid">
  3478.                             <span class="sbm-name">{text:member 1 username}</span>
  3479.                             {block:ifmember1comment}
  3480.                             <span class="sbm-comment">{text:member 1 comment}</span>
  3481.                             {/block:ifmember1comment}
  3482.                         </span>
  3483.                     </span>
  3484.                 </a>
  3485.                
  3486.                 <!-- member 2 -->
  3487.                 {block:ifmember2username}
  3488.                 <a class="sbm" href="//{text:member 2 username}.tumblr.com">
  3489.                     <img src="//api.tumblr.com/v2/blog/{text:member 2 username}.tumblr.com/avatar/128" alt="{text:member 2 username}&rsquo;s avatar">
  3490.                     <span class="sbm-tcol">
  3491.                         <span class="sbm-tmid">
  3492.                             <span class="sbm-name">{text:member 2 username}</span>
  3493.                             {block:ifmember2comment}
  3494.                             <span class="sbm-comment">{text:member 2 comment}</span>
  3495.                             {/block:ifmember2comment}
  3496.                         </span>
  3497.                     </span>
  3498.                 </a>
  3499.                 {/block:ifmember2username}
  3500.                
  3501.                 <!-- member 3 -->
  3502.                 {block:ifmember3username}
  3503.                 <a class="sbm" href="//{text:member 3 username}.tumblr.com">
  3504.                     <img src="//api.tumblr.com/v2/blog/{text:member 3 username}.tumblr.com/avatar/128" alt="{text:member 3 username}&rsquo;s avatar">
  3505.                     <span class="sbm-tcol">
  3506.                         <span class="sbm-tmid">
  3507.                             <span class="sbm-name">{text:member 3 username}</span>
  3508.                             {block:ifmember3comment}
  3509.                             <span class="sbm-comment">{text:member 3 comment}</span>
  3510.                             {/block:ifmember3comment}
  3511.                         </span>
  3512.                     </span>
  3513.                 </a>
  3514.                 {/block:ifmember3username}
  3515.                
  3516.                 <!-- member 4 -->
  3517.                 {block:ifmember4username}
  3518.                 <a class="sbm" href="//{text:member 4 username}.tumblr.com">
  3519.                     <img src="//api.tumblr.com/v2/blog/{text:member 4 username}.tumblr.com/avatar/128" alt="{text:member 4 username}&rsquo;s avatar">
  3520.                     <span class="sbm-tcol">
  3521.                         <span class="sbm-tmid">
  3522.                             <span class="sbm-name">{text:member 4 username}</span>
  3523.                             {block:ifmember4comment}
  3524.                             <span class="sbm-comment">{text:member 4 comment}</span>
  3525.                             {/block:ifmember4comment}
  3526.                         </span>
  3527.                     </span>
  3528.                 </a>
  3529.                 {/block:ifmember4username}
  3530.                
  3531.                 <!-- member 5 -->
  3532.                 {block:ifmember5username}
  3533.                 <a class="sbm" href="//{text:member 5 username}.tumblr.com">
  3534.                     <img src="//api.tumblr.com/v2/blog/{text:member 5 username}.tumblr.com/avatar/128" alt="{text:member 5 username}&rsquo;s avatar">
  3535.                     <span class="sbm-tcol">
  3536.                         <span class="sbm-tmid">
  3537.                             <span class="sbm-name">{text:member 5 username}</span>
  3538.                             {block:ifmember5comment}
  3539.                             <span class="sbm-comment">{text:member 5 comment}</span>
  3540.                             {/block:ifmember5comment}
  3541.                         </span>
  3542.                     </span>
  3543.                 </a>
  3544.                 {/block:ifmember5username}
  3545.                
  3546.                 <!-- member 6 -->
  3547.                 {block:ifmember6username}
  3548.                 <a class="sbm" href="//{text:member 6 username}.tumblr.com">
  3549.                     <img src="//api.tumblr.com/v2/blog/{text:member 6 username}.tumblr.com/avatar/128" alt="{text:member 6 username}&rsquo;s avatar">
  3550.                     <span class="sbm-tcol">
  3551.                         <span class="sbm-tmid">
  3552.                             <span class="sbm-name">{text:member 6 username}</span>
  3553.                             {block:ifmember6comment}
  3554.                             <span class="sbm-comment">{text:member 6 comment}</span>
  3555.                             {/block:ifmember6comment}
  3556.                         </span>
  3557.                     </span>
  3558.                 </a>
  3559.                 {/block:ifmember6username}
  3560.             </div><!--end members-->
  3561.         </article>
  3562.         {/block:ifmember1username}
  3563.     </section><!--end sidebar box 3 (members)-->
  3564.    
  3565.     </div><!--end sidebar group 2+3-->
  3566. </div><!--end gs-inner-->
  3567. </aside><!--end sidebar-->
  3568.  
  3569. <!----- ALL POSTS ----->
  3570. <main>
  3571.  
  3572. <section class="all-posts">
  3573.  
  3574.     <!----- POSTS ----->
  3575.     {block:Posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
  3576.     <article
  3577.        class="posts{block:NotReblog} original-post{/block:NotReblog}{block:RebloggedFrom} reblogged-post{/block:RebloggedFrom}{block:HasTags} has-tags{/block:HasTags}"
  3578.        id="post-{PostID}"
  3579.        post-type="{PostType}"
  3580.        {block:RebloggedFrom}data-via-name="{ReblogParentName}"{/block:RebloggedFrom}
  3581.        data-src-name="{block:NotReblog}{Name}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootName}{/block:RebloggedFrom}"
  3582.        data-src-url="{block:NotReblog}{Permalink}{block:NotReblog}{block:RebloggedFrom}{ReblogRootURL}{/block:RebloggedFrom}"
  3583.    >
  3584.    
  3585.         <div class="post-inner">
  3586.        
  3587.         <!----- POST HEADER ----->
  3588.         {block:Date}
  3589.         <header class="post-header">
  3590.             <div class="ph-inner">
  3591.                 <!-- post type icon + TimeAgo -->
  3592.                 <div class="ph-left">
  3593.                     <a href="{block:NotReblog}{Permalink}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootURL}{/block:RebloggedFrom}" aria-label="{block:RebloggedFrom}Originally p{/block:RebloggedFrom}{block:NotReblog}P{/block:NotReblog}osted by @&#x200A;{block:NotReblog}{PostAuthorName}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootName}{/block:RebloggedFrom}"{block:RebloggedFrom} target="_blank"{/block:RebloggedFrom}>
  3594.                         <!-- icon -->
  3595.                         {block:PinnedPostLabel}
  3596.                         <i class="type-pinned gt-misc-icons" icon-name="pushpin-2"></i>
  3597.                         {/block:PinnedPostLabel}
  3598.                        
  3599.                         <!--text--><i class="type-text mgc_pen_2_line"></i>
  3600.                         <!--photo--><i class="type-photo mgc_pic_line"></i>
  3601.                         <!--quote--><i class="type-quote mgc_quote_left_line"></i>
  3602.                         <!--link--><i class="type-link mgc_link_line"></i>
  3603.                         <!--chat--><i class="type-chat mgc_comment_2_line"></i>
  3604.                         <!--audio--><i class="type-audio mgc_music_line"></i>
  3605.                         <!--video--><i class="type-video mgc_video_camera_line"></i>
  3606.                         <!--ask--><i class="type-ask mgc_invite_line"></i>
  3607.                         <!--poll--><i class="type-poll mgc_chart_bar_line"></i>
  3608.                         <!--multi--><i class="type-multi mgc_profile_line"></i>
  3609.                        
  3610.                         <!-- text -->
  3611.                         <span class="phl-text">
  3612.                             {block:PinnedPostLabel}
  3613.                             <span class="pnl">{PinnedPostLabel}</span>
  3614.                             {/block:PinnedPostLabel}
  3615.                            
  3616.                             <span class="not-pnl">
  3617.                                 <span class="npnl-a">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}, {Year}</span>
  3618.                                 <span class="npnl-b">
  3619.                                     <span data-original-poster="{block:NotReblog}{Name}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootName}{/block:RebloggedFrom}" data-original-post-link="{block:NotReblog}{Permalink}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootURL}{/block:RebloggedFrom}"></span>
  3620.                                 </span>
  3621.                             </span>
  3622.                         </span>
  3623.                     </a>
  3624.                 </div><!--end ph-left-->
  3625.                
  3626.                 <!-- username + icon -->
  3627.                 <div class="ph-right">
  3628.                     <a href="{block:NotReblog}{BlogURL}{/block:NotReblog}{block:RebloggedFrom}//{ReblogRootName}.tumblr.com{/block:RebloggedFrom}" aria-label="{block:NotReblog}{PostAuthorTitle}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootTitle}{/block:RebloggedFrom}">
  3629.                         <span class="phr-name-wrap">
  3630.                             <span class="phr-name">
  3631.                                 <span{block:RebloggedFrom} data-user="{ReblogRootName}"{/block:RebloggedFrom}>{block:NotReblog}{PostAuthorName}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootName}{/block:RebloggedFrom}</span>
  3632.                             </span>
  3633.                         </span>
  3634.                         <span class="phr-icon-wrap">
  3635.                             <img src="{block:NotReblog}{PortraitURL-128}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootPortraitURL-128}{/block:RebloggedFrom}" alt="{block:NotReblog}{PostAuthorName}{/block:NotReblog}{block:RebloggedFrom}{ReblogRootName}{/block:RebloggedFrom}&rsquo;s avatar">
  3636.                         </span>
  3637.                     </a>
  3638.                 </div><!--end ph-right-->
  3639.             </div><!--end ph-inner-->
  3640.         </header><!--end post-header-->
  3641.         {/block:Date}
  3642.        
  3643.         <div class="post-body">
  3644.         <div class="post-body-inner">
  3645.             <!------ LEGACY TEXT POSTS: TITLE ------>
  3646.             {block:Text}
  3647.             {block:Title}
  3648.             <div class="text-post">
  3649.                 <h1 class="post-title">{Title}</h1>
  3650.             </div>
  3651.             {/block:Title}
  3652.             {/block:Text}
  3653.            
  3654.             <!------ LEGACY PHOTO POSTS: SINGLE ------>
  3655.             {block:Photo}
  3656.             <div class="photo-post">
  3657.                 <div class="legacy-photo">
  3658.                     <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" onclick="Tumblr.Lightbox.init([{'width':{PhotoWidth-HighRes},'height':{PhotoHeight-HighRes},'low_res':'{PhotoURL-500}','high_res':'{PhotoURL-HighRes}'}])">
  3659.                 </div>
  3660.             </div>
  3661.             {/block:Photo}
  3662.            
  3663.             <!------ LEGACY PHOTO POSTS: PHOTOSETS ------>
  3664.             {block:Photoset}
  3665.             <div class="photoset-post">
  3666.                 <div class="legacy-photoset" data-layout="{PhotosetLayout}">
  3667.                     {block:Photos}
  3668.                     <img src="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-low-res="{PhotoURL-500}" alt="{PhotoAlt}">
  3669.                     {/block:Photos}
  3670.                 </div>
  3671.             </div>
  3672.             {/block:Photoset}
  3673.            
  3674.             <!------ LEGACY QUOTE POSTS ------>
  3675.             {block:Quote}
  3676.             <div class="quote-post">
  3677.                 <figure class="quote-set">
  3678.                     <blockquote>&ldquo;{Quote}&rdquo;</blockquote>
  3679.                     {block:Source}
  3680.                     <figcaption>&mdash;&emsp13;{Source}</figcaption>
  3681.                     {/block:Source}
  3682.                 </figure>
  3683.             </div>
  3684.             {/block:Quote}
  3685.            
  3686.             <!------ LEGACY LINK POSTS ------>
  3687.             {block:Link}
  3688.             <div class="link-post">
  3689.                 <div class="legacy-link-info" data-url="{URL}" data-target="{Target}" data-title="{PlaintextName}" data-excerpt="{block:Excerpt}{PlaintextExcerpt}{/block:Excerpt}" data-site-name="{block:Host}{Host}{/block:Host}"></div>
  3690.             </div>
  3691.             {/block:Link}
  3692.            
  3693.             <!------ LEGACY CHAT POSTS ------>
  3694.             {block:Chat}
  3695.             <div class="chat-post">
  3696.                 <ul class="chat-wrap">
  3697.                     {block:Lines}
  3698.                     <li class="chat-line {Alt}">
  3699.                         {block:Label}
  3700.                         <b class="chat-label">{Label}</b>
  3701.                         {/block:Label}
  3702.  
  3703.                         <span class="chat-content"> {Line}</span>
  3704.                     </li>
  3705.                     {/block:Lines}
  3706.                 </ul>
  3707.             </div>
  3708.             {/block:Chat}
  3709.            
  3710.             <!------ LEGACY AUDIO POSTS ------>
  3711.             {block:Audio}
  3712.             <div class="audio-post">
  3713.                 <div class="legacy-audio">
  3714.                     {block:AudioPlayer}
  3715.                     <div class="legacy-audio-info" data-title="{block:TrackName}{PlaintextTrackName}{/block:TrackName}" data-artist="{block:Artist}{PlaintextArtist}{/block:Artist}" data-album="{block:Album}{PlaintextAlbum}{/block:Album}" data-album-cover="{block:AlbumArt}{AlbumArtURL}{/block:AlbumArt}">{AudioPlayer}</div>
  3716.                     {/block:AudioPlayer}
  3717.                 </div>
  3718.             </div>
  3719.             {/block:Audio}
  3720.            
  3721.             <!------ LEGACY VIDEO POSTS ------>
  3722.             {block:Video}
  3723.             <div class="video-post">
  3724.                 <div class="legacy-video">
  3725.                     {Video-700}
  3726.  
  3727.                     {block:VideoThumbnail}
  3728.                     <span class="poster-thumb" data-url="{VideoThumbnailURL}"></span>
  3729.                     {/block:VideoThumbnail}
  3730.                 </div>
  3731.             </div>
  3732.             {/block:Video}
  3733.            
  3734.             <!------ ASK POSTS ------>
  3735.             {block:Answer}
  3736.             <div class="ask-post">
  3737.                 <dl class="qa-set">
  3738.                     <!-- question -->
  3739.                     <dt class="que-sect">
  3740.                         <div class="que-flex">
  3741.                             <img src="{AskerPortraitURL-128}" alt="{PlaintextAsker}&rsquo;s avatar">
  3742.                             <div class="que-right">
  3743.                                 <p class="ask-head" role="heading" aria-level="6">
  3744.                                     <span data-user="{PlaintextAsker}">{Asker}</span> asked:
  3745.                                 </p>
  3746.                                 <div class="que">{Question}</div>
  3747.                             </div>
  3748.                            
  3749.                         </div>
  3750.                     </dt><!--end question-->
  3751.                    
  3752.                     <!-- answer -->
  3753.                     <dd class="ans-sect">
  3754.                         <div class="ans-flex">
  3755.                             <div class="ans-left">
  3756.                                 <p class="ans-head" role="heading" aria-level="6">
  3757.                                     {block:NotReblog}<a href="{Permalink}">{Name}</a>{/block:NotReblog}
  3758.                                     {block:Answerer}<span data-user="{PlaintextAnswerer}">{Answerer}</span>{/block:Answerer}
  3759.                                     answered:
  3760.                                 </p>
  3761.                                 <div class="ans">
  3762.                                     {block:NotReblog}{Replies}{/block:NotReblog}
  3763.                                     {block:Answerer}{Answer}{/block:Answerer}
  3764.                                 </div>
  3765.                             </div>
  3766.                             <img src="{block:NotReblog}{PortraitURL-128}{/block:NotReblog}{block:Answerer}{AnswererPortraitURL-128}{/block:Answerer}" alt="{block:NotReblog}{Name}{/block:NotReblog}{block:Answerer}{PlaintextAnswerer}{/block:Answerer}&rsquo;s avatar">
  3767.                         </div>
  3768.                     </dd><!--end answer-->
  3769.                 </dl><!--end q&a-->
  3770.             </div>
  3771.             {/block:Answer}
  3772.            
  3773.             <!----- CAPTIONS / REBLOGS ----->
  3774.             {block:NotReblog}
  3775.             <div class="comments {PostType}-post-caption legacy-original-caption">
  3776.                 <div class="comment">
  3777.                     <div class="comment-body">
  3778.                         {block:Text}{Body}{/block:Text}
  3779.                         {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  3780.                         {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  3781.                         {block:Link}{Description}{/block:Link}
  3782.                         {block:Audio}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  3783.                         {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  3784.                     </div>
  3785.                 </div>
  3786.             </div>
  3787.             {/block:NotReblog}
  3788.            
  3789.             {block:RebloggedFrom}
  3790.             <div class="comments {PostType}-post-reblogs">
  3791.                 {block:Reblogs}
  3792.                 <div class="comment">
  3793.                     <div class="comment-header">
  3794.                         <a class="user-flex" href="{block:IsOriginalEntry}{ReblogRootURL}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Permalink}{/block:IsNotOriginalEntry}">
  3795.                             <div class="userpic">
  3796.                                 <img src="{block:IsOriginalEntry}{ReblogRootPortraitURL-64}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{PortraitURL-64}{/block:IsNotOriginalEntry}" alt="{block:IsOriginalEntry}{ReblogRootName}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Username}{/block:IsNotOriginalEntry}&rsquo;s avatar">
  3797.                             </div>
  3798.                            
  3799.                             <div class="username">
  3800.                                 <div class="username-inner">
  3801.                                     <span class="username-txt" data-user="{block:IsOriginalEntry}{ReblogRootName}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Username}{/block:IsNotOriginalEntry}">{block:IsOriginalEntry}{ReblogRootName}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}{Username}{/block:IsNotOriginalEntry}</span>
  3802.                                 </div>
  3803.                             </div>
  3804.                         </a><!--end user-flex-->
  3805.                     </div><!--end comment-header-->
  3806.                    
  3807.                     <div class="comment-body">
  3808.                         {Body}
  3809.                     </div>
  3810.                 </div><!--end comment-->
  3811.                 {/block:Reblogs}
  3812.             </div><!--end comments-->
  3813.             {/block:RebloggedFrom}
  3814.            
  3815.             <!----- TAGS ----->
  3816.             {block:HasTags}
  3817.             <div class="tagscont tags-align-{select:tags position}" role="list">
  3818.                 <div class="tc-inner-1">
  3819.                     <div class="tc-inner-2">
  3820.                         {block:Tags}
  3821.                         <a href="{TagURL}" role="listitem">{Tag}</a>
  3822.                         {/block:Tags}
  3823.                     </div>
  3824.                 </div>
  3825.             </div>
  3826.             {/block:HasTags}
  3827.         </div><!--end post-body-inner-->
  3828.         </div><!--end post-body-->
  3829.        
  3830.         <!----- POST FOOTER ----->
  3831.         {block:Date}
  3832.         <footer class="post-footer">
  3833.             <div class="pf-inner">
  3834.                 <div class="pf-left">
  3835.                     <a{block:IndexPage} href="{Permalink}" aria-label="@&#x200A;{PostAuthorName} {block:NotReblog}posted{/block:NotReblog}{block:RebloggedFrom}reblogged{/block:RebloggedFrom} {TimeAgo}&ensp;&middot;&ensp;View post"{/block:IndexPage}>
  3836.                         <i class="mgc_sticker_line"></i>
  3837.                         <span class="pfl-text s-wide">{block:IndexPage}{block:NoteCount}{NoteCountWithLabel}&ensp;&middot;&ensp;{/block:NoteCount}{/block:IndexPage}{ShortMonth} {DayOfMonthWithZero} &lsquo;{ShortYear}<span class="pfl-hr">, {12Hour}:{Minutes}{CapitalAMPM}</span></span>
  3838.                         {block:NoteCount}
  3839.                         <span class="pfl-text s-narrow">{NoteCountWithLabel}</span>
  3840.                         {/block:NoteCount}
  3841.                     </a>
  3842.                    
  3843.                     {block:PermalinkPage}
  3844.                     {block:RebloggedFrom}
  3845.                     <a class="via-blob" href="{ReblogParentURL}" aria-label="@&#x200A;{PostAuthorName} reblogged this post from @&#x200A;{ReblogParentName}">
  3846.                         <i class="mgc_user_3_line"></i>
  3847.                         <span class="via-wrap">{lang:Via}<span class="via-name"> @&#x200A;{ReblogParentName}</span></span>
  3848.                     </a>
  3849.                     {/block:RebloggedFrom}
  3850.                     {/block:PermalinkPage}
  3851.                 </div><!--end pf-left-->
  3852.                
  3853.                 <div class="pf-right">
  3854.                     <div class="post-btns" role="group">
  3855.                         <!-- show/hide tags btn -->
  3856.                         {block:HasTags}
  3857.                         <label for="tags-{PostID}" class="tags-btn">
  3858.                             <input id="tags-{PostID}" type="checkbox" data-show-tags="{lang:Show} {lang:Tags}" data-hide-tags="{lang:Close} {lang:Tags}"/>
  3859.                             <i class="tg-a mgc_tag_2_line" aria-hidden="true"></i>
  3860.                             <i class="tg-b mgc_close_line" aria-hidden="true"></i>
  3861.                         </label>
  3862.                         {/block:HasTags}
  3863.                        
  3864.                         <!-- content source link -->
  3865.                         {block:ContentSource}
  3866.                         <a class="content-src-btn" href="{SourceURL}" aria-label="{lang:Source}: {SourceTitle}" target="_blank">
  3867.                             <i class="mgc_attachment_2_line" aria-hidden="true"></i>
  3868.                         </a>
  3869.                         {/block:ContentSource}
  3870.                        
  3871.                         <!-- reblog btn -->
  3872.                         <a class="rb-btn" href="{ReblogURL}" aria-label="{block:English}Reblog{/block:English}{block:German}Rebloggen{/block:German}{block:French}Rebloguer{/block:French}{block:Italian}Reblogga{/block:Italian}{block:Japanese}リブログ{/block:Japanese}{block:Turkish}Yeniden Blogla{/block:Turkish}{block:Spanish}Rebloguear{/block:Spanish}{block:Russian}Реблог{/block:Russian}{block:Polish}Rebloguj{/block:Polish}{block:PortuguesePT}Reblogar{/block:PortuguesePT}{block:PortugueseBR}Reblogar{/block:PortugueseBR}{block:Dutch}Rebloggen{/block:Dutch}{block:Korean}리블로그{/block:Korean}{block:ChineseSimplified}转发{/block:ChineseSimplified}{block:ChineseTraditional}轉格{/block:ChineseTraditional}{block:ChineseHK}轉載{/block:ChineseHK}{block:Indonesian}Reblog{/block:Indonesian}{block:Hindi}रीब्लॉग करेंे{/block:Hindi}" target="_blank">
  3873.                             <i class="mgc_refresh_3_line" aria-hidden="true"></i>
  3874.                         </a>
  3875.                        
  3876.                         <!-- like btn -->
  3877.                         <button class="like-btn" data-like="{block:English}Like{/block:English}{block:German}Liken{/block:German}{block:French}J'aime{/block:French}{block:Italian}Mi piace{/block:Italian}{block:Japanese}スキ{/block:Japanese}{block:Turkish}Beğen{/block:Turkish}{block:Spanish}Me gusta{/block:Spanish}{block:Russian}Нравится{/block:Russian}{block:Polish}Lubię{/block:Polish}{block:PortuguesePT}Gostar{/block:PortuguesePT}{block:PortugueseBR}Curtir{/block:PortugueseBR}{block:Dutch}Vind ik leuk{/block:Dutch}{block:Korean}좋아요{/block:Korean}{block:ChineseSimplified}喜欢{/block:ChineseSimplified}{block:ChineseTraditional}喜歡{/block:ChineseTraditional}{block:ChineseHK}喜歡{/block:ChineseHK}{block:Indonesian}Suka{/block:Indonesian}{block:Hindi}पसंद करें{/block:Hindi}" data-unlike="{block:English}Unlike{/block:English}{block:German}Entliken{/block:German}{block:French}Je n'aime plus{/block:French}{block:Italian}Non mi piace{/block:Italian}{block:Japanese}スキ解除{/block:Japanese}{block:Turkish}Beğenme{/block:Turkish}{block:Spanish}Ya no me gusta{/block:Spanish}{block:Russian}Не нравится{/block:Russian}{block:Polish}Nie lubię{/block:Polish}{block:PortuguesePT}Deixar de gostar{/block:PortuguesePT}{block:PortugueseBR}Curtir (desfazer){/block:PortugueseBR}{block:Dutch}Vind ik niet meer leuk{/block:Dutch}{block:Korean}좋아요 취소{/block:Korean}{block:ChineseSimplified}取消喜欢{/block:ChineseSimplified}{block:ChineseTraditional}收回喜歡{/block:ChineseTraditional}{block:ChineseHK}收回喜歡{/block:ChineseHK}{block:Indonesian}Tidak Suka{/block:Indonesian}{block:Hindi}पसंद हटाएँ{/block:Hindi}">
  3878.                             {LikeButton}
  3879.                             <i class="gt-misc-icons" icon-name="heart-1" aria-hidden="true"></i>
  3880.                         </button>
  3881.                     </div><!--end post-btns-->
  3882.                 </div><!--end pf-right-->
  3883.             </div><!--end pf-inner-->
  3884.         </footer><!--end post-footer-->
  3885.         {/block:Date}
  3886.        
  3887.         </div><!--end post-inner-->
  3888.     </article><!--end posts-->
  3889.    
  3890.     <!----- POST NOTES ----->
  3891.     {block:PostNotes}
  3892.     <article class="post-notes">
  3893.     <div class="post-inner">
  3894.         <div class="post-body">
  3895.             <div class="post-body-inner">
  3896.                 <div class="pn-title-hug">
  3897.                     <h2 class="post-title">
  3898.                         <i class="mgc_paper_line"></i>
  3899.                         <span>{NoteCountWithLabel}</span>
  3900.                     </h2>
  3901.                     <a class="pn-split" href="//tumblr.com/{Name}/{PostID}" target="_blank">
  3902.                         {block:ReplyCount}
  3903.                         <span aria-label="{ReplyCount} {lang:Replies}">
  3904.                             <i class="mgc_message_4_line" aria-hidden="true"></i>
  3905.                             <span>{ReplyCount}</span>
  3906.                         </span>
  3907.                         {/block:ReplyCount}
  3908.                        
  3909.                         {block:ReblogCount}
  3910.                         <span aria-label="{ReblogCount} {lang:Reblogs}">
  3911.                             <i class="mgc_refresh_3_line" aria-hidden="true"></i>
  3912.                             <span>{ReblogCount}</span>
  3913.                         </span>
  3914.                         {/block:ReblogCount}
  3915.                        
  3916.                         {block:LikeCount}
  3917.                         <span aria-label="{LikeCount} {lang:Likes}">
  3918.                             <i class="gt-misc-icons" icon-name="heart-1" aria-hidden="true"></i>
  3919.                             <span>{LikeCount}</span>
  3920.                         </span>
  3921.                         {/block:LikeCount}
  3922.                     </a>
  3923.                 </div>
  3924.                 {PostNotes}
  3925.             </div>
  3926.         </div>
  3927.     </div><!--end post-inner-->
  3928.     </article>
  3929.     {/block:PostNotes}
  3930.    
  3931.     {/block:Posts}
  3932. </section><!--end all-posts-->
  3933.  
  3934. <!----- PAGE NUMBERS ----->
  3935. {block:Pagination}
  3936. <section class="page-numbers">
  3937. <div class="post-inner">
  3938.     <div class="post-body">
  3939.         <div class="post-body-inner">
  3940.             <div class="pagi-wrap">
  3941.                 {block:PreviousPage}
  3942.                 <a href="{PreviousPage}" class="prev-page" aria-label="{lang:Previous Page}">
  3943.                     <i class="mgc_arrows_left_line" aria-hidden="true"></i>
  3944.                     <span aria-hidden="true">{lang:Prev}</span>
  3945.                 </a>
  3946.                 {/block:PreviousPage}
  3947.                
  3948.                 {block:JumpPagination length="5"}
  3949.                 {block:CurrentPage}
  3950.                 <span aria-label="You are here (Page {CurrentPage})">
  3951.                     <i class="mgc_location_2_line" aria-hidden="true"></i>
  3952.                 </span>
  3953.                 {/block:CurrentPage}
  3954.                
  3955.                 {block:JumpPage}
  3956.                 <a class="is-number" href="{URL}" aria-label="Go to page {PageNumber}">
  3957.                     <span aria-hidden="true">{PageNumber}</span>
  3958.                 </a>
  3959.                 {/block:JumpPage}
  3960.                 {/block:JumpPagination}
  3961.                
  3962.                 {block:NextPage}
  3963.                 <a href="{NextPage}" class="next-page" aria-label="{lang:Next Page}">
  3964.                     <span aria-hidden="true">{lang:Next}</span>
  3965.                     <i class="mgc_arrows_right_line" aria-hidden="true"></i>
  3966.                 </a>
  3967.                 {/block:NextPage}
  3968.             </div><!--pagi-wrap-->
  3969.            
  3970.             <div class="spinny">
  3971.                 <i class="mgc_loading_2_line"></i>
  3972.             </div>
  3973.            
  3974.             <div class="no-more-posts">
  3975.                 <span>{lang:No more posts}</span>
  3976.             </div>
  3977.         </div><!--pbi-->
  3978.     </div><!--pb-->
  3979. </div><!--end post-inner-->
  3980. </section><!--end page-numbers-->
  3981. {/block:Pagination}
  3982.  
  3983. </main><!--end main-->
  3984. </div><!--end lw-->
  3985.  
  3986. </div><!--end huddle-->
  3987. </div><!--end le-monde-->
  3988. </div><!--end tout-->
  3989.  
  3990. <!----- ASK POPUP ----->
  3991. <dialog>
  3992.     <input id="ask-popup" type="radio" name="p">
  3993.     <div class="popup-inner">
  3994.         {block:ifaskpopuptitle}
  3995.         <h2 class="box-heading">
  3996.             <span>{text:ask popup title}</span>
  3997.         </h2>
  3998.         {/block:ifaskpopuptitle}
  3999.  
  4000.         <div class="box-contents">
  4001.             {block:AskEnabled}
  4002.             <iframe id="ask_form" src="https://www.tumblr.com/ask_form/{Name}.tumblr.com" frameborder="0" scrolling="no" style="background-color:transparent; overflow:hidden;" width="100%" class="dim-the-box"></iframe>
  4003.             {/block:AskEnabled}
  4004.            
  4005.             <p class="ask-not-enabled"><b>@&#x200A;{Name}</b> does not have their ask enabled. <a href="//glenthemes.notion.site/enable-ask">Instructions here</a>.</p>
  4006.         </div><!--end popup box contents-->
  4007.     </div><!--end popup-inner-->
  4008. </dialog><!--end ask popup-->
  4009.  
  4010. <!----- SUBMIT POPUP ----->
  4011. <dialog>
  4012.     <input id="submit-popup" type="radio" name="p">
  4013.     <div class="popup-inner">
  4014.         {block:ifsubmitpopuptitle}
  4015.         <h2 class="box-heading">
  4016.             <span>{text:submit popup title}</span>
  4017.         </h2>
  4018.         {/block:ifsubmitpopuptitle}
  4019.  
  4020.         <div class="box-contents">
  4021.             {block:SubmissionsEnabled}
  4022.             <iframe id="submit_form" src="https://www.tumblr.com/submit_form/{Name}.tumblr.com" frameborder="0" scrolling="no" style="background-color:transparent; overflow:hidden;" width="100%" class="dim-the-box"></iframe>
  4023.             {/block:SubmissionsEnabled}
  4024.            
  4025.             <p class="submit-not-enabled"><b>@&#x200A;{Name}</b> does not have their submissions enabled. <a href="//glenthemes.notion.site/enable-submit">Instructions here</a>.</p>
  4026.         </div><!--end popup box contents-->
  4027.     </div><!--end popup-inner-->
  4028. </dialog><!--end submit popup-->
  4029.  
  4030. <!-- close popups :: don't touch/move -->
  4031. <label for="close-popups">
  4032.     <input id="close-popups" type="radio" name="p">
  4033. </label>
  4034.  
  4035. <!-- ignore this -->
  4036. <div id="cont_w" aria-hidden="true" tabindex="-1"></div>
  4037. <div id="full_w" aria-hidden="true" tabindex="-1"></div>
  4038. <div id="full_h" aria-hidden="true" tabindex="-1"></div>
  4039.  
  4040. <script>
  4041. document.addEventListener("DOMContentLoaded", () => {
  4042.     tc("--Mobile-TumblrControls-BG","--Mobile-TumblrControls-FG","{Name}",{block:Posts}{block:PermalinkPage}{block:Date}"{PostID}","{RelativePermalink}"{/block:Date}{/block:PermalinkPage}{/block:Posts})
  4043. })
  4044. </script>
  4045.  
  4046. </body>
  4047. </html>
  4048.  
  4049. <!-----------------------------------------------
  4050.    
  4051.        Thank you for using Interloper!
  4052.    Please read the guide for instructions!
  4053.    
  4054.            dub.sh/interloper-guide
  4055.            
  4056. ------------------------------------------------>
  4057.  
  4058.  
  4059.  
Add Comment
Please, Sign In to add comment