API tools faq
paste
sexycullen

theme 224

sexycullen
Dec 16th, 2022 (edited)
2,310
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 121.88 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. maziekeen's theme #224
  4. https://maziekeen.tumblr.com/
  5.  
  6. PLEASE DO NOT:
  7. remove the credits; claim as your own; use as a base, take parts
  8. of the theme, repost as your own
  9. YOU CAN:
  10. edit as much as you want for your own personal use only.
  11.  
  12.  
  13. CREDITS,
  14.  
  15. captions, audio style, toggle controls and tags by seyche
  16. css photosets by annasthms
  17. time stamp by bychloethemes
  18. smooth scroll by michael herf and balazs galambosi
  19. feathericons by github.com/feathericons/feather
  20. normalize reest html by necolas.github.io
  21. tippyjs tooltips by silbrigthemes
  22. short notecount, like and reblog, video resize by shythemes
  23. npf images readjustment v.02 by glenthemes
  24. dark mode by rstylr at rstylr.tumblr.com/plugins/darkmode
  25.  
  26. -->
  27.  
  28. <!DOCTYPE html>
  29. <html data-theme="light">
  30. <head>
  31. <meta charset="UTF-8">
  32. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  33. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  34. <meta name="description" content="{MetaDescription}" />
  35. <title>{block:TagPage}{Tag} | {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} |
  36. {/block:SearchPage}{block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title>
  37.  
  38. {block:Hidden}
  39. <!-- image options -->
  40. <meta name="image:Sidebar Image" content="" />
  41. <meta name="image:Background Image" content="" />
  42.  
  43. <!-- light color options -->
  44. <meta name="color:Background Theme Color" content="#ffffff" />
  45. <meta name="color:Body Text Color" content="#404040" />
  46. <meta name="color:Body Bold Color" content="#404040">
  47. <meta name="color:Body Italic Color" content="#828282">
  48. <meta name="color:Body Link Color" content="#7a7a7a" />
  49. <meta name="color:Body Link Hover Color" content="#131313" />
  50. <meta name="color:Sidebar Title Color" content="#404040">
  51. <meta name="color:Sidebar Text Color" content="#404040">
  52. <meta name="color:Sidebar Bold Color" content="#212121">
  53. <meta name="color:Sidebar Italic Color" content="#828282">
  54. <meta name="color:Sidebar Link Color" content="#212121">
  55. <meta name="color:Sidebar Bottom Link Color" content="#404040">
  56. <meta name="color:Sidebar Background Color" content="#ffffff">
  57. <meta name="color:Hover Text Background Color" content="#212121" />
  58. <meta name="color:Hover Text Color" content="#ffffff" />
  59. <meta name="color:Date Text Color" content="#0f0f0f" />
  60. <meta name="color:Date Link Color" content="#262626">
  61. <meta name="color:Tags Link Color" content="#7a7a7a">
  62. <meta name="color:Liked Link Color" content="#212121">
  63. <meta name="color:Posts Background Color" content="#ffffff" />
  64. <meta name="color:Borders Color" content="#ececec" />
  65. <meta name="color:Scrollbar Color" content="#1a1a1a" />
  66. <meta name="color:Tumblr Controls Icon Color" content="#1a1a1a" />
  67.  
  68. <!-- dark color options -->
  69. <meta name="color:Dark Background Theme Color" content="#0e0e0e" />
  70. <meta name="color:Dark Body Text Color" content="#e0e0e0" />
  71. <meta name="color:Dark Body Bold Color" content="#e7b841">
  72. <meta name="color:Dark Body Italic Color" content="#acacac">
  73. <meta name="color:Dark Body Link Color" content="#aacc85" />
  74. <meta name="color:Dark Body Link Hover Color" content="#cce7ae" />
  75. <meta name="color:Dark Sidebar Title Color" content="#e7b841">
  76. <meta name="color:Dark Sidebar Text Color" content="#e0e0e0">
  77. <meta name="color:Dark Sidebar Bold Color" content="#d48f2c">
  78. <meta name="color:Dark Sidebar Italic Color" content="#828282">
  79. <meta name="color:Dark Sidebar Link Color" content="#f8f8f8">
  80. <meta name="color:Dark Sidebar Bottom Link Color" content="#aacc85">
  81. <meta name="color:Dark Sidebar Background Color" content="#191919">
  82. <meta name="color:Dark Hover Text Background Color" content="#aacc85" />
  83. <meta name="color:Dark Hover Text Color" content="#151515" />
  84. <meta name="color:Dark Date Link Color" content="#d48f2c">
  85. <meta name="color:Dark Date Text Color" content="#e2e2e2" />
  86. <meta name="color:Dark Tags Link Color" content="#aacc85">
  87. <meta name="color:Dark Liked Link Color" content="#aacc85">
  88. <meta name="color:Dark Posts Background Color" content="#191919" />
  89. <meta name="color:Dark Borders Color" content="#202020" />
  90. <meta name="color:Dark Scrollbar Color" content="#e7b841" />
  91. <meta name="color:Dark Tumblr Controls Icon Color" content="#e7b841" />
  92.  
  93. <!-- text, font style and sizes options -->
  94. <meta name="text:Body Font Family" content="Inter" />
  95. <meta name="text:Sidebar Title Font Family" content="Nunito" />
  96. <meta name="text:Posts Title Font Family" content="Nunito" />
  97.  
  98. <meta name="select:Body Font Size" content="1.3rem" title="13px" />
  99. <meta name="select:Body Font Size" content="0.8rem" title="8px" />
  100. <meta name="select:Body Font Size" content="0.9rem" title="9px" />
  101. <meta name="select:Body Font Size" content="1rem" title="10px" />
  102. <meta name="select:Body Font Size" content="1.1rem" title="11px" />
  103. <meta name="select:Body Font Size" content="1.2rem" title="12px" />
  104. <meta name="select:Body Font Size" content="1.4rem" title="14px" />
  105. <meta name="select:Body Font Size" content="1.5rem" title="15px" />
  106. <meta name="select:Body Font Size" content="1.6rem" title="16px" />
  107. <meta name="select:Body Font Size" content="1.7rem" title="17px" />
  108. <meta name="select:Body Font Size" content="1.8rem" title="18px" />
  109.  
  110. <meta name="select:Body Font Letter Spacing" content="normal" title="none" />
  111. <meta name="select:Body Font Letter Spacing" content="0.015rem" title="0.15px" />
  112. <meta name="select:Body Font Letter Spacing" content="0.025rem" title="0.25px" />
  113. <meta name="select:Body Font Letter Spacing" content="0.075rem" title="0.75px" />
  114. <meta name="select:Body Font Letter Spacing" content="0.08rem" title="0.80px" />
  115. <meta name="select:Body Font Letter Spacing" content="0.085rem" title="0.85px" />
  116. <meta name="select:Body Font Letter Spacing" content="0.09rem" title="0.90px" />
  117. <meta name="select:Body Font Letter Spacing" content="0.095rem" title="0.95px" />
  118. <meta name="select:Body Font Letter Spacing" content="0.1rem" title="1px" />
  119. <meta name="select:Body Font Letter Spacing" content="0.2rem" title="2px" />
  120. <meta name="select:Body Font Letter Spacing" content="0.3rem" title="3px" />
  121.  
  122. <meta name="select:Body Font Word Spacing" content="normal" title="none" />
  123. <meta name="select:Body Font Word Spacing" content="0.015rem" title="0.15px" />
  124. <meta name="select:Body Font Word Spacing" content="0.025rem" title="0.25px" />
  125. <meta name="select:Body Font Word Spacing" content="0.075rem" title="0.75px" />
  126. <meta name="select:Body Font Word Spacing" content="0.08rem" title="0.80px" />
  127. <meta name="select:Body Font Word Spacing" content="0.085rem" title="0.85px" />
  128. <meta name="select:Body Font Word Spacing" content="0.09rem" title="0.90px" />
  129. <meta name="select:Body Font Word Spacing" content="0.095rem" title="0.95px" />
  130. <meta name="select:Body Font Word Spacing" content="0.1rem" title="1px" />
  131. <meta name="select:Body Font Word Spacing" content="0.2rem" title="2px" />
  132. <meta name="select:Body Font Word Spacing" content="0.3rem" title="3px" />
  133.  
  134. <meta name="select:Body Font Weight" content="400" title="normal" />
  135. <meta name="select:Body Font Weight" content="700" title="bold" />
  136. <meta name="select:Body Font Weight" content="300" title="light" />
  137. <meta name="select:Body Font Weight" content="500" title="medium" />
  138. <meta name="select:Body Font Weight" content="600" title="semi-bold" />
  139.  
  140. <meta name="select:Bold Font Weight" content="700" title="bold" />
  141. <meta name="select:Bold Font Weight" content="300" title="light" />
  142. <meta name="select:Bold Font Weight" content="400" title="normal" />
  143. <meta name="select:Bold Font Weight" content="500" title="medium" />
  144. <meta name="select:Bold Font Weight" content="600" title="semi-bold" />
  145.  
  146. <meta name="select:Posts Text Position" content="left">
  147. <meta name="select:Posts Text Position" content="center">
  148. <meta name="select:Posts Text Position" content="justify">
  149. <meta name="select:Posts Text Position" content="right">
  150.  
  151. <!-- posts titles (h1, h2, h3, h4, h5, h6) -->
  152. <meta name="select:Posts Titles Font Size" content="1.4rem" title="14px" />
  153. <meta name="select:Posts Titles Font Size" content="1rem" title="10px" />
  154. <meta name="select:Posts Titles Font Size" content="1.1rem" title="11px" />
  155. <meta name="select:Posts Titles Font Size" content="1.2rem" title="12px" />
  156. <meta name="select:Posts Titles Font Size" content="1.3rem" title="13px" />
  157. <meta name="select:Posts Titles Font Size" content="1.5rem" title="15px" />
  158. <meta name="select:Posts Titles Font Size" content="1.6rem" title="16px" />
  159. <meta name="select:Posts Titles Font Size" content="1.7rem" title="17px" />
  160. <meta name="select:Posts Titles Font Size" content="1.8rem" title="18px" />
  161.  
  162. <meta name="select:Posts Titles Font Letter Spacing" content="normal" title="none" />
  163. <meta name="select:Posts Titles Font Letter Spacing" content="0.015rem" title="0.15px" />
  164. <meta name="select:Posts Titles Font Letter Spacing" content="0.025rem" title="0.25px" />
  165. <meta name="select:Posts Titles Font Letter Spacing" content="0.075rem" title="0.75px" />
  166. <meta name="select:Posts Titles Font Letter Spacing" content="0.08rem" title="0.80px" />
  167. <meta name="select:Posts Titles Font Letter Spacing" content="0.085rem" title="0.85px" />
  168. <meta name="select:Posts Titles Font Letter Spacing" content="0.09rem" title="0.90px" />
  169. <meta name="select:Posts Titles Font Letter Spacing" content="0.095rem" title="0.95px" />
  170. <meta name="select:Posts Titles Font Letter Spacing" content="0.1rem" title="1px" />
  171. <meta name="select:Posts Titles Font Letter Spacing" content="0.2rem" title="2px" />
  172. <meta name="select:Posts Titles Font Letter Spacing" content="0.3rem" title="3px" />
  173.  
  174. <meta name="select:Posts Titles Font Word Spacing" content="normal" title="none" />
  175. <meta name="select:Posts Titles Font Word Spacing" content="0.015rem" title="0.15px" />
  176. <meta name="select:Posts Titles Font Word Spacing" content="0.025rem" title="0.25px" />
  177. <meta name="select:Posts Titles Font Word Spacing" content="0.075rem" title="0.75px" />
  178. <meta name="select:Posts Titles Font Word Spacing" content="0.08rem" title="0.80px" />
  179. <meta name="select:Posts Titles Font Word Spacing" content="0.085rem" title="0.85px" />
  180. <meta name="select:Posts Titles Font Word Spacing" content="0.09rem" title="0.90px" />
  181. <meta name="select:Posts Titles Font Word Spacing" content="0.095rem" title="0.95px" />
  182. <meta name="select:Posts Titles Font Word Spacing" content="0.1rem" title="1px" />
  183. <meta name="select:Posts Titles Font Word Spacing" content="0.2rem" title="2px" />
  184. <meta name="select:Posts Titles Font Word Spacing" content="0.3rem" title="3px" />
  185.  
  186. <meta name="select:Posts Titles Font Weight" content="700" title="bold" />
  187. <meta name="select:Posts Titles Font Weight" content="300" title="light" />
  188. <meta name="select:Posts Titles Font Weight" content="400" title="normal" />
  189. <meta name="select:Posts Titles Font Weight" content="500" title="medium" />
  190. <meta name="select:Posts Titles Font Weight" content="600" title="semi-bold" />
  191.  
  192. <meta name="select:Posts Titles Font Style" content="normal">
  193. <meta name="select:Posts Titles Font Style" content="italic">
  194.  
  195. <meta name="select:Posts Titles Text Transform" content="none">
  196. <meta name="select:Posts Titles Text Transform" content="uppercase">
  197. <meta name="select:Posts Titles Text Transform" content="lowercase">
  198. <meta name="select:Posts Titles Text Transform" content="capitalize">
  199.  
  200. <meta name="select:Posts Titles Text Position" content="left">
  201. <meta name="select:Posts Titles Text Position" content="center">
  202. <meta name="select:Posts Titles Text Position" content="justify">
  203. <meta name="select:Posts Titles Text Position" content="right">
  204.  
  205.  
  206. <meta name="select:Theme Content Position" content="center" title="center">
  207. <meta name="select:Theme Content Position" content="left" title="left">
  208. <meta name="select:Theme Content Position" content="right" title="right">
  209.  
  210. <!--posts sizes-->
  211. <meta name="select:Post Width" content="54rem" title="540px" />
  212. <meta name="select:Post Width" content="50rem" title="500px" />
  213. <meta name="select:Post Width" content="40rem" title="400px" />
  214.  
  215. <meta name="select:Photoset Gutter" content="0.44rem" title="For 540px" />
  216. <meta name="select:Photoset Gutter" content="1rem" title="For 500px" />
  217. <meta name="select:Photoset Gutter" content="0.2rem" title="For 400px" />
  218.  
  219. <!-- sidebar position -->
  220. <meta name="select:Sidebar Content Position" content="center" title="center">
  221. <meta name="select:Sidebar Content Position" content="flex-start" title="top">
  222.  
  223. <!-- sidebar title -->
  224. <meta name="select:Sidebar Title Font Size" content="1.6rem" title="16px" />
  225. <meta name="select:Sidebar Title Font Size" content="0.8rem" title="8px" />
  226. <meta name="select:Sidebar Title Font Size" content="0.9rem" title="9px" />
  227. <meta name="select:Sidebar Title Font Size" content="1rem" title="10px" />
  228. <meta name="select:Sidebar Title Font Size" content="1.1rem" title="11px" />
  229. <meta name="select:Sidebar Title Font Size" content="1.2rem" title="12px" />
  230. <meta name="select:Sidebar Title Font Size" content="1.3rem" title="13px" />
  231. <meta name="select:Sidebar Title Font Size" content="1.4rem" title="14px" />
  232. <meta name="select:Sidebar Title Font Size" content="1.5rem" title="15px" />
  233. <meta name="select:Sidebar Title Font Size" content="1.7rem" title="17px" />
  234. <meta name="select:Sidebar Title Font Size" content="1.8rem" title="18px" />
  235.  
  236. <meta name="select:Sidebar Title Font Letter Spacing" content="normal" title="none" />
  237. <meta name="select:Sidebar Title Font Letter Spacing" content="0.015rem" title="0.15px" />
  238. <meta name="select:Sidebar Title Font Letter Spacing" content="0.025rem" title="0.25px" />
  239. <meta name="select:Sidebar Title Font Letter Spacing" content="0.075rem" title="0.75px" />
  240. <meta name="select:Sidebar Title Font Letter Spacing" content="0.08rem" title="0.80px" />
  241. <meta name="select:Sidebar Title Font Letter Spacing" content="0.085rem" title="0.85px" />
  242. <meta name="select:Sidebar Title Font Letter Spacing" content="0.09rem" title="0.90px" />
  243. <meta name="select:Sidebar Title Font Letter Spacing" content="0.095rem" title="0.95px" />
  244. <meta name="select:Sidebar Title Font Letter Spacing" content="0.1rem" title="1px" />
  245. <meta name="select:Sidebar Title Font Letter Spacing" content="0.2rem" title="2px" />
  246. <meta name="select:Sidebar Title Font Letter Spacing" content="0.3rem" title="3px" />
  247.  
  248. <meta name="select:Sidebar Title Font Word Spacing" content="normal" title="none" />
  249. <meta name="select:Sidebar Title Font Word Spacing" content="0.015rem" title="0.15px" />
  250. <meta name="select:Sidebar Title Font Word Spacing" content="0.025rem" title="0.25px" />
  251. <meta name="select:Sidebar Title Font Word Spacing" content="0.075rem" title="0.75px" />
  252. <meta name="select:Sidebar Title Font Word Spacing" content="0.08rem" title="0.80px" />
  253. <meta name="select:Sidebar Title Font Word Spacing" content="0.085rem" title="0.85px" />
  254. <meta name="select:Sidebar Title Font Word Spacing" content="0.09rem" title="0.90px" />
  255. <meta name="select:Sidebar Title Font Word Spacing" content="0.095rem" title="0.95px" />
  256. <meta name="select:Sidebar Title Font Word Spacing" content="0.1rem" title="1px" />
  257. <meta name="select:Sidebar Title Font Word Spacing" content="0.2rem" title="2px" />
  258. <meta name="select:Sidebar Title Font Word Spacing" content="0.3rem" title="3px" />
  259.  
  260. <meta name="select:Sidebar Title Font Weight" content="700" title="bold" />
  261. <meta name="select:Sidebar Title Font Weight" content="400" title="normal" />
  262. <meta name="select:Sidebar Title Font Weight" content="300" title="light" />
  263. <meta name="select:Sidebar Title Font Weight" content="500" title="medium" />
  264. <meta name="select:Sidebar Title Font Weight" content="600" title="semi-bold" />
  265.  
  266.  
  267. <meta name="select:Sidebar Title Font Style" content="normal">
  268. <meta name="select:Sidebar Title Font Style" content="italic">
  269.  
  270. <meta name="select:Sidebar Title Text Transform" content="none">
  271. <meta name="select:Sidebar Title Text Transform" content="uppercase">
  272. <meta name="select:Sidebar Title Text Transform" content="lowercase">
  273. <meta name="select:Sidebar Title Text Transform" content="capitalize">
  274.  
  275. <meta name="select:Sidebar Title Text Position" content="center" />
  276. <meta name="select:Sidebar Title Text Position" content="left" />
  277. <meta name="select:Sidebar Title Text Position" content="right" />
  278.  
  279. <!-- sidebar links text -->
  280. <meta name="select:Sidebar Link Font Size" content="0.9rem" title="9px" />
  281. <meta name="select:Sidebar Link Font Size" content="0.8rem" title="8px" />
  282. <meta name="select:Sidebar Link Font Size" content="1rem" title="10px" />
  283. <meta name="select:Sidebar Link Font Size" content="1.1rem" title="11px" />
  284. <meta name="select:Sidebar Link Font Size" content="1.2rem" title="12px" />
  285. <meta name="select:Sidebar Link Font Size" content="1.3rem" title="13px" />
  286. <meta name="select:Sidebar Link Font Size" content="1.4rem" title="14px" />
  287. <meta name="select:Sidebar Link Font Size" content="1.5rem" title="15px" />
  288. <meta name="select:Sidebar Link Font Size" content="1.6rem" title="16px" />
  289. <meta name="select:Sidebar Link Font Size" content="1.7rem" title="17px" />
  290. <meta name="select:Sidebar Link Font Size" content="1.8rem" title="18px" />
  291.  
  292. <meta name="select:Sidebar Link Font Letter Spacing" content="0.2rem" title="2px" />
  293. <meta name="select:Sidebar Link Font Letter Spacing" content="normal" title="none" />
  294. <meta name="select:Sidebar Link Font Letter Spacing" content="0.015rem" title="0.15px" />
  295. <meta name="select:Sidebar Link Font Letter Spacing" content="0.025rem" title="0.25px" />
  296. <meta name="select:Sidebar Link Font Letter Spacing" content="0.075rem" title="0.75px" />
  297. <meta name="select:Sidebar Link Font Letter Spacing" content="0.08rem" title="0.80px" />
  298. <meta name="select:Sidebar Link Font Letter Spacing" content="0.085rem" title="0.85px" />
  299. <meta name="select:Sidebar Link Font Letter Spacing" content="0.09rem" title="0.90px" />
  300. <meta name="select:Sidebar Link Font Letter Spacing" content="0.095rem" title="0.95px" />
  301. <meta name="select:Sidebar Link Font Letter Spacing" content="0.1rem" title="1px" />
  302. <meta name="select:Sidebar Link Font Letter Spacing" content="0.3rem" title="3px" />
  303.  
  304. <meta name="select:Sidebar Link Font Word Spacing" content="normal" title="none" />
  305. <meta name="select:Sidebar Link Font Word Spacing" content="0.015rem" title="0.15px" />
  306. <meta name="select:Sidebar Link Font Word Spacing" content="0.025rem" title="0.25px" />
  307. <meta name="select:Sidebar Link Font Word Spacing" content="0.075rem" title="0.75px" />
  308. <meta name="select:Sidebar Link Font Word Spacing" content="0.08rem" title="0.80px" />
  309. <meta name="select:Sidebar Link Font Word Spacing" content="0.085rem" title="0.85px" />
  310. <meta name="select:Sidebar Link Font Word Spacing" content="0.09rem" title="0.90px" />
  311. <meta name="select:Sidebar Link Font Word Spacing" content="0.095rem" title="0.95px" />
  312. <meta name="select:Sidebar Link Font Word Spacing" content="0.1rem" title="1px" />
  313. <meta name="select:Sidebar Link Font Word Spacing" content="0.2rem" title="2px" />
  314. <meta name="select:Sidebar Link Font Word Spacing" content="0.3rem" title="3px" />
  315.  
  316. <meta name="select:Sidebar Link Font Weight" content="400" title="normal" />
  317. <meta name="select:Sidebar Link Font Weight" content="700" title="bold" />
  318. <meta name="select:Sidebar Link Font Weight" content="300" title="light" />
  319. <meta name="select:Sidebar Link Font Weight" content="500" title="medium" />
  320. <meta name="select:Sidebar Link Font Weight" content="600" title="semi-bold" />
  321.  
  322. <meta name="select:Sidebar Link Font Style" content="normal" />
  323. <meta name="select:Sidebar Link Font Style" content="italic" />
  324.  
  325. <meta name="select:Sidebar Link Text Transform" content="uppercase">
  326. <meta name="select:Sidebar Link Text Transform" content="none">
  327. <meta name="select:Sidebar Link Text Transform" content="lowercase">
  328. <meta name="select:Sidebar Link Text Transform" content="capitalize">
  329.  
  330. <meta name="select:Sidebar Link Text Position" content="center" title="center" />
  331. <meta name="select:Sidebar Link Text Position" content="left" title="left" />
  332. <meta name="select:Sidebar Link Text Position" content="right" title="right" />
  333.  
  334. <!-- sidebar image sizes and position -->
  335. <meta name="select:Sidebar Icon Image Size" content="10rem" title="100px" />
  336. <meta name="select:Sidebar Icon Image Size" content="6rem" title="60px" />
  337. <meta name="select:Sidebar Icon Image Size" content="7rem" title="70px" />
  338. <meta name="select:Sidebar Icon Image Size" content="8rem" title="80px" />
  339. <meta name="select:Sidebar Icon Image Size" content="9rem" title="90px" />
  340. <meta name="select:Sidebar Icon Image Size" content="17rem" title="160px" />
  341.  
  342. <meta name="select:Sidebar Image Position" content="none" title="center" />
  343. <meta name="select:Sidebar Image Position" content="left" title="left" />
  344. <meta name="select:Sidebar Image Position" content="right" title="right" />
  345.  
  346.  
  347. <!-- description -->
  348. <meta name="select:Description Font Size" content="1.3rem" title="13px" />
  349. <meta name="select:Description Font Size" content="0.8rem" title="8px" />
  350. <meta name="select:Description Font Size" content="0.9rem" title="9px" />
  351. <meta name="select:Description Font Size" content="1rem" title="10px" />
  352. <meta name="select:Description Font Size" content="1.1rem" title="11px" />
  353. <meta name="select:Description Font Size" content="1.2rem" title="12px" />
  354. <meta name="select:Description Font Size" content="1.4rem" title="14px" />
  355. <meta name="select:Description Font Size" content="1.5rem" title="15px" />
  356. <meta name="select:Description Font Size" content="1.6rem" title="16px" />
  357. <meta name="select:Description Font Size" content="1.7rem" title="17px" />
  358. <meta name="select:Description Font Size" content="1.8rem" title="18px" />
  359.  
  360. <meta name="select:Description Font Letter Spacing" content="normal" title="none" />
  361. <meta name="select:Description Font Letter Spacing" content="0.015rem" title="0.15px" />
  362. <meta name="select:Description Font Letter Spacing" content="0.025rem" title="0.25px" />
  363. <meta name="select:Description Font Letter Spacing" content="0.075rem" title="0.75px" />
  364. <meta name="select:Description Font Letter Spacing" content="0.08rem" title="0.80px" />
  365. <meta name="select:Description Font Letter Spacing" content="0.085rem" title="0.85px" />
  366. <meta name="select:Description Font Letter Spacing" content="0.09rem" title="0.90px" />
  367. <meta name="select:Description Font Letter Spacing" content="0.095rem" title="0.95px" />
  368. <meta name="select:Description Font Letter Spacing" content="0.1rem" title="1px" />
  369. <meta name="select:Description Font Letter Spacing" content="0.2rem" title="2px" />
  370. <meta name="select:Description Font Letter Spacing" content="0.3rem" title="3px" />
  371.  
  372. <meta name="select:Description Font Word Spacing" content="normal" title="none" />
  373. <meta name="select:Description Font Word Spacing" content="0.015rem" title="0.15px" />
  374. <meta name="select:Description Font Word Spacing" content="0.025rem" title="0.25px" />
  375. <meta name="select:Description Font Word Spacing" content="0.075rem" title="0.75px" />
  376. <meta name="select:Description Font Word Spacing" content="0.08rem" title="0.80px" />
  377. <meta name="select:Description Font Word Spacing" content="0.085rem" title="0.85px" />
  378. <meta name="select:Description Font Word Spacing" content="0.09rem" title="0.90px" />
  379. <meta name="select:Description Font Word Spacing" content="0.095rem" title="0.95px" />
  380. <meta name="select:Description Font Word Spacing" content="0.1rem" title="1px" />
  381. <meta name="select:Description Font Word Spacing" content="0.2rem" title="2px" />
  382. <meta name="select:Description Font Word Spacing" content="0.3rem" title="3px" />
  383.  
  384. <meta name="select:Description Font Weight" content="400" title="normal" />
  385. <meta name="select:Description Font Weight" content="700" title="bold" />
  386. <meta name="select:Description Font Weight" content="300" title="light" />
  387. <meta name="select:Description Font Weight" content="500" title="medium" />
  388. <meta name="select:Description Font Weight" content="600" title="semi-bold" />
  389.  
  390. <meta name="select:Description Font Style" content="normal" />
  391. <meta name="select:Description Font Style" content="italic" />
  392.  
  393. <meta name="select:Description Text Transform" content="none">
  394. <meta name="select:Description Text Transform" content="uppercase">
  395. <meta name="select:Description Text Transform" content="lowercase">
  396. <meta name="select:Description Text Transform" content="capitalize">
  397.  
  398. <meta name="select:Description Text Position" content="center" title="center" />
  399. <meta name="select:Description Text Position" content="left" title="left" />
  400. <meta name="select:Description Text Position" content="right" title="right" />
  401.  
  402.  
  403. <!-- pagination links -->
  404. <meta name="select:Sidebar Bottom Text Font Size" content="1.3rem" title="13px" />
  405. <meta name="select:Sidebar Bottom Text Font Size" content="0.8rem" title="8px" />
  406. <meta name="select:Sidebar Bottom Text Font Size" content="0.9rem" title="9px" />
  407. <meta name="select:Sidebar Bottom Text Font Size" content="1rem" title="10px" />
  408. <meta name="select:Sidebar Bottom Text Font Size" content="1.1rem" title="11px" />
  409. <meta name="select:Sidebar Bottom Text Font Size" content="1.2rem" title="12px" />
  410. <meta name="select:Sidebar Bottom Text Font Size" content="1.4rem" title="14px" />
  411. <meta name="select:Sidebar Bottom Text Font Size" content="1.5rem" title="15px" />
  412. <meta name="select:Sidebar Bottom Text Font Size" content="1.6rem" title="16px" />
  413. <meta name="select:Sidebar Bottom Text Font Size" content="1.7rem" title="17px" />
  414. <meta name="select:Sidebar Bottom Text Font Size" content="1.8rem" title="18px" />
  415.  
  416. <meta name="select:Sidebar Bottom Font Letter Spacing" content="0.015rem" title="0.15px" />
  417. <meta name="select:Sidebar Bottom Font Letter Spacing" content="normal" title="none" />
  418. <meta name="select:Sidebar Bottom Font Letter Spacing" content="0.025rem" title="0.25px" />
  419. <meta name="select:Sidebar Bottom Font Letter Spacing" content="0.075rem" title="0.75px" />
  420. <meta name="select:Sidebar Bottom Font Letter Spacing" content="0.08rem" title="0.80px" />
  421. <meta name="select:Sidebar Bottom Font Letter Spacing" content="0.085rem" title="0.85px" />
  422. <meta name="select:Sidebar Bottom Font Letter Spacing" content="0.09rem" title="0.90px" />
  423. <meta name="select:Sidebar Bottom Font Letter Spacing" content="0.095rem" title="0.95px" />
  424. <meta name="select:Sidebar Bottom Font Letter Spacing" content="0.1rem" title="1px" />
  425. <meta name="select:Sidebar Bottom Font Letter Spacing" content="0.2rem" title="2px" />
  426. <meta name="select:Sidebar Bottom Font Letter Spacing" content="0.3rem" title="3px" />
  427.  
  428. <meta name="select:Sidebar Bottom Font Word Spacing" content="normal" title="none" />
  429. <meta name="select:Sidebar Bottom Font Word Spacing" content="0.015rem" title="0.15px" />
  430. <meta name="select:Sidebar Bottom Font Word Spacing" content="0.025rem" title="0.25px" />
  431. <meta name="select:Sidebar Bottom Font Word Spacing" content="0.075rem" title="0.75px" />
  432. <meta name="select:Sidebar Bottom Font Word Spacing" content="0.08rem" title="0.80px" />
  433. <meta name="select:Sidebar Bottom Font Word Spacing" content="0.085rem" title="0.85px" />
  434. <meta name="select:Sidebar Bottom Font Word Spacing" content="0.09rem" title="0.90px" />
  435. <meta name="select:Sidebar Bottom Font Word Spacing" content="0.095rem" title="0.95px" />
  436. <meta name="select:Sidebar Bottom Font Word Spacing" content="0.1rem" title="1px" />
  437. <meta name="select:Sidebar Bottom Font Word Spacing" content="0.2rem" title="2px" />
  438. <meta name="select:Sidebar Bottom Font Word Spacing" content="0.3rem" title="3px" />
  439.  
  440.  
  441. <meta name="select:Sidebar Bottom Text Font Weight" content="600" title="semi-bold" />
  442. <meta name="select:Sidebar Bottom Text Font Weight" content="400" title="normal" />
  443. <meta name="select:Sidebar Bottom Text Font Weight" content="300" title="light" />
  444. <meta name="select:Sidebar Bottom Text Font Weight" content="500" title="medium" />
  445. <meta name="select:Sidebar Bottom Text Font Weight" content="700" title="bold" />
  446.  
  447. <meta name="select:Sidebar Bottom Text Font Style" content="normal" />
  448. <meta name="select:Sidebar Bottom Text Font Style" content="italic" />
  449.  
  450. <meta name="select:Sidebar Bottom Text Text Transform" content="lowercase" />
  451. <meta name="select:Sidebar Bottom Text Text Transform" content="none" />
  452. <meta name="select:Sidebar Bottom Text Text Transform" content="uppercase" />
  453. <meta name="select:Sidebar Bottom Text Text Transform" content="capitalize" />
  454.  
  455.  
  456. <!-- date / post info -->
  457. <meta name="select:Date Font Size" content="1.2rem" title="12px" />
  458. <meta name="select:Date Font Size" content="1rem" title="10px" />
  459. <meta name="select:Date Font Size" content="1.1rem" title="11px" />
  460. <meta name="select:Date Font Size" content="0.8rem" title="8px" />
  461. <meta name="select:Date Font Size" content="0.9rem" title="9px" />
  462. <meta name="select:Date Font Size" content="1.3rem" title="13px" />
  463. <meta name="select:Date Font Size" content="1.4rem" title="14px" />
  464. <meta name="select:Date Font Size" content="1.5rem" title="15px" />
  465. <meta name="select:Date Font Size" content="1.6rem" title="16px" />
  466. <meta name="select:Date Font Size" content="1.7rem" title="17px" />
  467. <meta name="select:Date Font Size" content="1.8rem" title="18px" />
  468.  
  469. <meta name="select:Date Font Letter Spacing" content="0.015rem" title="0.15px" />
  470. <meta name="select:Date Font Letter Spacing" content="normal" title="none" />
  471. <meta name="select:Date Font Letter Spacing" content="0.025rem" title="0.25px" />
  472. <meta name="select:Date Font Letter Spacing" content="0.075rem" title="0.75px" />
  473. <meta name="select:Date Font Letter Spacing" content="0.08rem" title="0.80px" />
  474. <meta name="select:Date Font Letter Spacing" content="0.085rem" title="0.85px" />
  475. <meta name="select:Date Font Letter Spacing" content="0.09rem" title="0.90px" />
  476. <meta name="select:Date Font Letter Spacing" content="0.095rem" title="0.95px" />
  477. <meta name="select:Date Font Letter Spacing" content="0.1rem" title="1px" />
  478. <meta name="select:Date Font Letter Spacing" content="0.2rem" title="2px" />
  479. <meta name="select:Date Font Letter Spacing" content="0.3rem" title="3px" />
  480.  
  481. <meta name="select:Date Font Word Spacing" content="normal" title="none" />
  482. <meta name="select:Date Font Word Spacing" content="0.015rem" title="0.15px" />
  483. <meta name="select:Date Font Word Spacing" content="0.025rem" title="0.25px" />
  484. <meta name="select:Date Font Word Spacing" content="0.075rem" title="0.75px" />
  485. <meta name="select:Date Font Word Spacing" content="0.08rem" title="0.80px" />
  486. <meta name="select:Date Font Word Spacing" content="0.085rem" title="0.85px" />
  487. <meta name="select:Date Font Word Spacing" content="0.09rem" title="0.90px" />
  488. <meta name="select:Date Font Word Spacing" content="0.095rem" title="0.95px" />
  489. <meta name="select:Date Font Word Spacing" content="0.1rem" title="1px" />
  490. <meta name="select:Date Font Word Spacing" content="0.2rem" title="2px" />
  491. <meta name="select:Date Font Word Spacing" content="0.3rem" title="3px" />
  492.  
  493. <meta name="select:Date Font Weight" content="500" title="medium" />
  494. <meta name="select:Date Font Weight" content="700" title="bold" />
  495. <meta name="select:Date Font Weight" content="400" title="normal" />
  496. <meta name="select:Date Font Weight" content="300" title="light" />
  497. <meta name="select:Date Font Weight" content="600" title="semi-bold" />
  498.  
  499. <meta name="select:Date Font Style" content="normal" />
  500. <meta name="select:Date Font Style" content="italic" />
  501.  
  502. <meta name="select:Date Text Transform" content="lowercase" />
  503. <meta name="select:Date Text Transform" content="none" />
  504. <meta name="select:Date Text Transform" content="uppercase" />
  505. <meta name="select:Date Text Transform" content="capitalize" />
  506.  
  507.  
  508. <!-- tags / post info -->
  509. <meta name="select:Tags Font Size" content="1.2rem" title="12px" />
  510. <meta name="select:Tags Font Size" content="1rem" title="10px" />
  511. <meta name="select:Tags Font Size" content="1.1rem" title="11px" />
  512. <meta name="select:Tags Font Size" content="0.8rem" title="8px" />
  513. <meta name="select:Tags Font Size" content="0.9rem" title="9px" />
  514. <meta name="select:Tags Font Size" content="1.3rem" title="13px" />
  515. <meta name="select:Tags Font Size" content="1.4rem" title="14px" />
  516. <meta name="select:Tags Font Size" content="1.5rem" title="15px" />
  517. <meta name="select:Tags Font Size" content="1.6rem" title="16px" />
  518. <meta name="select:Tags Font Size" content="1.7rem" title="17px" />
  519. <meta name="select:Tags Font Size" content="1.8rem" title="18px" />
  520.  
  521. <meta name="select:Tags Font Letter Spacing" content="0.015rem" title="0.15px" />
  522. <meta name="select:Tags Font Letter Spacing" content="normal" title="none" />
  523. <meta name="select:Tags Font Letter Spacing" content="0.025rem" title="0.25px" />
  524. <meta name="select:Tags Font Letter Spacing" content="0.075rem" title="0.75px" />
  525. <meta name="select:Tags Font Letter Spacing" content="0.08rem" title="0.80px" />
  526. <meta name="select:Tags Font Letter Spacing" content="0.085rem" title="0.85px" />
  527. <meta name="select:Tags Font Letter Spacing" content="0.09rem" title="0.90px" />
  528. <meta name="select:Tags Font Letter Spacing" content="0.095rem" title="0.95px" />
  529. <meta name="select:Tags Font Letter Spacing" content="0.1rem" title="1px" />
  530. <meta name="select:Tags Font Letter Spacing" content="0.2rem" title="2px" />
  531. <meta name="select:Tags Font Letter Spacing" content="0.3rem" title="3px" />
  532.  
  533. <meta name="select:Tags Font Word Spacing" content="normal" title="none" />
  534. <meta name="select:Tags Font Word Spacing" content="0.015rem" title="0.15px" />
  535. <meta name="select:Tags Font Word Spacing" content="0.025rem" title="0.25px" />
  536. <meta name="select:Tags Font Word Spacing" content="0.075rem" title="0.75px" />
  537. <meta name="select:Tags Font Word Spacing" content="0.08rem" title="0.80px" />
  538. <meta name="select:Tags Font Word Spacing" content="0.085rem" title="0.85px" />
  539. <meta name="select:Tags Font Word Spacing" content="0.09rem" title="0.90px" />
  540. <meta name="select:Tags Font Word Spacing" content="0.095rem" title="0.95px" />
  541. <meta name="select:Tags Font Word Spacing" content="0.1rem" title="1px" />
  542. <meta name="select:Tags Font Word Spacing" content="0.2rem" title="2px" />
  543. <meta name="select:Tags Font Word Spacing" content="0.3rem" title="3px" />
  544.  
  545. <meta name="select:Tags Font Weight" content="400" title="normal" />
  546. <meta name="select:Tags Font Weight" content="300" title="light" />
  547. <meta name="select:Tags Font Weight" content="500" title="medium" />
  548. <meta name="select:Tags Font Weight" content="600" title="semi-bold" />
  549. <meta name="select:Tags Font Weight" content="700" title="bold" />
  550.  
  551. <meta name="select:Tags Font Style" content="normal" />
  552. <meta name="select:Tags Font Style" content="italic" />
  553.  
  554. <meta name="select:Tags Text Transform" content="none" />
  555. <meta name="select:Tags Text Transform" content="uppercase" />
  556. <meta name="select:Tags Text Transform" content="lowercase" />
  557. <meta name="select:Tags Text Transform" content="capitalize" />
  558.  
  559. <meta name="select:Tags Text Position" content="left" />
  560. <meta name="select:Tags Text Position" content="center" />
  561. <meta name="select:Tags Text Position" content="right" />
  562.  
  563. <!-- sidebar and posts borders -->
  564. <meta name="select:Borders Size" content="0.1rem" title="1px" />
  565. <meta name="select:Borders Size" content="0rem" title="0px" />
  566. <meta name="select:Borders Size" content="0.2rem" title="2px" />
  567. <meta name="select:Borders Size" content="0.3rem" title="3px" />
  568. <meta name="select:Borders Size" content="0.4rem" title="4px" />
  569. <meta name="select:Borders Size" content="0.5rem" title="5px" />
  570.  
  571. <meta name="select:Borders Style" content="solid" />
  572. <meta name="select:Borders Style" content="dotted" />
  573. <meta name="select:Borders Style" content="dashed" />
  574. <meta name="select:Borders Style" content="double" />
  575. <meta name="select:Borders Style" content="ridge" />
  576.  
  577. <!--posts size and margin -->
  578. <meta name="text:Theme Container Size" content="140rem" />
  579. <meta name="text:Posts Margin" content="9.5rem" />
  580. <meta name="text:Posts Padding" content="1rem" />
  581. <meta name="text:Sidebar Posts Spacing Gap" content="22rem" />
  582. <meta name="text:Sidebar Posts Spacing Between" content="0rem" />
  583.  
  584. <!--posts box shadow-->
  585. <meta name="text:Box Shadow Size" content="0.2rem 0.2rem 0.8rem" />
  586. <meta name="text:Box Shadow Color" content="0, 0, 0, 0.1" />
  587.  
  588.  
  589. <!-- conditionals -->
  590. <meta name="if:Disable Sidebar Show More" content="0"/>
  591. <meta name="if:Sidebar Image" content="1"/>
  592. <meta name="if:Sidebar Icon Image" content="0"/>
  593. <meta name="if:Sidebar Icon Square Style" content="0"/>
  594. <meta name="if:Sidebar Title" content="1"/>
  595. <meta name="if:Sidebar Links Two Columns" content="0"/>
  596. <meta name="if:Right Sidebar Position" content="1" />
  597. <meta name="if:Show Pages Link" content="0"/>
  598. <meta name="if:Hide Description" content="0"/>
  599. <meta name="if:Disable Switch Theme Color" content="0" />
  600. <meta name="if:Custom Controls" content="0"/>
  601. <meta name="if:Disable Show Tags" content="0"/>
  602. <meta name="if:Show Posts Notes" content="1"/>
  603. <meta name="if:Show Posts Like Reblog" content="1"/>
  604. <meta name="if:Show Posts Reblogged From" content="0"/>
  605. <meta name="if:Show Posts Source Link" content="0"/>
  606. <meta name="if:Tumblr Captions" content="1"/>
  607. <meta name="if:Caption Avatar" content="0" />
  608. <meta name="if:Custom Caption Icon" content="0" />
  609. <meta name="if:Username Original Post" content="0"/>
  610. <meta name="if:Show Box Shadow" content="1" />
  611. <meta name="if:Show Borders" content="0" />
  612. <meta name="if:Images Black and White" content="0" />
  613.  
  614. <!--sidebar content -->
  615. <meta name="if:Sidebar Link 1" content="1" />
  616. <meta name="if:Sidebar Link 2" content="1" />
  617. <meta name="if:Sidebar Link 3" content="1" />
  618. <meta name="if:Sidebar Link 4" content="1" />
  619. <meta name="if:Sidebar Link 5" content="1" />
  620. <meta name="if:Sidebar Link 6" content="1" />
  621. <meta name="if:Sidebar Link 7" content="1" />
  622. <meta name="if:Sidebar Link 8" content="1" />
  623. <meta name="text:Sidebar Show More Text" content="show more" />
  624.  
  625. <meta name="text:Home URL" content="/" />
  626. <meta name="text:Home Text" content="Home" />
  627.  
  628. <meta name="text:Ask URL" content="/ask" />
  629. <meta name="text:Ask Text" content="Ask" />
  630.  
  631. <meta name="text:Sidebar Link 1 URL" content="/" />
  632. <meta name="text:Sidebar Link 1 Text" content="Link 1" />
  633.  
  634. <meta name="text:Sidebar Link 2 URL" content="/" />
  635. <meta name="text:Sidebar Link 2 Text" content="Link 2" />
  636.  
  637. <meta name="text:Sidebar Link 3 URL" content="/" />
  638. <meta name="text:Sidebar Link 3 Text" content="Link 3" />
  639.  
  640. <meta name="text:Sidebar Link 4 URL" content="/" />
  641. <meta name="text:Sidebar Link 4 Text" content="Link 4" />
  642.  
  643. <meta name="text:Sidebar Link 5 URL" content="/" />
  644. <meta name="text:Sidebar Link 5 Text" content="Link 5" />
  645.  
  646. <meta name="text:Sidebar Link 6 URL" content="/" />
  647. <meta name="text:Sidebar Link 6 Text" content="Link 6" />
  648.  
  649. <meta name="text:Sidebar Link 7 URL" content="/" />
  650. <meta name="text:Sidebar Link 7 Text" content="Link 7" />
  651.  
  652. <meta name="text:Sidebar Link 8 URL" content="/" />
  653. <meta name="text:Sidebar Link 8 Text" content="Link 8" />
  654. {/block:Hidden}
  655.  
  656. <link rel="shortcut icon" href="{Favicon}">
  657. <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
  658. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  659.  
  660. <!-- scripts -->
  661. <script src="//cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js"></script> <!-- npf image fix v3 - glenthemes -->
  662. <script src="//npf-images-v3.github.io/script.js"></script> <!-- npf image fix v3 - glenthemes -->
  663. <script type="text/javascript" src="https://static.tumblr.com/i5s2zks/9Acok8oo2/bct-timeago.min.js"></script> <!-- custom time date - bychloethemes -->
  664.  
  665. <!-- stylesheets -->
  666. <link href="https://static.tumblr.com/0siu224/1Eaqd80d8/normalize.css" rel="stylesheet"> <!-- reset html code -->
  667. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet"> <!-- photosets - annasthms -->
  668. <link rel="stylesheet" href="//npf-images-v3.github.io/recon.css"> <!-- npf image fix v3 - glenthemes -->
  669.  
  670. <!-- icons -->
  671. <script src="https://unpkg.com/feather-icons"></script> <!-- custom icons -->
  672.  
  673. <!-- fonts -->
  674. <link href="https://fonts.googleapis.com/css2?family={text:Body Font Family}:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet" />
  675. <link href="https://fonts.googleapis.com/css2?family={text:Sidebar Title Font Family}:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet" />
  676. <link href="https://fonts.googleapis.com/css2?family={text:Posts Title Font Family}:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet" />
  677.  
  678. <!-- scripts -->
  679. {block:ifNotDisableSwitchThemeColor}
  680. <script>
  681. // light/dark toggle - rstylr
  682. const storedTheme = localStorage.getItem("theme") || (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
  683. if (storedTheme) document.documentElement.setAttribute("data-theme", storedTheme);
  684. </script>
  685. {/block:ifNotDisableSwitchThemeColor}
  686.  
  687. <style tmblr-npf>
  688. :root {
  689. /* fonts, sizes, styles */
  690. --bodyFontFamily: {text:Body Font Family};
  691. --sidebarTitleFontFamily: {text:Sidebar Title Font Family};
  692. --postsTitleFontFamily: {text:Posts Title Font Family};
  693.  
  694. /* body */
  695. --bodyFontSize: {select:Body Font Size};
  696. --bodyFontLetterSpacing: {select:Body Font Letter Spacing};
  697. --bodyFontWordSpacing: {select:Body Font Word Spacing};
  698. --bodyFontWeight: {select:Body Font Weight};
  699. --boldFontWeight: {select:Bold Font Weight};
  700.  
  701. /*sidebar title*/
  702. --sidebarTitleFontSize: {select:Sidebar Title Font Size};
  703. --sidebarTitleFontLetterSpacing: {select:Sidebar Title Font Letter Spacing};
  704. --sidebarTitleFontWordSpacing: {select:Sidebar Title Font Word Spacing};
  705. --sidebarTitleFontWeight: {select:Sidebar Title Font Weight};
  706. --sidebarTitleTextTransform: {select:Sidebar Title Text Transform};
  707. --sidebarTitleFontStyle: {select:Sidebar Title Font Style};
  708. --sidebarTitleTextPosition: {select:Sidebar Title Text Position};
  709.  
  710. --sidebarTitleLineHeight: calc(var(--sidebarTitleFontSize) * 1.5);
  711.  
  712. /*description*/
  713. --descriptionFontSize: {select:Description Font Size};
  714. --descriptionFontLetterSpacing: {select:Description Font Letter Spacing};
  715. --descriptionFontWordSpacing: {select:Description Font Word Spacing};
  716. --descriptionFontWeight: {select:Description Font Weight};
  717. --descriptionTextTransform: {select:Description Text Transform};
  718. --descriptionFontStyle: {select:Description Font Style};
  719. --descriptionTextPosition: {select:Description Text Position};
  720. --descriptionLineHeight: calc(var(--descriptionFontSize) * 1.3);
  721.  
  722. /*sidebar links */
  723. --sidebarLinkFontSize: {select:Sidebar Link Font Size};
  724. --sidebarLinkFontLetterSpacing: {select:Sidebar Link Font Letter Spacing};
  725. --sidebarLinkFontWordSpacing: {select:Sidebar Link Font Word Spacing};
  726. --sidebarLinkFontWeight: {select:Sidebar Link Font Weight};
  727. --sidebarLinkTextTransform: {select:Sidebar Link Text Transform};
  728. --sidebarLinkFontStyle: {select:Sidebar Link Font Style};
  729. --sidebarLinkTextPosition: {select:Sidebar Link Text Position};
  730.  
  731. --sidebarLinkLineHeight: calc(var(--sidebarLinkFontSize) * 1.3);
  732.  
  733.  
  734. /*pagination, dark switch, credit*/
  735. --sidebarContentPosition: {select:Sidebar Content Position};
  736. --sidebarBottomTextFontSize: {select:Sidebar Bottom Text Font Size};
  737. --sidebarBottomFontLetterSpacing: {select:Sidebar Bottom Font Letter Spacing};
  738. --sidebarBottomFontWordSpacing: {select:Sidebar Bottom Font Word Spacing};
  739. --sidebarBottomTextFontWeight: {select:Sidebar Bottom Text Font Weight};
  740. --sidebarBottomTextTextTransform: {select:Sidebar Bottom Text Text Transform};
  741. --sidebarBottomTextFontStyle: {select:Sidebar Bottom Text Font Style};
  742. --sidebarBottomTextPosition: {select:Sidebar Bottom Text Position};
  743.  
  744. /*sizes*/
  745. --sidebarImageSize: 26.8rem;
  746. --sidebarIconImageSize: {select:Sidebar Icon Image Size};
  747. --themeContainerSize: {text:Theme Container Size};
  748.  
  749. /*margins, paddings, spaces*/
  750. --postsMargin: {text:Posts Margin};
  751. --postsPadding:{text:Posts Padding};
  752. --sidebarPostsSpacingGap:{text:Sidebar Posts Spacing Gap};
  753. --sidebarPostsSpacingBetween:{text:Sidebar Posts Spacing Between};
  754.  
  755. /*posts*/
  756. --themeContentPosition: {select:Theme Content Position};
  757. --postWidth: {select:Post Width};
  758. --postsTextPosition: {select:Posts Text Position};
  759. --postsTitlesFontSize: {select:Posts Titles Font Size};
  760. --postsTitlesFontWeight: {select:Posts Titles Font Weight};
  761. --postsTitlesFontLetterSpacing: {select:Posts Titles Font Letter Spacing};
  762. --postsTitlesFontWordSpacing: {select:Posts Titles Font Word Spacing};
  763. --postsTitlesTextTransform: {select:Posts Titles Text Transform};
  764. --postsTitlesFontStyle: {select:Posts Titles Font Style};
  765. --postsTextPosition: {select:Posts Text Position};
  766. --postsTitlesTextPosition: {select:Posts Titles Text Position};
  767.  
  768. --poststLineHeight: calc(var(--bodyFontSize) * 1.4);
  769. --postsTitlesLineHeight: calc(var(--postsTitlesFontSize) * 1.2);
  770.  
  771. /*date,tags, post info*/
  772. --dateFontSize:{select:Date Font Size};
  773. --dateFontLetterSpacing: {select:Date Font Letter Spacing};
  774. --dateFontWordSpacing: {select:Date Font Word Spacing};
  775. --dateFontWeight:{select:Date Font Weight};
  776. --dateTextTransform:{select:Date Text Transform};
  777. --dateFontStyle:{select:Date Font Style};
  778.  
  779. --dateLineHeight: calc(var(--bodyFontSize) * 1.4);
  780. --tagsLineHeight: calc(var(--bodyFontSize) * 1.4);
  781.  
  782. --tagsFontSize:{select:Tags Font Size};
  783. --tagsFontLetterSpacing: {select:Tags Font Letter Spacing};
  784. --tagsFontWordSpacing: {select:Tags Font Word Spacing};
  785. --tagsFontWeight:{select:Tags Font Weight};
  786. --tagsTextTransform:{select:Tags Text Transform};
  787. --tagsFontStyle:{select:Tags Font Style};
  788. --tagsTextPosition: {select:Tags Text Position};
  789.  
  790. /* posts and sidebar borders */
  791. --bordersStyle: {select:Borders Style};
  792. --bordersSize: {select:Borders Size};
  793. --boxShadowSize:{text:Box Shadow Size};
  794. --boxShadowColor:{text:Box Shadow Color};
  795.  
  796.  
  797.  
  798. /* other styles */
  799. --transitions: all .3s ease;
  800.  
  801.  
  802. /* npf image fix v3 - glenthemes */
  803. --NPF-Image-Spacing:0.4rem;
  804. --NPF-Bottom-Gap-From-Captions:1em;
  805. }
  806.  
  807. :root, html[data-theme='light'] {
  808. --LightOn: block; /* displays <span> with moon icon */
  809. --LightOff: none; /* hides <span> with sun icon */
  810. --backgroundThemeColor: {color:Background Theme Color};
  811. --bodyTextColor: {color:Body Text Color};
  812. --bodyBoldColor: {color:Body Bold Color};
  813. --bodyItalicColor: {color:Body Italic Color};
  814. --bodyLinkColor: {color:Body Link Color};
  815. --bodyLinkHoverColor: {color:Body Link Hover Color};
  816. --sidebarTextColor: {color:Sidebar Text Color};
  817. --sidebarBoldColor: {color:Sidebar Bold Color};
  818. --sidebarItalicColor: {color:Sidebar Italic Color};
  819. --sidebarLinkIconsColor: {color:Sidebar Link Icons Color};
  820. --sidebarLinkColor: {color:Sidebar Link Color};
  821. --sidebarBottomLinkColor: {color:Sidebar Bottom Link Color};
  822. --sidebarTitleColor: {color:Sidebar Title Color};
  823. --sidebarBackgroundColor: {color:Sidebar Background Color};
  824. --hoverTextBackgroundColor: {color:Hover Text Background Color};
  825. --hoverTextColor: {color:Hover Text Color};
  826. --dateLinkColor:{color:Date Link Color};
  827. --dateTextColor: {color:Date Text Color};
  828. --tagsLinkColor: {color:Tags Link Color};
  829. --likedLinkColor: {color:Liked Link Color};
  830. --scrollbarColor: {color:Scrollbar Color};
  831. --bordersColor: {color:Borders Color};
  832. --postsBackgroundColor: {color:Posts Background Color};
  833. --tumblrControlsIconColor: {color:Tumblr Controls Icon Color};
  834. }
  835.  
  836. /* dark colors */
  837. html[data-theme='dark'] {
  838. --LightOn: none; /* hides <span> with moon icon */
  839. --LightOff: block; /* displays <span> with sun icon */
  840. --backgroundThemeColor: {color:Dark Background Theme Color};
  841. --bodyTextColor: {color:Dark Body Text Color};
  842. --bodyBoldColor: {color:Dark Body Bold Color};
  843. --bodyItalicColor: {color:Dark Body Italic Color};
  844. --bodyLinkColor: {color:Dark Body Link Color};
  845. --bodyLinkHoverColor: {color:Dark Body Link Hover Color};
  846. --sidebarTextColor: {color:Dark Sidebar Text Color};
  847. --sidebarBoldColor: {color:Dark Sidebar Bold Color};
  848. --sidebarItalicColor: {color:Dark Sidebar Italic Color};
  849. --sidebarLinkIconsColor: {color:Dark Sidebar Link Icons Color};
  850. --sidebarLinkColor: {color:Dark Sidebar Link Color};
  851. --sidebarBottomLinkColor: {color:Dark Sidebar Bottom Link Color};
  852. --sidebarTitleColor: {color:Dark Sidebar Title Color};
  853. --sidebarBackgroundColor: {color:Dark Sidebar Background Color};
  854. --hoverTextBackgroundColor: {color:Dark Hover Text Background Color};
  855. --hoverTextColor: {color:Dark Hover Text Color};
  856. --dateLinkColor:{color:Dark Date Link Color};
  857. --dateTextColor: {color:Dark Date Text Color};
  858. --tagsLinkColor: {color:Dark Tags Link Color};
  859. --likedLinkColor: {color:Dark Liked Link Color};
  860. --scrollbarColor: {color:Dark Scrollbar Color};
  861. --bordersColor: {color:Dark Borders Color};
  862. --postsBackgroundColor: {color:Dark Posts Background Color};
  863. --tumblrControlsIconColor: {color:Dark Tumblr Controls Icon Color};
  864. }
  865.  
  866. /* light/dark toggle - rstylr */
  867. html.theme-transition,
  868. html.theme-transition *,
  869. html.theme-transition *:before,
  870. html.theme-transition *:after {
  871. transition: 0s !important;
  872. transition-delay: 0 !important;
  873. }
  874.  
  875. /* light/dark toggle - rstylr */
  876. .light-on {
  877. display: var(--LightOn);
  878. }
  879. .light-off {
  880. display: var(--LightOff);
  881. }
  882.  
  883. button#theme-toggle {
  884. outline: none;
  885. border: 0;
  886. background: transparent;
  887. padding: 0;
  888. cursor: pointer;
  889. }
  890.  
  891. button#theme-toggle svg {
  892. width:var(--sidebarBottomTextFontSize);
  893. height:var(--sidebarBottomTextFontSize);
  894. stroke: var(--sidebarBottomLinkColor);
  895. }
  896.  
  897. * {
  898. margin: 0;
  899. padding: 0;
  900. -webkit-box-sizing: inherit;
  901. box-sizing: inherit;
  902. }
  903.  
  904. html {
  905. font-size: 62.5%;
  906. }
  907.  
  908. body {
  909. background:var(--backgroundThemeColor) url({image:Background Image});
  910. background-attachment:fixed;
  911. background-color:var(--backgroundThemeColor);
  912. font-size:var(--bodyFontSize);
  913. font-family: var(--bodyFontFamily), Arial, sans-serif;
  914. font-weight: var(--bodyFontWeight);
  915. letter-spacing: var(--bodyFontLetterSpacing);
  916. word-spacing: var(--bodyFontWordSpacing);
  917. color: var(--bodyTextColor);
  918. }
  919.  
  920. a {
  921. text-decoration:none;
  922. color:var(--bodyLinkColor);
  923. transition:var(--transitions);
  924. }
  925.  
  926. a:hover {
  927. color:var(--bodyLinkHoverColor);
  928. }
  929.  
  930. p:first-child {
  931. margin-block-start: 0;
  932. margin-block-end: 0;
  933. }
  934.  
  935. p:last-child {
  936. margin-block-end: 0;
  937. }
  938.  
  939. small, sup, sub {
  940. font-size:var(--bodyFontSize);
  941. }
  942.  
  943. pre {
  944. word-wrap:break-word!Important;
  945. white-space: pre-wrap;
  946. }
  947.  
  948. h1, h2, h3, h4, h5, h6 {
  949. padding: 1rem 0 0.5rem;
  950. margin: 0;
  951. font-family:var(--postsTitleFontFamily);
  952. font-style:var(--postsTitlesFontStyle);
  953. font-weight:var(--postsTitlesFontWeight);
  954. letter-spacing: var(--postsTitlesFontLetterSpacing);
  955. word-spacing: var(--postsTitlesFontWordSpacing);
  956. color:var(--bodyBoldColor);
  957. text-transform:var(--postsTitlesTextTransform);
  958. font-size:var(--postsTitlesFontSize);
  959. text-align:var(--postsTitlesTextPosition);
  960. line-height:var(--postsTitlesLineHeight);
  961. }
  962.  
  963. strong, bold, b {
  964. color:var(--bodyBoldColor);
  965. font-weight:var(--boldFontWeight);
  966. }
  967.  
  968. italic, em, i {
  969. color:var(--bodyItalicColor);
  970. }
  971.  
  972. hr {
  973. width:10rem;
  974. margin:1rem 0 1rem 0;
  975. border-width: var(--bordersSize) 0px 0px 0px;
  976. border-style: var(--bordersStyle);
  977. border-color: var(--bordersColor);
  978. }
  979.  
  980. img {
  981. max-width:100%;
  982. height:auto;
  983. display:block;
  984. margin: 0;
  985. padding: 0;
  986. {block:ifImagesBlackandWhite}
  987. -webkit-filter: grayscale(100%);
  988. filter: grayscale(100%);
  989. {/block:ifImagesBlackandWhite}
  990. transition:var(--transitions);
  991. }
  992.  
  993. img:hover,
  994. .container-posts:hover img,
  995. .sidebar:hover img {
  996. opacity:1;
  997. -webkit-filter: grayscale(0%);
  998. filter: grayscale(0%);
  999. }
  1000.  
  1001. ::-moz-selection {
  1002. background-color: var(--bodyBoldColor);
  1003. color:var(--postsBackgroundColor);
  1004. }
  1005.  
  1006. ::selection {
  1007. background-color: var(--bodyBoldColor);
  1008. color:var(--postsBackgroundColor);
  1009. }
  1010.  
  1011. /* scrollbar */
  1012. ::-webkit-scrollbar {
  1013. width:0.7rem;
  1014. height:0.7rem;
  1015. }
  1016.  
  1017. ::-webkit-scrollbar {
  1018. background-color:var(--backgroundThemeColor);
  1019. }
  1020.  
  1021. ::-webkit-scrollbar-track {
  1022. border:0.8rem solid var(--backgroundThemeColor);
  1023. background-color:var(--backgroundThemeColor);
  1024. }
  1025.  
  1026. ::-webkit-scrollbar-thumb {
  1027. border:0.2rem solid var(--backgroundThemeColor);
  1028. background-color:var(--scrollbarColor);
  1029. border-radius:1rem;
  1030. min-height:2.4rem;
  1031. min-width:2.4rem;
  1032. }
  1033.  
  1034. /* scroll to top */
  1035. .scrolltop .feather {
  1036. margin:-3px 5px -3px -5px;
  1037. }
  1038.  
  1039. .scrolltop {
  1040. width:15px;
  1041. height:15px;
  1042. text-align:center;
  1043. color:var(--bodyLinkColor);
  1044. display: none;
  1045. font-size:var(--bodyFontSize);
  1046. }
  1047.  
  1048. .scrolltop:hover {
  1049. color:var(--bodyLinkHoverColor);
  1050. }
  1051.  
  1052. /* tooltips */
  1053. .tippy-tooltip.custom-theme {
  1054. text-align:center;
  1055. font-size:var(--bodyFontSize);
  1056. font-weight:var(--boldFontWeight);
  1057. color:var(--hoverTextColor);
  1058. background-color:var(--hoverTextBackgroundColor);
  1059. {block:ifShowBoxShadow}
  1060. -webkit-box-shadow: var(--boxShadowSize) rgba(var(--boxShadowColor));
  1061. box-shadow: var(--boxShadowSize) rgba(var(--boxShadowColor));
  1062. {/block:ifShowBoxShadow}
  1063. transition:var(--transitions);
  1064. }
  1065.  
  1066. /* custom icons */
  1067. .feather:hover {
  1068. color: var(--bodyLinkHoverColor);
  1069. stroke: var(--bodyLinkHoverColor);
  1070. }
  1071.  
  1072. .feather {
  1073. width: var(--bodyFontSize);
  1074. height: var(--bodyFontSize);
  1075. }
  1076.  
  1077. .clearfix::before, .clearfix::after{
  1078. content:'';
  1079. clear:both;
  1080. display:table;
  1081. }
  1082.  
  1083. /*global list style*/
  1084. ul li {
  1085. list-style: none;
  1086. margin: 0;
  1087. padding: 0;
  1088. }
  1089.  
  1090. /* lists style for posts */
  1091. .style-text-lists ul,
  1092. .posts-post_caption ul {
  1093. margin: 0 0 1rem 0;
  1094. padding: 0;
  1095. list-style:none;
  1096. }
  1097.  
  1098. .style-text-lists ul li,
  1099. .posts-post_caption ul li {
  1100. margin:0.5rem 1.5rem;
  1101. list-style:none;
  1102. }
  1103.  
  1104. .style-text-lists ul li::before,
  1105. .posts-post_caption ul li::before {
  1106. content: '';
  1107. width: 1rem;
  1108. height: 0.1rem;
  1109. margin:0.1rem 0.5rem;
  1110. display:inline-block;
  1111. background-color: var(--bodyLinkColor);
  1112. margin-right:0.7rem;
  1113. vertical-align:middle;
  1114. color: var(--bodyLinkColor);
  1115. }
  1116.  
  1117. .style-text-lists ol,
  1118. .posts-post_caption ol {
  1119. margin:1.5rem 0;
  1120. padding: 0 3rem;
  1121. }
  1122.  
  1123. .style-text-lists ol li,
  1124. .posts-post_caption ol li {
  1125. list-style-type: decimal;
  1126. }
  1127.  
  1128. /* containers */
  1129. .theme-container {
  1130. width: 100%;
  1131. max-width: var(--themeContainerSize);
  1132. display: grid;
  1133. grid-template-columns: 27rem auto;
  1134. grid-template-rows:1fr;
  1135. grid-template-areas:
  1136. "sidebar posts";
  1137. {block:ifRightSidebarPosition}
  1138. grid-template-columns: auto 27rem;
  1139. grid-template-areas:
  1140. "posts sidebar";
  1141. {/block:ifRightSidebarPosition}
  1142. gap: var(--sidebarPostsSpacingGap);
  1143. margin: 5rem auto;
  1144. justify-content: var(--themeContentPosition);
  1145. }
  1146.  
  1147. /* sidebar */
  1148. .sidebar-pagination, .sidebar-search, .sidebar-content_item, .toggle-sidebar-info {
  1149. font-size:var(--sidebarBottomTextFontSize);
  1150. font-style:var(--sidebarBottomTextFontStyle);
  1151. font-weight:var(--sidebarBottomTextFontWeight);
  1152. letter-spacing: var(--sidebarBottomFontLetterSpacing);
  1153. text-transform:var(--sidebarBottomTextTextTransform);
  1154. word-spacing: var(--sidebarBottomFontWordSpacing);
  1155. color: var(--sidebarBottomLinkColor);
  1156. }
  1157.  
  1158. .sidebar-container {
  1159. width: 26.8rem;
  1160. height: 100vh;
  1161. display: flex;
  1162. align-items: var(--sidebarContentPosition);
  1163. margin: 0 0 0 var(--sidebarPostsSpacingBetween);
  1164. {block:ifRightSidebarPosition}
  1165. margin: 0 0 0 0;
  1166. {/block:ifRightSidebarPosition}
  1167. grid-area: sidebar;
  1168. }
  1169.  
  1170. .sidebar-content_wrapper {
  1171. position: fixed;
  1172. width: 26.8rem;
  1173. background-color:var(--sidebarBackgroundColor);
  1174. padding: calc(var(--postsPadding) + 1rem);
  1175. {block:IfSidebarIconImage}
  1176. margin-top: 4rem;
  1177. {block:IfSidebarIconImage}
  1178. {block:ifShowBorders}
  1179. outline:var(--bordersSize) var(--bordersStyle) var(--bordersColor);
  1180. {/block:ifShowBorders}
  1181.  
  1182. {block:ifShowBoxShadow}
  1183. -webkit-box-shadow: var(--boxShadowSize) rgba(var(--boxShadowColor));
  1184. box-shadow: var(--boxShadowSize) rgba(var(--boxShadowColor));
  1185. {/block:ifShowBoxShadow}
  1186. }
  1187.  
  1188. .sidebar-image, .sidebar-image-icon {
  1189. float:{select:Sidebar Image Position};
  1190.  
  1191. {block:IfSidebarIconImage}
  1192. {block:IfNotSidebarImage}
  1193. position: relative;
  1194. top: calc(var(--sidebarIconImageSize) / -2);
  1195. height: calc(var(--sidebarIconImageSize) - var(--sidebarIconImageSize) / 2);
  1196. {/block:IfNotSidebarImage}
  1197. {/block:IfSidebarIconImage}
  1198. }
  1199.  
  1200. .sidebar-image img {
  1201. width: var(--sidebarImageSize);
  1202. margin: auto auto 1rem;
  1203. transition:var(--transitions);
  1204. }
  1205.  
  1206. .sidebar-icon-container {
  1207. position: relative;
  1208. }
  1209.  
  1210. .sidebar-image-icon img {
  1211. width: var(--sidebarIconImageSize);
  1212. height: var(--sidebarIconImageSize);
  1213. {block:IfNotSidebarIconSquareStyle}
  1214. border-radius: 50%;
  1215. {/block:IfNotSidebarIconSquareStyle}
  1216. object-fit: cover;
  1217. margin: auto auto 1rem;
  1218. }
  1219.  
  1220. .sidebar-image img:hover,
  1221. .sidebar-image-icon img:hover {
  1222. opacity:1;
  1223. -webkit-filter: grayscale(0%);
  1224. filter: grayscale(0%);
  1225. }
  1226.  
  1227. .sidebar-title {
  1228. margin: 0 0 1.5rem;
  1229. {block:IfSidebarIconImage}
  1230. margin: 1rem 0;
  1231. {/block:IfSidebarIconImage}
  1232. font-family: var(--sidebarTitleFontFamily), Arial, sans-serif;
  1233. font-weight:var(--sidebarTitleFontWeight);
  1234. font-style:var(--sidebarTitleFontStyle);
  1235. text-transform:var(--sidebarTitleTextTransform);
  1236. font-size:var(--sidebarTitleFontSize);
  1237. line-height:var(--sidebarTitleLineHeight);
  1238. letter-spacing: var(--sidebarTitleFontLetterSpacing);
  1239. word-spacing: var(--sidebarTitleFontWordSpacing);
  1240. text-align:var(--sidebarTitleTextPosition);
  1241. }
  1242.  
  1243. .sidebar-title a {
  1244. color: var(--sidebarTitleColor);
  1245. }
  1246.  
  1247. .toggle-sidebar-info {
  1248. cursor: pointer;
  1249. border: none;
  1250. background-color: transparent;
  1251. }
  1252.  
  1253. .sidebar-content {
  1254. display:flex;
  1255. align-items: center;
  1256. gap: 1rem;
  1257. }
  1258.  
  1259. .sidebar-content a:hover,
  1260. .sidebar-content_item span:hover,
  1261. .sidebar-navigation ul li a:hover,
  1262. button#theme-toggle svg:hover {
  1263. color:var(--bodyLinkHoverColor);
  1264. stroke:var(--bodyLinkHoverColor);
  1265. transition:var(--transitions);
  1266. }
  1267.  
  1268. .sidebar-content_top {
  1269. {block:IfNotDisableSidebarShowMore}
  1270. margin: 0 0 1.5rem;
  1271. {/block:IfNotDisableSidebarShowMore}
  1272. }
  1273.  
  1274. .sidebar-content_bottom,
  1275. .sidebar-search input::placeholder {
  1276. font-size:var(--sidebarBottomTextFontSize);
  1277. font-style:var(--sidebarBottomTextFontStyle);
  1278. font-weight:var(--sidebarBottomTextFontWeight);
  1279. letter-spacing: var(--sidebarBottomFontLetterSpacing);
  1280. text-transform:var(--sidebarBottomTextTextTransform);
  1281. word-spacing: var(--sidebarBottomFontWordSpacing);
  1282. }
  1283.  
  1284. .sidebar-border {
  1285. width: 100%;
  1286. display:flex;
  1287. flex: 1;
  1288. }
  1289.  
  1290. .sidebar-border:after {
  1291. content: "";
  1292. flex: 1 1;
  1293. border-bottom: 1px solid red;
  1294. border-bottom: var(--bordersSize) var(--bordersStyle) var(--bordersColor);
  1295. margin: auto 0 auto 1rem;
  1296. }
  1297.  
  1298. .sidebar-content_info {
  1299. margin: 1rem 0 1.5rem;
  1300. padding-bottom: 1rem;
  1301. border-bottom: var(--bordersSize) var(--bordersStyle) var(--bordersColor);
  1302.  
  1303. {block:IfDisableSidebarShowMore}
  1304. margin: 0 0 1rem;
  1305. {/block:IfDisableSidebarShowMore}
  1306.  
  1307.  
  1308. {block:IfDisableSidebarShowMore}
  1309. {block:IfSidebarIconImage}
  1310. {block:IfNotSidebarTitle}
  1311. margin: 1rem 0;
  1312. {/block:IfNotSidebarTitle}
  1313. {/block:IfSidebarIconImage}
  1314. {/block:IfDisableSidebarShowMore}
  1315. }
  1316.  
  1317. .sidebar-description {
  1318. width:100%;
  1319. padding: 1rem 0 0;
  1320. margin: 1rem 0 0;
  1321. color: var(--sidebarTextColor);
  1322. font-weight:var(--descriptionFontWeight);
  1323. font-style:var(--descriptionFontStyle);
  1324. text-transform:var(--descriptionTextTransform);
  1325. font-size:var(--descriptionFontSize);
  1326. letter-spacing: var(--descriptionFontLetterSpacing);
  1327. word-spacing: var(--descriptionFontWordSpacing);
  1328. line-height:var(--descriptionLineHeight);
  1329. justify-content:var(--descriptionTextPosition);
  1330. border-top: var(--bordersSize) var(--bordersStyle) var(--bordersColor);
  1331. }
  1332.  
  1333. .sidebar-description strong,
  1334. .sidebar-description bold,
  1335. .sidebar-description b {
  1336. color:var(--sidebarBoldColor);
  1337. font-weight:var(--boldFontWeight);
  1338. }
  1339.  
  1340. .sidebar-description italic,
  1341. .sidebar-description em,
  1342. .sidebar-description i {
  1343. color:var(--sidebarItalicColor);
  1344. }
  1345.  
  1346. .sidebar-navigation {
  1347. font-size:var(--sidebarLinkFontSize);
  1348. font-style:var(--sidebarLinkFontStyle);
  1349. font-weight:var(--sidebarLinkFontWeight);
  1350. letter-spacing: var(--sidebarLinkFontLetterSpacing);
  1351. line-height: var(--sidebarLinkLineHeight);
  1352. word-spacing: var(--sidebarLinkFontWordSpacing);
  1353. text-transform:var(--sidebarLinkTextTransform);
  1354. text-align:var(--sidebarLinkTextPosition);
  1355. }
  1356.  
  1357. .sidebar-pagination a:last-child {
  1358. margin: 0 0 0 1rem;
  1359. }
  1360.  
  1361. .sidebar-navigation ul {
  1362. list-style: none;
  1363. display:flex;
  1364. align-items: center;
  1365. flex-wrap: wrap;
  1366. width:100%;
  1367. gap: 0.5rem 0;
  1368. }
  1369.  
  1370. .sidebar-navigation ul li {
  1371. padding: 0.2rem 0;
  1372. {block:IfNotSidebarLinksTwoColumns}
  1373. width: 33%;
  1374. {/block:IfNotSidebarLinksTwoColumns}
  1375.  
  1376. {block:IfSidebarLinksTwoColumns}
  1377. width: 50%;
  1378. {/block:IfSidebarLinksTwoColumns}
  1379. }
  1380.  
  1381. .sidebar-navigation ul li a {
  1382. color: var(--sidebarLinkColor);
  1383. }
  1384.  
  1385. {block:IfNotDisableSidebarShowMore}
  1386. .show-sidebar-info {
  1387. display: none;
  1388. }
  1389. {/block:IfNotDisableSidebarShowMore}
  1390.  
  1391. .sidebar-search {
  1392. width: 100%;
  1393. box-sizing: border-box;
  1394. padding: 0 1rem 0 0;
  1395. flex: 1;
  1396. }
  1397.  
  1398. .sidebar-search input {
  1399. width: 100%;
  1400. background-color:var(--sidebarBackgroundColor);
  1401. color: var(--sidebarTextColor);
  1402. border: none;
  1403. }
  1404.  
  1405. .sidebar-search input:focus {
  1406. border:none;
  1407. outline:none;
  1408. }
  1409.  
  1410. .sidebar-search input:placeholder {
  1411. color: var(--sidebarTextColor);
  1412. }
  1413.  
  1414. .sidebar-search input:focus::placeholder {
  1415. color: var(--sidebarLinkColor);
  1416. }
  1417.  
  1418. .sidebar-pagination a {
  1419. color: var(--sidebarBottomLinkColor);
  1420. }
  1421.  
  1422. .sidebar-pagination .credit {
  1423. width: var(--bodyFontSize);
  1424. height: var(--bodyFontSize);
  1425. }
  1426.  
  1427.  
  1428. /* posts */
  1429. .posts-container {
  1430. grid-area: posts;
  1431. display: flex;
  1432. justify-content: center;
  1433. flex-direction: column;
  1434. }
  1435. .posts-post, .post-date {
  1436. margin: 0 auto;
  1437. padding: var(--postsPadding);
  1438. width: calc(var(--postWidth) + 1px);
  1439. }
  1440.  
  1441. .posts, .search-results_wrapper {
  1442. width: calc(var(--postWidth) + var(--postsPadding) + var(--postsPadding) + 1px);
  1443. margin: 0 auto;
  1444. text-align:var(--postsTextPosition);
  1445. background-color: var(--postsBackgroundColor);
  1446. line-height:var(--poststLineHeight);
  1447. {block:ifShowBorders}
  1448. outline:var(--bordersSize) var(--bordersStyle) var(--bordersColor);
  1449. {/block:ifShowBorders}
  1450.  
  1451. {block:ifShowBoxShadow}
  1452. -webkit-box-shadow: var(--boxShadowSize) rgba(var(--boxShadowColor));
  1453. box-shadow: var(--boxShadowSize) rgba(var(--boxShadowColor));
  1454. {/block:ifShowBoxShadow}
  1455. }
  1456.  
  1457. .search-results_wrapper {
  1458. margin-bottom: 2rem;
  1459. }
  1460.  
  1461. .search-results_item {
  1462. padding: 1rem;
  1463. box-sizing: border-box;
  1464. }
  1465.  
  1466. .search-results_wrapper .search-results_item .tag {
  1467. font-weight: var(--boldFontWeight);
  1468. color: var(--bodyBoldColor);
  1469. }
  1470.  
  1471. .posts-wrapper img {
  1472. max-width:100%;
  1473. display:block;
  1474. height:auto;
  1475. }
  1476.  
  1477. .posts-post b, strong {
  1478. font-weight:var(--boldFontWeight);
  1479. }
  1480.  
  1481. .posts-wrapper:not(:last-of-type) {
  1482. margin-bottom: var(--postsMargin);
  1483. }
  1484.  
  1485. .posts-post_caption iframe, .posts-post_caption figure {
  1486. width:100%;
  1487. }
  1488.  
  1489. /* like text and reblog */
  1490. .post-date_like {
  1491. position:relative;
  1492. display:inline-block;
  1493. height:1em;
  1494. /*line-height:1.5em;*/
  1495. padding: 0 1px;
  1496. }
  1497.  
  1498. .post-date_like .like_button iframe {
  1499. position:absolute;
  1500. top:0;
  1501. left:0;
  1502. bottom:0;
  1503. right:0;
  1504. z-index:2;
  1505. opacity:0;
  1506. }
  1507.  
  1508. .post-date_like .liked + .post-date_time-likeb {
  1509. color: var(--likedLinkColor);
  1510. font-weight:var(--boldFontWeight);
  1511. }
  1512.  
  1513. .post-date_like .liked + .post-date_time-likeb:after {
  1514. content:'d';
  1515. }
  1516.  
  1517. .post-date_like a:hover, .toggle-tags:hover {
  1518. color:var(--bodyLinkHoverColor);
  1519. transition:var(--transitions);
  1520. }
  1521.  
  1522. /* captions & blockquote */
  1523. .tumblr_blog {
  1524. display:inline-block;
  1525. line-height:var(--bodyLineHeight);
  1526. margin-right:0.2rem;
  1527. text-transform:lowercase;
  1528. font-family: var(--bodyFont), Arial, sans-serif;
  1529. font-size:var(--bodyFontSize);
  1530. color:var(--bodyLinkColor);
  1531. font-weight:var(--boldFontWeight);
  1532. }
  1533.  
  1534. .tumblr_blog a {
  1535. color:var(--bodyLinkColor);
  1536. font-weight:var(--boldFontWeight);
  1537. vertical-align:bottom;
  1538. }
  1539.  
  1540. .tumblr_blog a:hover {
  1541. text-decoration:none;
  1542. color:var(--bodyLinkHoverColor);
  1543. }
  1544.  
  1545. /* old captions style */
  1546. {block:ifNotTumblrCaptions}
  1547. blockquote {
  1548. border-left:0.1rem solid var(--bordersColor);
  1549. padding-left: 1.5rem;
  1550. margin: 1rem 1rem;
  1551. }
  1552. {/block:ifNotTumblrCaptions}
  1553.  
  1554. /* tumblr's dashboad captions style */
  1555. {block:ifTumblrCaptions}
  1556. blockquote {
  1557. border-left:0px solid;
  1558. padding-left: 0px;
  1559. margin: 0px;
  1560. }
  1561. {/block:ifTumblrCaptions}
  1562.  
  1563.  
  1564. /* custom captions icons */
  1565. {block:ifCustomCaptionIcon}
  1566. .posts-post_caption-user .feather,
  1567. .ask-user svg {
  1568. display:inline-block;
  1569. vertical-align: middle;
  1570. width:var(--bodyFontSize);
  1571. height:var(--bodyFontSize);
  1572. margin-right: 0.5rem;
  1573. }
  1574. {/block:ifCustomCaptionIcon}
  1575.  
  1576. .posts-post_caption-user {
  1577. display: flex;
  1578. align-items: center;
  1579. justify-content: var(--postsTextPosition);
  1580. }
  1581.  
  1582. .posts-post_caption-usericon,
  1583. .posts-post_caption-user img {
  1584. width:2rem;
  1585. border-radius: 50%;
  1586. margin: 0 0.5rem 0.2rem 0;
  1587. }
  1588.  
  1589. .posts-post_caption-user .feather,
  1590. .ask-user svg {
  1591. {block:ifNotCustomCaptionIcon}
  1592. display: none;
  1593. {/block:ifNotCustomCaptionIcon}
  1594. transition:var(--transitions);
  1595. }
  1596.  
  1597. .posts-post_caption-user,
  1598. .tmblr-attribution a {
  1599. font-weight:var(--boldFontWeight);
  1600. }
  1601.  
  1602. .posts-post_caption-user a::after {
  1603. content:none;
  1604. }
  1605.  
  1606. .posts-post_caption .deactive::after {
  1607. content: '(deactivated)';
  1608. margin-left: 1em;
  1609. opacity: 0.75;
  1610. color: var(--bodyTextColor);
  1611. }
  1612.  
  1613. .posts-post_title {
  1614. padding: 1rem 1rem 0.5rem;
  1615. }
  1616.  
  1617. .posts-post_caption-content h2, h3, h4, h5, h6 {
  1618. padding: 0.5rem 0 0.2rem;
  1619. }
  1620.  
  1621. .posts-post_caption {
  1622. padding: 1rem;
  1623. -ms-word-break: break-all;
  1624. word-break: break-all;
  1625.  
  1626. /* Non standard for WebKit */
  1627. word-break: break-word;
  1628. -webkit-hyphens: auto;
  1629. -moz-hyphens: auto;
  1630. hyphens: auto;
  1631. }
  1632.  
  1633. .posts-post_caption p {
  1634. padding: 0.4rem 0;
  1635. }
  1636.  
  1637. .posts-post_caption p:first-child,
  1638. .posts-post_caption p:last-child {
  1639. padding: 0.2rem 0;
  1640. }
  1641.  
  1642. /* captions links */
  1643. .posts-post_caption a, .posts-post_caption-content a, figcaption a, .tmblr-attribution a {
  1644. color:var(--bodyLinkColor);
  1645. }
  1646.  
  1647. .posts-post_caption a:hover, .posts-post_caption-content a:hover, figcaption a:hover {
  1648. color:var(--bodyLinkHoverColor);
  1649. }
  1650.  
  1651. /* photosets */
  1652. [photoset-layout] {
  1653. display: grid;
  1654. grid-template-columns: repeat(6, 1fr);
  1655. grid-gap: {select:Photoset Gutter};
  1656. }
  1657.  
  1658. [photoset-layout] img {
  1659. display: block;
  1660. height: 100%;
  1661. width: 100%;
  1662. -o-object-fit: cover;
  1663. object-fit: cover;
  1664. }
  1665.  
  1666. .photoset-grid {
  1667. max-width: 100%;
  1668. width: var(--postWidth);
  1669. grid-gap: {select:Photoset Gutter};
  1670. }
  1671.  
  1672. .photoset-grid div {
  1673. cursor: pointer;
  1674. }
  1675.  
  1676. /* posts date and tags info */
  1677. .post-date, .toggle-tags {
  1678. font-style:var(--dateFontStyle);
  1679. color:var(--dateTextColor);
  1680. font-size:var(--dateFontSize);
  1681. text-transform: var(--dateTextTransform);
  1682. letter-spacing: var(--dateFontLetterSpacing);
  1683. word-spacing: var(--dateFontWordSpacing);
  1684. line-height:var(--dateLineHeight);
  1685. padding: 0 1rem;
  1686. box-sizing: border-box;
  1687. }
  1688.  
  1689. .post-date-source a, .post-date_time a, .toggle-tags a {
  1690. font-weight:var(--dateFontWeight);
  1691. color:var(--dateLinkColor);
  1692. }
  1693.  
  1694. .post-date-source a:hover, .post-date_time a:hover, .toggle-tags a:hover {
  1695. color: var(--bodyLinkHoverColor)
  1696. }
  1697.  
  1698. .post-date_wrapper {
  1699. display:flex;
  1700. align-items: center;
  1701. padding: 2rem 1rem 1rem;
  1702. }
  1703.  
  1704. .post-date-border {
  1705. width: 100%;
  1706. display:flex;
  1707. flex: 1;
  1708. }
  1709.  
  1710. .post-date-border:after {
  1711. content: "";
  1712. flex: 1 1;
  1713. border-bottom: 1px solid red;
  1714. border-bottom: var(--bordersSize) var(--bordersStyle) var(--bordersColor);
  1715. margin: auto 5px;
  1716. }
  1717.  
  1718. .post-date_time, .post-date_more-info {
  1719. gap: 0.7rem;
  1720. display: flex;
  1721. }
  1722.  
  1723. .post-date_pinned svg {
  1724. margin: 0.1rem 0 0;
  1725. width: calc(var(--dateFontSize) + 0.1rem);
  1726. height: calc(var(--dateFontSize) + 0.1rem);
  1727. stroke: var(--dateTextColor);
  1728. }
  1729.  
  1730. .post-date-source {
  1731. justify-self: end;
  1732. max-width: 170px;
  1733. white-space: nowrap;
  1734. overflow: hidden;
  1735. text-overflow: ellipsis;
  1736. display: block;
  1737. }
  1738.  
  1739. .post-date-source a:not(:last-child) {
  1740. margin-right:0.7rem;
  1741. }
  1742.  
  1743. .post-date_tags {
  1744. padding: 0 1rem;
  1745. display: inline-block;
  1746. text-align: var(--tagsTextPosition);
  1747. text-transform: var(--tagsTextTransform);
  1748. font-style:var(--tagsFontStyle);
  1749. font-size:var(--tagsFontSize);
  1750. letter-spacing: var(--tagsFontLetterSpacing);
  1751. word-spacing: var(--tagsFontWordSpacing);
  1752. font-weight:var(--tagsFontWeight);
  1753. line-height:var(--tagsLineHeight);
  1754. }
  1755.  
  1756. .post-date_tags a {
  1757. color:var(--tagsLinkColor);
  1758. }
  1759.  
  1760. .post-date_tags a:not(:last-child) {
  1761. margin-right: 1rem;
  1762. }
  1763.  
  1764. .toggle-tags {
  1765. cursor: pointer;
  1766. border: none;
  1767. background-color: transparent;
  1768. }
  1769.  
  1770. {block:IfNotDisableShowTags}
  1771. .post-date_wrapper-tags {
  1772. display: none;
  1773. }
  1774. {/block:IfNotDisableShowTags}
  1775.  
  1776. /* asks */
  1777. .posts-post_ask {
  1778. color:var(--dateTextColor);
  1779. padding: 1rem;
  1780. background-color: var(--backgroundThemeColor);
  1781. {block:ifShowBorders}
  1782. border-bottom:var(--bordersSize) var(--bordersStyle) var(--bordersColor);
  1783. {/block:ifShowBorders}
  1784. }
  1785.  
  1786. .posts-post_ask-user {
  1787. display: block;
  1788. color:var(--bodyLinkColor);
  1789. font-weight:var(--boldFontWeight);
  1790. text-transform:lowercase;
  1791. }
  1792.  
  1793. .posts-post_ask-user a {
  1794. color:var(--bodyLinkColor);
  1795. font-weight:var(--boldFontWeight);
  1796. }
  1797.  
  1798. .posts-post_ask-user a:hover {
  1799. color:var(--bodyLinkHoverColor);
  1800. }
  1801.  
  1802. .posts-post_ask-question {
  1803. display: inline-block;
  1804. vertical-align: middle;
  1805. margin: 0.7rem 0 0;
  1806. }
  1807.  
  1808.  
  1809. .posts-post_ask-answer.caption-content::after {
  1810. content: '';
  1811. height: 0px;
  1812. }
  1813.  
  1814. /*audio */
  1815. .posts-post_audio {
  1816. display:flex;
  1817. {block:ifShowBorders}
  1818. border-bottom:var(--bordersSize) var(--bordersStyle) var(--bordersColor);
  1819. {/block:ifShowBorders}
  1820. align-items: center;
  1821. position: relative;
  1822. }
  1823.  
  1824. .posts-post_audio-album {
  1825. z-index: 1;
  1826. display: inline-block;
  1827. vertical-align: middle;
  1828. float: left;
  1829. width: 10rem;
  1830. height: 10rem;
  1831. }
  1832.  
  1833. .posts-post_audio-button {
  1834. width: 3rem;
  1835. height: 3rem;
  1836. overflow: hidden;
  1837. position: relative;
  1838. z-index: 2;
  1839. margin: 0.7rem;
  1840. }
  1841.  
  1842. .posts-post_audio-audiobox {
  1843. background-color: #f2f2f2;
  1844. z-index: 3;
  1845. position: absolute;
  1846. margin: 2.8rem;
  1847. border-radius: 50%;
  1848. }
  1849.  
  1850. .posts-post_audio-trackinfo {
  1851. max-height: 7.4rem;
  1852. min-height: 7.4rem;
  1853. display: flex;
  1854. flex: 4;
  1855. align-items: flex-start;
  1856. justify-content: center;
  1857. flex-direction: column;
  1858. padding: 0.5rem;
  1859. padding: 1rem;
  1860. background-color: var(--backgroundAskColor);
  1861. color:var(--askTextColor);
  1862. }
  1863.  
  1864. .posts-post_audio-trackname {
  1865. font-weight:var(--boldFontWeight);
  1866. color:var(--askLinkColor);
  1867. text-align:var(--postsTextPosition);
  1868. font-size:1.6rem;
  1869. }
  1870.  
  1871. .spotify_audio_player {
  1872. max-width: 100%;
  1873. width: var(--postWidth);
  1874. height: 80px;
  1875. }
  1876.  
  1877.  
  1878. /* postnotes */
  1879. .post-notes {
  1880. list-style-type: none;
  1881. font-family: var(--bodyFont), Arial, sans-serif;
  1882. font-size:var(--bodyFontSize);
  1883. color:var(--bodyTextColor);
  1884. background-color:var(--postsBackgroundColor);
  1885. }
  1886.  
  1887. .post-notes ol li, .post-notes ul li {
  1888. list-style-type: none;
  1889. margin:0;
  1890. line-height: calc(var(--postsLineHeight) + 0.5rem);
  1891. }
  1892.  
  1893. .post-notes ol li .more_notes_link a::before {
  1894. content: '';
  1895. }
  1896.  
  1897.  
  1898. ol.notes {
  1899. list-style:none;
  1900. color:var(--bodyTextColor);
  1901. padding: 2rem;
  1902. text-align:center;
  1903. }
  1904.  
  1905. ol.notes img {
  1906. display: none;
  1907. }
  1908.  
  1909. /* quote */
  1910. .posts-post_quote {
  1911. padding:1rem 2rem;
  1912. font-size:var(--postsTitlesFontSize);
  1913. text-transform:var(--postsTitlesTextTransform);
  1914. color:var(--bodyBoldColor);
  1915. font-weight:var(--boldFontWeight);
  1916. text-align:var(--postsTextPosition);
  1917. }
  1918.  
  1919. .posts-post_quote blockquote {
  1920. padding: 0 0 1rem;
  1921. }
  1922.  
  1923. .posts-post_quote-source {
  1924. font-weight: normal;
  1925. font-size: var(--bodyFontSize);
  1926. }
  1927.  
  1928. .posts-post_quote-source::before {
  1929. content: '';
  1930. width: 1.5rem;
  1931. height: 0.1rem;
  1932. margin-right:1rem;
  1933. display:inline-block;
  1934. vertical-align:middle;
  1935. position:relative;
  1936. background-color: var(--bordersColor);
  1937. }
  1938.  
  1939. /* chat */
  1940. .type-chat .chat-lines li::before {
  1941. content: '';
  1942. margin: 0;
  1943. padding: 0;
  1944. }
  1945.  
  1946. .label {
  1947. font-weight:var(--boldFontWeight);
  1948. color:var(--bodyBoldColor);
  1949. }
  1950.  
  1951. .line {
  1952. padding: 0px 0px 0.5rem;
  1953. margin: 0px 0px 0.5rem;
  1954. }
  1955.  
  1956.  
  1957. p.npf_chat {
  1958. font-size:var(--bodyFontSize);
  1959. font-family: var(--bodyFont), Arial, sans-serif;
  1960. list-style:none;
  1961. }
  1962.  
  1963.  
  1964. /* tumblr controls */
  1965. {block:ifCustomControls}
  1966. .controls-button {
  1967. position: fixed;
  1968. cursor: help;
  1969. top: 20px;
  1970. right: 2rem;
  1971. z-index: 1000;
  1972. cursor: pointer;
  1973. right:1.5rem;
  1974. }
  1975.  
  1976. .tmblr-iframe {
  1977. z-index: 999999999!important;
  1978. opacity: 0;
  1979. visibility: hidden;
  1980. -webkit-transition: all 0.5s;
  1981. -moz-transition: all 0.5s;
  1982. -ms-transition: all 0.5s;
  1983. -o-transition: all 0.5s;
  1984. transition: all 0.5s;
  1985. }
  1986.  
  1987. body.controls-click .tmblr-iframe {
  1988. opacity: 1;
  1989. margin-right: 4rem;
  1990. visibility: visible;
  1991. -webkit-transition: all 0.5s;
  1992. -moz-transition: all 0.5s;
  1993. -ms-transition: all 0.5s;
  1994. -o-transition: all 0.5s;
  1995. transition: all 0.5s;
  1996. }
  1997.  
  1998. .controls-button .feather,
  1999. #btn-mobile .feather {
  2000. color: var(--tumblrControlsIconColor);
  2001. width:1.5rem;
  2002. height:1.5rem;
  2003. }
  2004. {/block:ifCustomControls}
  2005.  
  2006. /* DO NOT REMOVE */
  2007. .mcredito {
  2008. display: flex;
  2009. align-items: center;
  2010. justify-content: center;
  2011. position:fixed;
  2012. right:5px;
  2013. bottom:10px;
  2014. padding:8px 12px;
  2015. background-color:var(--sidebarBackgroundColor);
  2016. {block:ifBoxShadow}
  2017. -webkit-box-shadow: var(--boxShadowSize) rgba(var(--boxShadowColor));
  2018. box-shadow: var(--boxShadowSize) rgba(var(--boxShadowColor));
  2019. {/block:ifBoxShadow}
  2020. {block:ifShowBorders}
  2021. outline:var(--bordersSize) var(--bordersStyle) var(--bordersColor);
  2022. {/block:ifShowBorders}
  2023. }
  2024.  
  2025. .mcredito a {
  2026. margin:0;
  2027. font-weight:var(--boldFontWeight);
  2028. text-transform:lowercase;
  2029. text-align:center;
  2030. color:var(--bodyLinkColor);
  2031. }
  2032.  
  2033. .mcredito a:hover {
  2034. color:var(--bodyLinkHoverColor);
  2035. }
  2036.  
  2037. .dot-separator {
  2038. width: 0.3rem;
  2039. height: 0.3rem;
  2040. margin:0.1rem 0.5rem;
  2041. display:inline-block;
  2042. border-radius: 50%;
  2043. background-color: var(--bodyLinkColor);
  2044. }
  2045.  
  2046. #btn-mobile, #mobile-pagination {
  2047. overflow:hidden;
  2048. visibility: hidden;
  2049. display: none;
  2050. }
  2051.  
  2052. /*STYLES FOR MOBILE*/
  2053. @media (max-width:980px) {
  2054.  
  2055. /*mobile container*/
  2056. .theme-container {
  2057. width: 100%;
  2058. display: grid;
  2059. grid-template-columns: 1fr;
  2060. grid-template-rows: auto 1fr;
  2061. grid-template-areas:
  2062. "sidebar"
  2063. "posts";
  2064. gap: 3rem;
  2065. justify-content: center;
  2066. margin:0;
  2067. grid-template-areas:
  2068. "sidebar posts";
  2069. {block:ifRightSidebarPosition}
  2070. grid-template-rows: auto 1fr;
  2071. grid-template-areas:
  2072. "sidebar"
  2073. "posts";
  2074. {/block:ifRightSidebarPosition}
  2075. }
  2076.  
  2077. .sidebar-container {
  2078. width: 90%;
  2079. height: auto;
  2080. justify-content: center;
  2081. max-width: calc(var(--postWidth) + 1px);
  2082. margin: 10rem auto 5rem;
  2083. }
  2084.  
  2085. .sidebar-content_wrapper {
  2086. width: 90%;
  2087. position: static;
  2088. }
  2089.  
  2090. .posts-container {
  2091. width: 90%;
  2092. margin: 0 auto var(--postsMargin);
  2093. }
  2094.  
  2095. .posts-post, .posts, .search-results_wrapper, .post-date {
  2096. width: 100%;
  2097. max-width: calc(var(--postWidth) + 1px);
  2098. margin: 0 auto;
  2099. }
  2100.  
  2101. .search-results_wrapper {
  2102. margin-bottom: 2rem;
  2103. }
  2104.  
  2105. .post-date_wrapper {
  2106. display: block;
  2107. }
  2108.  
  2109. .post-date-source {
  2110. max-width: 100%;
  2111. }
  2112.  
  2113. .sidebar-image, .sidebar-image-icon {
  2114. display: none;
  2115. overflow:hidden;
  2116. visibility: hidden;
  2117. }
  2118.  
  2119. .photoset-grid {
  2120. width:100%;
  2121. max-width: var(--postWidth);
  2122. grid-gap: {select:Photoset Gutter};
  2123. margin: 0 auto;
  2124. }
  2125.  
  2126. .mcredito {
  2127. width: 100%;
  2128. right:0px;
  2129. bottom:0px;
  2130. padding:15px;
  2131. }
  2132.  
  2133. /* menu mobile */
  2134. #mobile-pagination {
  2135. visibility: visible;
  2136. display: inline-block;
  2137. margin-right:1rem;
  2138. }
  2139. }
  2140. </style>
  2141. </head>
  2142.  
  2143. <body>
  2144. <div class="theme-container">
  2145. <aside class="sidebar-container">
  2146. <div class="sidebar-content_wrapper">
  2147. {block:IfNotSidebarIconImage}
  2148. {block:IfSidebarImage}
  2149. <div class="sidebar-image">
  2150. <img src="{image:Sidebar Image}" />
  2151. </div>
  2152. {/block:IfSidebarImage}
  2153. {/block:IfNotSidebarIconImage}
  2154.  
  2155. {block:IfNotSidebarImage}
  2156. {block:IfSidebarIconImage}
  2157. <div class="sidebar-icon-container">
  2158. <div class="sidebar-image-icon">
  2159. <img src="{image:Sidebar Image}" />
  2160. </div>
  2161. </div>
  2162. {/block:IfSidebarIconImage}
  2163. {/block:IfNotSidebarImage}
  2164. <span class="clearfix"></span>
  2165.  
  2166. {block:IfSidebarTitle}
  2167. <div class="sidebar-title">
  2168. <a href="{text:Home URL}" title="{text:Home Text}">
  2169. {Title}
  2170. </a>
  2171. </div>
  2172. {/block:IfSidebarTitle}
  2173.  
  2174. <div class="sidebar-content sidebar-content_top">
  2175. {block:IfNotDisableSidebarShowMore}
  2176. <div class="sidebar-content_item sidebar-border">
  2177. <button class="toggle-sidebar-info">{text:Sidebar Show More Text}</button>
  2178. </div>
  2179. <div class="sidebar-content_item">
  2180. <button id="theme-toggle" aria-label="toggle dark or light mode" type="button">
  2181. {block:ifNotDisableSwitchThemeColor}
  2182. <span class="light-on" title="Change to Dark Theme">
  2183. <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
  2184. </span>
  2185. <span class="light-off" title="Change to Light Theme">
  2186. <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
  2187. </span>
  2188. {/block:ifNotDisableSwitchThemeColor}
  2189. </button>
  2190. </div>
  2191. {/block:IfNotDisableSidebarShowMore}
  2192. </div>
  2193.  
  2194. <div class="sidebar-content_info show-sidebar-info">
  2195. <nav class="sidebar-navigation">
  2196. <ul>
  2197. <li>
  2198. <a href="{text:Home URL}">
  2199. {text:Home Text}
  2200. </a>
  2201. </li>
  2202.  
  2203. <li>
  2204. <a href="{text:Ask URL}">
  2205. {text:Ask Text}
  2206. </a>
  2207. </li>
  2208.  
  2209. {block:ifSubmitLink}
  2210. <li>
  2211. <a href="{text:Submit Link}">
  2212. {text:Submit Text}
  2213. </a>
  2214. </li>
  2215. {/block:ifSubmitLink}
  2216.  
  2217. {block:ifSidebarLink1}
  2218. <li>
  2219. <a href="{text:Sidebar Link 1 URL}">
  2220. {text:Sidebar Link 1 Text}
  2221. </a>
  2222. </li>
  2223. {/block:ifSidebarLink1}
  2224.  
  2225. {block:ifSidebarLink2}
  2226. <li>
  2227. <a href="{text:Sidebar Link 2 URL}">
  2228. {text:Sidebar Link 2 Text}
  2229. </a>
  2230. </li>
  2231. {/block:ifSidebarLink2}
  2232.  
  2233. {block:ifSidebarLink3}
  2234. <li>
  2235. <a href="{text:Sidebar Link 3 URL}">
  2236. {text:Sidebar Link 3 Text}
  2237. </a>
  2238. </li>
  2239. {/block:ifSidebarLink3}
  2240.  
  2241. {block:ifSidebarLink4}
  2242. <li>
  2243. <a href="{text:Sidebar Link 4 URL}">
  2244. {text:Sidebar Link 4 Text}
  2245. </a>
  2246. </li>
  2247. {/block:ifSidebarLink4}
  2248.  
  2249. {block:ifSidebarLink5}
  2250. <li>
  2251. <a href="{text:Sidebar Link 5 URL}">
  2252. {text:Sidebar Link 5 Text}
  2253. </a>
  2254. </li>
  2255. {/block:ifSidebarLink5}
  2256.  
  2257. {block:ifSidebarLink6}
  2258. <li>
  2259. <a href="{text:Sidebar Link 6 URL}">
  2260. {text:Sidebar Link 6 Text}
  2261. </a>
  2262. </li>
  2263. {/block:ifSidebarLink6}
  2264.  
  2265. {block:ifSidebarLink7}
  2266. <li>
  2267. <a href="{text:Sidebar Link 7 URL}">
  2268. {text:Sidebar Link 7 Text}
  2269. </a>
  2270. </li>
  2271. {/block:ifSidebarLink7}
  2272.  
  2273. {block:ifSidebarLink8}
  2274. <li>
  2275. <a href="{text:Sidebar Link 8 URL}">
  2276. {text:Sidebar Link 8 Text}
  2277. </a>
  2278. </li>
  2279. {/block:ifSidebarLink8}
  2280.  
  2281. {block:IfShowPagesLink}
  2282. {block:HasPages}
  2283. {block:Pages}
  2284. <li>
  2285. <a href="{URL}">{Label}</a>
  2286. </li>
  2287. {/block:Pages}
  2288. {/block:HasPages}
  2289. {/block:IfShowPagesLink}
  2290. </ul>
  2291. </nav>
  2292.  
  2293. {block:IfNotHideDescription}
  2294. <div class="sidebar-description">
  2295. {Description}
  2296. </div>
  2297. {/block:IfNotHideDescription}
  2298. </div>
  2299.  
  2300. <div class="sidebar-content sidebar-content_bottom">
  2301. <form action="javascript:return false" method="get" class="search sidebar-search">
  2302. <input type="text" name="q" value="{SearchQuery}" placeholder="{lang:Search}" />
  2303. </form>
  2304. <nav class="sidebar-pagination">
  2305. {block:PreviousPage}<a href="{PreviousPage}">{lang:Previous page}</a>{/block:PreviousPage}
  2306. {block:NextPage}<a href="{NextPage}">{lang:Next page}</a>{/block:NextPage}
  2307. </nav>
  2308. {block:IfDisableSidebarShowMore}
  2309. {block:ifNotDisableSwitchThemeColor}
  2310. <button id="theme-toggle" aria-label="toggle dark or light mode" type="button">
  2311. <span class="light-on" title="Change to Dark Theme">
  2312. <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
  2313. </span>
  2314. <span class="light-off" title="Change to Light Theme">
  2315. <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
  2316. </span>
  2317. </button>
  2318. {/block:ifNotDisableSwitchThemeColor}
  2319. {/block:IfDisableSidebarShowMore}
  2320. </div>
  2321. </div>
  2322.  
  2323. </aside>
  2324.  
  2325. <main class="posts-container">
  2326. <section class="search-results">
  2327. {block:SearchPage}
  2328. <div class="search-results_wrapper">
  2329. {block:SearchResults}
  2330. <p class="search-results_item">{lang:Search results for SearchQuery 2}</p>
  2331. {/block:SearchResults}
  2332.  
  2333. {block:NoSearchResults}
  2334. <p class="search-results_item">{lang:Sorry no results for SearchQuery 2}</p>
  2335. {/block:NoSearchResults}
  2336. </div>
  2337. {/block:SearchPage}
  2338.  
  2339. {block:TagPage}
  2340. <div class="search-results_wrapper">
  2341. <p class="search-results_item">{lang:Showing TagResultCount posts tagged Tag 2}</p>
  2342. </div>
  2343. {/block:TagPage}
  2344. </section>
  2345.  
  2346. {block:posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
  2347. <article class="posts-wrapper">
  2348. <article class="posts" id="{PostID}" post-type="{PostType}">
  2349. {block:Text}
  2350. <section class="style-text-lists posts-post">
  2351. {block:Title}
  2352. <h1 class="posts-post_title">
  2353. <a href="{Permalink}">{Title}</a>
  2354. </h1>
  2355. {/block:Title}
  2356.  
  2357. <!-- captions -->
  2358. {block:ifTumblrCaptions}
  2359. {block:NotReblog}
  2360. <div class="posts-post_caption">
  2361. {block:IfUsernameOriginalPost}
  2362. <div class="posts-post_caption-user source-head"> <!--- "npf image fix v3 - glenthemes --->
  2363. {block:ifCaptionAvatar}
  2364. {block:ifNotCustomCaptionIcon}
  2365. <img src="{ReblogRootPortraitURL-64}" class="posts-post_caption-usericon">
  2366. {/block:ifNotCustomCaptionIcon}
  2367. {/block:ifCaptionAvatar}
  2368. <a target="_blank" href="{Permalink}">
  2369. <svg class="feather feather-user" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
  2370. {Username}
  2371. </a>
  2372. </div>
  2373. {/block:IfUsernameOriginalPost}
  2374. <div class="posts-post_caption-content">{Body}</div>
  2375. </div>
  2376. {/block:NotReblog}
  2377. {block:RebloggedFrom}
  2378. {block:Reblogs}
  2379. <div class="posts-post_caption">
  2380. <div class="posts-post_caption-user {block:IsDeactivated}deactive{/block:IsDeactivated}">
  2381. {block:ifCaptionAvatar}
  2382. {block:ifNotCustomCaptionIcon}
  2383. <img src="{ReblogRootPortraitURL-64}" class="posts-post_caption-user">
  2384. {/block:ifNotCustomCaptionIcon}
  2385. {/block:ifCaptionAvatar}
  2386. <a target="_blank" href="{Permalink}">
  2387. <svg class="feather feather-user" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
  2388. {Username}
  2389. </a>
  2390. </div>
  2391. <div class="posts-post_caption-content">{Body}</div>
  2392. </div>
  2393. {/block:Reblogs}
  2394. {/block:RebloggedFrom}
  2395. {/block:ifTumblrCaptions}
  2396.  
  2397. {block:ifNotTumblrCaptions}
  2398. <div class="posts-post_caption posts-post_caption-content">
  2399. {Body}
  2400. </div>
  2401. {/block:ifNotTumblrCaptions}
  2402. </section>
  2403. {/block:Text}
  2404.  
  2405. {block:Photo}
  2406. <figure class="posts-post">
  2407. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}
  2408. {block:Caption}
  2409. {block:ifTumblrCaptions}
  2410. {block:NotReblog}
  2411. <figcaption class="posts-post_caption">
  2412. {block:IfUsernameOriginalPost}
  2413. {block:NotReblog}
  2414. <div class="posts-post_caption-user">
  2415. {block:ifCaptionAvatar}
  2416. {block:ifNotCustomCaptionIcon}
  2417. <img src="{PortraitURL-64}" class="posts-post_caption-usericon">
  2418. {/block:ifNotCustomCaptionIcon}
  2419. {/block:ifCaptionAvatar}
  2420. <a target="_blank" href="{Permalink}">
  2421. <svg class="feather feather-user" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
  2422. {Name}
  2423. </a>
  2424. </div>
  2425. {/block:NotReblog}
  2426. {/block:IfUsernameOriginalPost}
  2427. <div class="posts-post_caption-content">{Caption}</div>
  2428. </figcaption>
  2429. {/block:NotReblog}
  2430. {block:Rebloggedfrom}
  2431. {block:Reblogs}
  2432. <div class="posts-post_caption">
  2433. <div class="posts-post_caption-user {block:IsDeactivated}deactive{/block:IsDeactivated}">
  2434. {block:ifCaptionAvatar}
  2435. <img src="{ReblogRootPortraitURL-64}" class="posts-post_caption-usericon">
  2436. {/block:ifCaptionAvatar}
  2437. <a target="_blank" href="{Permalink}">
  2438. <svg class="feather feather-user" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
  2439. {Username}
  2440. </a>
  2441. </div>
  2442. <figcaption class="posts-post_caption-content">{Body}</figcaption>
  2443. </div>
  2444. {/block:Reblogs}
  2445. {/block:RebloggedFrom}
  2446. {/block:ifTumblrCaptions}
  2447.  
  2448. {block:ifNotTumblrCaptions}
  2449. <figcaption class="posts-post_caption posts-post_caption-content">
  2450. {Caption}
  2451. </figcaption>
  2452. {/block:ifNotTumblrCaptions}
  2453. {/block:Caption}
  2454. </figure>
  2455. {/block:Photo}
  2456.  
  2457. {block:Photoset}
  2458. <figure class="posts-post">
  2459. <div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>
  2460. {block:Caption}
  2461. {block:ifTumblrCaptions}
  2462. {block:NotReblog}
  2463. <figcaption class="posts-post_caption">
  2464. {block:IfUsernameOriginalPost}
  2465. {block:NotReblog}
  2466. <div class="posts-post_caption-user">
  2467. {block:ifCaptionAvatar}
  2468. {block:ifNotCustomCaptionIcon}
  2469. <img src="{PortraitURL-64}" class="posts-post_caption-usericon">
  2470. {/block:ifNotCustomCaptionIcon}
  2471. {/block:ifCaptionAvatar}
  2472. <a target="_blank" href="{Permalink}">
  2473. <svg class="feather feather-user" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
  2474. {Name}
  2475. </a>
  2476. </div>
  2477. {/block:NotReblog}
  2478. {/block:IfUsernameOriginalPost}
  2479. <div class="posts-post_caption-content">{Caption}</div>
  2480. </figcaption>
  2481. {/block:NotReblog}
  2482. {block:Rebloggedfrom}
  2483. {block:Reblogs}
  2484. <div class="posts-post_caption">
  2485. <div class="posts-post_caption-user {block:IsDeactivated}deactive{/block:IsDeactivated}">
  2486. {block:ifCaptionAvatar}
  2487. {block:ifNotCustomCaptionIcon}
  2488. <img src="{ReblogRootPortraitURL-64}" class="posts-post_caption-usericon">
  2489. {/block:ifNotCustomCaptionIcon}
  2490. {/block:ifCaptionAvatar}
  2491. <a target="_blank" href="{Permalink}">
  2492. <svg class="feather feather-user" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
  2493. {Username}
  2494. </a>
  2495. </div>
  2496. <figcaption class="posts-post_caption-content">{Body}</figcaption>
  2497. </div>
  2498. {/block:Reblogs}
  2499. {/block:RebloggedFrom}
  2500. {/block:ifTumblrCaptions}
  2501.  
  2502. {block:ifNotTumblrCaptions}
  2503. <figcaption class="posts-post_caption posts-post_caption-content">
  2504. {Caption}
  2505. </figcaption>
  2506. {/block:ifNotTumblrCaptions}
  2507. {/block:Caption}
  2508. </figure>
  2509. {/block:Photoset}
  2510.  
  2511. {block:Quote}
  2512. <section class="posts-post">
  2513. <div class="posts-post_caption">
  2514. <blockquote class="posts-post_quote">{Quote}</blockquote>
  2515. {block:Source}
  2516. <cite class="posts-post_quote-source">
  2517. {Source}
  2518. </cite>
  2519. {/block:Source}
  2520. </div>
  2521. </section>
  2522. {/block:Quote}
  2523.  
  2524. {block:Link}
  2525. <section class="posts-post">
  2526. <div class="posts-post_link-container posts-post_caption">
  2527. <a href="{URL}" class="posts-post_link">
  2528. {block:Thumbnail}<img class="posts-post_link-image" src="{Thumbnail-HighRes}">{/block:Thumbnail}
  2529. </a>
  2530. <div class="posts-post_link-container">
  2531. <h3><a href="{URL}" class="posts-post_link">{Name}</a></h3>
  2532. {block:Excerpt}<div class="posts-post_link-text">{Excerpt}</div>{/block:Excerpt}
  2533. <a href="{URL}" class="posts-post_link">
  2534. {block:Host}<div class="posts-post_link-text">{Host}</div>{/block:Host}
  2535. </a>
  2536. </div>
  2537. </div>
  2538.  
  2539. {block:Description}
  2540. {block:ifTumblrCaptions}
  2541. {block:NotReblog}
  2542. <div class="posts-post_caption">
  2543. <div class="posts-post_caption-content">{Description}</div>
  2544. </div>
  2545. {/block:NotReblog}
  2546. {block:Rebloggedfrom}
  2547. {block:Reblogs}
  2548. <div class="posts-post_caption">
  2549. <div class="posts-post_caption-user {block:IsDeactivated}deactive{/block:IsDeactivated}">
  2550. {block:ifCaptionAvatar}
  2551. {block:ifNotCustomCaptionIcon}
  2552. <img src="{ReblogRootPortraitURL-64}" class="posts-post_caption-usericon">
  2553. {/block:ifNotCustomCaptionIcon}
  2554. {/block:ifCaptionAvatar}
  2555. <a target="_blank" href="{Permalink}">
  2556. <svg class="feather feather-user" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
  2557. {Username}
  2558. </a>
  2559. </div>
  2560. <div class="posts-post_caption-content">{Body}</div>
  2561. </div>
  2562. {/block:Reblogs}
  2563. {/block:RebloggedFrom}
  2564. {/block:ifTumblrCaptions}
  2565.  
  2566. {block:ifNotTumblrCaptions}
  2567. <div class="posts-post_caption posts-post_caption-content">
  2568. {Description}
  2569. </div>
  2570. {/block:ifNotTumblrCaptions}
  2571. {/block:Description}
  2572. </section>
  2573. {/block:Link}
  2574.  
  2575. {block:Chat}
  2576. <section class="posts-post">
  2577. {block:Title}
  2578. <h2 class="posts-post_title"><a href="{Permalink}">{Title}</a></h2>
  2579. {/block:Title}
  2580. <div class="posts-post_caption">
  2581. {block:Lines}
  2582. {block:Label}
  2583. <div class="label">{Label}</div>
  2584. {/block:Label}
  2585. <div class="line">{Line}</div>
  2586. {/block:Lines}
  2587. </div>
  2588. </section>
  2589. {/block:Chat}
  2590.  
  2591. {block:Audio}
  2592. <section class="posts-post">
  2593. <div class="posts-post_audio">
  2594. <div class="posts-post_audio-audiobox">
  2595. <div class="posts-post_audio-button">
  2596. {block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}
  2597. </div>
  2598. </div>
  2599. <div class="posts-post_audio-album">
  2600. {block:AlbumArt}
  2601. <img src="{AlbumArtURL}" />
  2602. {/block:AlbumArt}
  2603. </div>
  2604.  
  2605. {block:TrackName}
  2606. <div class="posts-post_audio-trackinfo">
  2607. <div class="posts-post_audio-trackname">{TrackName}</div>
  2608. {block:Artist}<div class="posts-post_audio-artist">{Artist}</div>{/block:Artist}
  2609. {block:Album}<div class="posts-post_audio-album">{Album}</div>{/block:Album}
  2610. </div>
  2611. {/block:TrackName}
  2612. </div>
  2613. {block:Caption}
  2614. {block:ifTumblrCaptions}
  2615. {block:NotReblog}
  2616. <div class="posts-post_caption">
  2617. {block:IfUsernameOriginalPost}
  2618. {block:NotReblog}
  2619. <div class="posts-post_caption-user">
  2620. {block:ifCaptionAvatar}
  2621. {block:ifNotCustomCaptionIcon}
  2622. <img src="{PortraitURL-64}" class="posts-post_caption-usericon">
  2623. {/block:ifNotCustomCaptionIcon}
  2624. {/block:ifCaptionAvatar}
  2625. <a target="_blank" href="{Permalink}">
  2626. <svg class="feather feather-user" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
  2627. {Name}
  2628. </a>
  2629. </div>
  2630. {/block:NotReblog}
  2631. {/block:IfUsernameOriginalPost}
  2632. <div class="posts-post_caption-content">{Caption}</div>
  2633. </div>
  2634. {/block:NotReblog}
  2635. {block:Rebloggedfrom}
  2636. {block:Reblogs}
  2637. <div class="posts-post_caption">
  2638. <div class="posts-post_caption-user {block:IsDeactivated}deactive{/block:IsDeactivated}">
  2639. {block:ifCaptionAvatar}
  2640. {block:ifNotCustomCaptionIcon}
  2641. <img src="{ReblogRootPortraitURL-64}" class="posts-post_caption-usericon">
  2642. {/block:ifNotCustomCaptionIcon}
  2643. {/block:ifCaptionAvatar}
  2644. <a target="_blank" href="{Permalink}">
  2645. <svg class="feather feather-user" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
  2646. {Username}
  2647. </a>
  2648. </div>
  2649. <div class="posts-post_caption-content">{Body}</div>
  2650. </div>
  2651. {/block:Reblogs}
  2652. {/block:RebloggedFrom}
  2653. {/block:ifTumblrCaptions}
  2654.  
  2655. {block:ifNotTumblrCaptions}
  2656. <div class="posts-post_caption posts-post_caption-content">
  2657. {Caption}
  2658. </div>
  2659. {/block:ifNotTumblrCaptions}
  2660. {/block:Caption}
  2661. </section>
  2662. {/block:Audio}
  2663.  
  2664. {block:Video}
  2665. <section class="posts-post video">
  2666. {Video-500}
  2667. {block:Caption}
  2668. {block:ifTumblrCaptions}
  2669. {block:NotReblog}
  2670. <div class="posts-post_caption">
  2671. {block:IfUsernameOriginalPost}
  2672. {block:NotReblog}
  2673. <div class="posts-post_caption-user">
  2674. {block:ifCaptionAvatar}
  2675. {block:ifNotCustomCaptionIcon}
  2676. <img src="{ReblogRootPortraitURL-64}" class="posts-post_caption-usericon">
  2677. {/block:ifNotCustomCaptionIcon}
  2678. {/block:ifCaptionAvatar}
  2679. <a target="_blank" href="{Permalink}">
  2680. <svg class="feather feather-user" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
  2681. {Name}
  2682. </a>
  2683. </div>
  2684. {/block:NotReblog}
  2685. {/block:IfUsernameOriginalPost}
  2686. <div class="posts-post_caption-content">{Caption}</div>
  2687. </div>
  2688. {/block:NotReblog}
  2689. {block:Rebloggedfrom}
  2690. {block:Reblogs}
  2691. <div class="posts-post_caption">
  2692. <div class="posts-post_caption-user {block:IsDeactivated}deactive{/block:IsDeactivated}">
  2693. {block:ifCaptionAvatar}
  2694. {block:ifNotCustomCaptionIcon}
  2695. <img src="{ReblogRootPortraitURL-64}" class="posts-post_caption-usericon">
  2696. {/block:ifNotCustomCaptionIcon}
  2697. {/block:ifCaptionAvatar}
  2698. <a target="_blank" href="{Permalink}">
  2699. <svg class="feather feather-user" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
  2700. {Username}
  2701. </a>
  2702. </div>
  2703. <div class="posts-post_caption-content">{Body}</div>
  2704. </div>
  2705. {/block:Reblogs}
  2706. {/block:RebloggedFrom}
  2707. {/block:ifTumblrCaptions}
  2708.  
  2709. {block:ifNotTumblrCaptions}
  2710. <div class="posts-post_caption posts-post_caption-content">
  2711. {Caption}
  2712. </div>
  2713. {/block:ifNotTumblrCaptions}
  2714. {/block:Caption}
  2715. </section>
  2716. {/block:Video}
  2717.  
  2718. {block:Answer}
  2719. <section class="posts-post">
  2720. <div class="posts-post_ask">
  2721. <span class="posts-post_ask-user">
  2722. {Asker}
  2723. </span>
  2724. <span class="posts-post_ask-question">
  2725. {Question}
  2726. </span>
  2727. </div>
  2728. {block:Answerer}
  2729. <div class="posts-post_caption">
  2730. {block:ifTumblrCaptions}
  2731. <div class="posts-post_caption-user {block:IsDeactivated}deactive{/block:IsDeactivated}">
  2732. <a target="_blank" href="{Permalink}">
  2733. <svg class="feather feather-user" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
  2734. {Answerer}
  2735. </a>
  2736. </div>
  2737. {/block:ifTumblrCaptions}
  2738. <div class="posts-post_ask-answer posts-post_caption-content">
  2739. {Answer}
  2740. </div>
  2741. </div>
  2742. {/block:Answerer}
  2743. {block:ifTumblrCaptions}
  2744. {block:NotReblog}
  2745. <div class="posts-post_caption">
  2746. {block:IfUsernameOriginalPost}
  2747. {block:NotReblog}
  2748. <div class="posts-post_caption-user">
  2749. {block:ifCaptionAvatar}
  2750. {block:ifNotCustomCaptionIcon}
  2751. <img src="{PortraitURL-64}" class="posts-post_caption-usericon">
  2752. {/block:ifNotCustomCaptionIcon}
  2753. {/block:ifCaptionAvatar}
  2754. <a target="_blank" href="{Permalink}">
  2755. <svg class="feather feather-user" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
  2756. {Name}
  2757. </a>
  2758. </div>
  2759. {/block:NotReblog}
  2760. {/block:IfUsernameOriginalPost}
  2761. <div class="posts-post_caption-content">{Replies}</div>
  2762. </div>
  2763. {/block:NotReblog}
  2764. {block:Rebloggedfrom}
  2765. {block:Reblogs}
  2766. <div class="posts-post_caption">
  2767. <div class="posts-post_caption-user {block:IsDeactivated}deactive{/block:IsDeactivated}">
  2768. {block:ifCaptionAvatar}
  2769. {block:ifNotCustomCaptionIcon}
  2770. <img src="{ReblogRootPortraitURL-64}" class="posts-post_caption-usericon">
  2771. {/block:ifNotCustomCaptionIcon}
  2772. {/block:ifCaptionAvatar}
  2773. <a target="_blank" href="{Permalink}">
  2774. <svg class="feather feather-user" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
  2775. {Username}
  2776. </a>
  2777. </div>
  2778. <div class="posts-post_caption-content">{Body}</div>
  2779. </div>
  2780. {/block:Reblogs}
  2781. {/block:RebloggedFrom}
  2782. {/block:ifTumblrCaptions}
  2783.  
  2784. {block:ifNotTumblrCaptions}
  2785. <div class="posts-post_caption posts-post_caption-content">
  2786. {Replies}
  2787. </div>
  2788. {/block:ifNotTumblrCaptions}
  2789. </section>
  2790. {/block:Answer}
  2791. </article>
  2792.  
  2793. {block:Date}
  2794. <section class="post-date">
  2795. <div class="post-date_wrapper">
  2796. <div class="post-date_time post-date-border">
  2797. {block:PinnedPostLabel}
  2798. <span class="post-date_pinned" title="{PinnedPostLabel}">
  2799. <svg class="feather feather-map-pin" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
  2800. <path d="m21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/>
  2801. <circle cx="12" cy="10" r="3"/>
  2802. </svg>
  2803. </span>
  2804. {/block:PinnedPostLabel}
  2805.  
  2806. <a href="{Permalink}" class="date-time" title="{timeago}"><span class="time-ago">{TimeStamp}</span></a>
  2807. {block:ifShowPostsNotes}
  2808. <span class="notecount" title="{NoteCountWithLabel}">{NoteCount}</span>
  2809. {/block:ifShowPostsNotes}
  2810.  
  2811. {block:ifNotShowPostsNotes}
  2812. {block:PermalinkPage}
  2813. <span class="notecount" title="{NoteCountWithLabel}">{NoteCount}</span>
  2814. {/block:PermalinkPage}
  2815. {/block:ifNotShowPostsNotes}
  2816.  
  2817. {block:ifShowPostsLikeReblog}
  2818. <a class="post-date_like" href="#" title="Like this post">
  2819. {LikeButton}<span class="post-date_time-likeb">like</span>
  2820. </a>
  2821. <a target="_blank" href="{ReblogURL}" target="_blank" title="Reblog this post" class="details">
  2822. reblog
  2823. </a>
  2824. {/block:ifShowPostsLikeReblog}
  2825.  
  2826. {block:ifNotShowPostsLikeReblog}
  2827. {block:PermalinkPage}
  2828. <a class="post-date_like" href="#" title="Like this post">
  2829. {LikeButton}<span class="post-date_time-likeb">like</span>
  2830. </a>
  2831. <a target="_blank" href="{ReblogURL}" target="_blank" title="Reblog this post" class="details">
  2832. reblog
  2833. </a>
  2834. {/block:PermalinkPage}
  2835. {/block:ifNotShowPostsLikeReblog}
  2836. </div>
  2837.  
  2838. <div class="post-date_more-info">
  2839. <div class="post-date-source">
  2840. {block:RebloggedFrom}
  2841. {block:ifShowPostsRebloggedFrom}
  2842. <a target="_blank" href="{ReblogParentURL}" title="{lang:Reblogged from} {ReblogParentName}">{ReblogParentName}</a>
  2843. {/block:ifShowPostsRebloggedFrom}
  2844. {block:ifShowPostsSourceLink}
  2845. <a target="_blank" href="{ReblogRootURL}" title="{lang:Originally from ReblogRootName}">{ReblogRootName}</a>
  2846. {/block:ifShowPostsSourceLink}
  2847.  
  2848. {block:PermalinkPage}
  2849. {block:ifNotShowPostsRebloggedFrom}
  2850. <a target="_blank" href="{ReblogParentURL}" title="{lang:Reblogged from} {ReblogParentName}">{ReblogParentName}</a>
  2851. {/block:ifNotShowPostsRebloggedFrom}
  2852. {block:ifNotShowPostsSourceLink}
  2853. <a target="_blank" href="{ReblogRootURL}" title="{lang:Originally from ReblogRootName}">{ReblogRootName}</a>
  2854. {/block:ifNotShowPostsSourceLink}
  2855. {/block:PermalinkPage}
  2856. {/block:RebloggedFrom}
  2857.  
  2858. {block:NotReblog}
  2859. {block:ifShowPostsSourceLink}
  2860. <a target="_blank" href="{Permalink}" title="Original post">{Name}</a>
  2861. {/block:ifShowPostsSourceLink}
  2862. {block:PermalinkPage}
  2863. {block:ifNotShowPostsSourceLink}
  2864. <a target="_blank" href="{Permalink}" title="Original post">{Name}</a>
  2865. {/block:ifNotShowPostsSourceLink}
  2866. {/block:PermalinkPage}
  2867. {/block:NotReblog}
  2868. </div>
  2869. {block:IfNotDisableShowTags}
  2870. {block:HasTags}
  2871. <button class="toggle-tags">show tags</button>
  2872. {/block:HasTags}
  2873. {/block:IfNotDisableShowTags}
  2874. </div>
  2875. </div>
  2876.  
  2877. <div class="post-date_wrapper-tags">
  2878. {block:HasTags}
  2879. <div class="post-date_tags">
  2880. {block:Tags}<a href="{TagURL}" class="post-date_tags-item">{Tag}</a>{/block:Tags}
  2881. </div>
  2882. {/block:HasTags}
  2883. </div>
  2884. </section>
  2885. {/block:Date}
  2886. </article>
  2887.  
  2888. {block:PostNotes}
  2889. <article class="posts post_notes">
  2890. {PostNotes}
  2891. </article>
  2892. {/block:PostNotes}
  2893. {/block:Posts}
  2894. </main>
  2895.  
  2896. <footer class="mcredito">
  2897. {block:Pagination}
  2898. <div id="mobile-pagination">
  2899. {block:PreviousPage}<a href="{PreviousPage}">{lang:Previous page}</a> <span class="dot-separator"></span>
  2900. {/block:PreviousPage}
  2901. {block:NextPage}<a href="{NextPage}">{lang:Next page}</a>{/block:NextPage} <span class="dot-separator"></span>
  2902. </div>
  2903. {/block:Pagination}
  2904. <a class="scrolltop" href="javascript:;" id="scrollToTop" title="Scroll to top">
  2905. <i data-feather="arrow-up" class="feather"></i>
  2906. </a>
  2907. <a href="http://maziekeen.tumblr.com/" target="_blank">maziekeen</a>
  2908. </footer>
  2909. <!-- top right icon for custom tumblr controls -->
  2910. {block:ifCustomControls}
  2911. <div title="Tumblr Controls" class="controls-button">
  2912. <span title="Tumblr Controls">
  2913. <i data-feather="menu" class="feather"></i>
  2914. </span>
  2915. </div>
  2916. {/block:ifCustomControls}
  2917. </div>
  2918. <script src="https://unpkg.com/popper.js@1"></script> <!-- tooltips - silbrigthemes -->
  2919. <script src="https://unpkg.com/tippy.js@5/dist/tippy-bundle.iife.js"></script> <!-- tooltips - silbrigthemes -->
  2920. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"></script> <!-- smooth scroll - michael herf and balazs galambosi -->
  2921. <script src="https://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script> <!-- scroll to top -->
  2922.  
  2923. <script>
  2924. // execute scripts after document load
  2925. $(document).ready(function() {
  2926.  
  2927.  
  2928. {block:ifNotDisableSwitchThemeColor}
  2929. // light/dark toggle - rstylr
  2930. const toggle = document.getElementById("theme-toggle");
  2931. toggle.onclick = function () {
  2932. document.documentElement.classList.add("theme-transition");
  2933. let currentTheme = document.documentElement.getAttribute("data-theme");
  2934. let targetTheme = "light";
  2935. if (currentTheme === "light") {
  2936. targetTheme = "dark";
  2937. }
  2938.  
  2939. window.setTimeout(function () {
  2940. document.documentElement.classList.remove("theme-transition");
  2941. }, 50);
  2942.  
  2943. document.documentElement.setAttribute("data-theme", targetTheme);
  2944. localStorage.setItem("theme", targetTheme);
  2945. };
  2946. {/block:ifNotDisableSwitchThemeColor}
  2947.  
  2948. // toggle tumblr controls - seyche
  2949. $('.controls-button').click(function(){
  2950. $('body').toggleClass('controls-click');
  2951. });
  2952.  
  2953. {block:IfNotDisableSidebarShowMore}
  2954. // toggle sidebar show more - seyche
  2955. $('.show-sidebar-info').hide();
  2956. $('.toggle-sidebar-info').click(function(event) {
  2957. $(this).closest('.sidebar-content_wrapper').find('.show-sidebar-info').slideToggle(200);
  2958. event.preventDefault();
  2959. });
  2960. {/block:IfNotDisableSidebarShowMore}
  2961.  
  2962. {block:IfNotDisableShowTags}
  2963. // toggle show tags - seyche
  2964. $('.post-date_wrapper-tags').hide();
  2965. $('.toggle-tags').click(function(event) {
  2966. $(this).closest('.posts-wrapper').find('.post-date_wrapper-tags').slideToggle(200);
  2967. event.preventDefault();
  2968. });
  2969. {/block:IfNotDisableShowTags}
  2970.  
  2971. // custom notecount - shythemes
  2972. var $container = $('.theme-container');
  2973. $container.find('.notecount').each(function() {
  2974. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  2975. if (n > 999) {
  2976. n = Math.floor(n / 100) / 10;
  2977. $(this).text(n + 'k');
  2978. }
  2979. });
  2980.  
  2981. // custom date time - bychloethemes
  2982. $(".time-ago").timeAgo({
  2983. time: "short", // can be "letter" "short" or "word"
  2984. spaces: true, // adds spaces between words and numbers
  2985. words: false, // turns numbers to words
  2986. prefix: "", // adds a prefix to the outputted string. could be "~" or "about"
  2987. suffix: "ago", // adds a suffix to the outputted string. could be "ago"
  2988. });
  2989.  
  2990. // search box
  2991. $(document).ready(function(){
  2992. $('.search').submit(function(event){
  2993. var value = $('input:first').val();
  2994. location.replace('http://{Name}.tumblr.com/tagged/' + value);
  2995. });
  2996. });
  2997.  
  2998. // tooltips
  2999. tippy('a[title], span[title], div[title], i[title]', {
  3000. theme: 'custom',
  3001. arrow: false,
  3002. zIndex: 9999999999,
  3003. maxWidth: 300,
  3004.  
  3005. content(reference) {
  3006. const title = reference.getAttribute('title');
  3007. reference.removeAttribute('title');
  3008. return title;
  3009. },
  3010. });
  3011.  
  3012. // css photosets - annasthms
  3013. function gatherData(images, arr) {
  3014. for (let i = 0; i < images.length; i++) {
  3015. let currentData = {
  3016. "width": images[i].getAttribute('data-width'),
  3017. "height": images[i].getAttribute('data-height'),
  3018. "low_res": images[i].getAttribute('data-lowres'),
  3019. "high_res": images[i].getAttribute('data-highres')
  3020. };
  3021. arr.push(currentData);
  3022. }
  3023. }
  3024.  
  3025. function getIndex(elem) {
  3026. let i = 0;
  3027. while( (elem = elem.previousElementSibling) != null ) i++;
  3028. return i;
  3029. }
  3030.  
  3031. function lightbox(elem) {
  3032. let currentPhotoset = elem.parentNode;
  3033. let photosetPhotos = currentPhotoset.getElementsByTagName('div');
  3034. let data = [];
  3035. gatherData(photosetPhotos, data);
  3036. Tumblr.Lightbox.init(data, getIndex(elem) + 1);
  3037. }
  3038.  
  3039. // feather icons (custom icons)
  3040. feather.replace();
  3041. });
  3042. </script>
  3043. </body>
  3044. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!