API tools faq
paste
Advertisement
sexycullen

xxxxxxxxxxx

sexycullen
Sep 6th, 2021
95
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 61.14 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. maziekeen's theme template
  4. https://maziekeen.tumblr.com/
  5.  
  6.  
  7. PLEASE DO NOT:
  8. remove the credits; claim as your own; use as a base, take parts
  9. of the theme, repost as your own
  10. YOU CAN:
  11. edit as much as you want for your own personal use only.
  12.  
  13.  
  14. CREDITS,
  15. base code: egg.design & seyche
  16.  
  17. captions and audio style by seyche
  18. css photosets by annasthms
  19. tumblr controls by cyantists
  20. smooth scroll by michael herf and balazs galambosi
  21. saturn icons by suiomi.com
  22. feathericons by github.com/feathericons/feather
  23. normalize reest html by necolas.github.io
  24. tippyjs tooltips by silbrigthemes
  25. short notecount, like and reblog, video resize by shythemes
  26. npf images readjustment v.02 by glenthemes
  27. post notes icons by arcaicas.tumblr.com
  28. dark mode by twan mulder at blog.prototypr.io/8b461864644b
  29. & ananya neogi at dev.to/ananyaneogi/create-a-dark-light-mode-switch-with-css-variables-34l8
  30.  
  31. -->
  32.  
  33.  
  34. <!DOCTYPE html>
  35. <html>
  36. <head>
  37.  
  38. <link rel="shortcut icon" href="{Favicon}" />
  39. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  40. <title>{Title}</title>
  41. {block:Description}
  42. <meta name="description" content="{MetaDescription}" />
  43. {/block:Description}
  44. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
  45.  
  46. <!-- stylesheets -->
  47. <link href="https://static.tumblr.com/0siu224/1Eaqd80d8/normalize.css" rel="stylesheet"> <!-- reset html code -->
  48. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet"> <!-- photosets -->
  49. <link href="//solrainha.github.io/saturnicons/saturnicons.css" rel="stylesheet"> <!-- custom icons -->
  50. <script src="https://unpkg.com/feather-icons"></script> <!-- custom icons -->
  51. <script src="//pull.cappuccicons.com/cpf.js"></script> <!-- custom icons -->
  52.  
  53. <!-- custom fonts -->
  54. <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" />
  55.  
  56. <!-- image options -->
  57. <meta name="image:Background Image" content="" />
  58. <meta name="image:Sidebar Icon Image" content="" />
  59. <meta name="image:Sidebar Background Image" content="" />
  60.  
  61. <!-- light color options -->
  62. <meta name="color:Background Theme Color" content="#fcfcfc" />
  63. <meta name="color:Body Text Color" content="#1a1a1a" />
  64. <meta name="color:Body Link Color" content="#757575" />
  65. <meta name="color:Body Link Hover Color" content="#000000" />
  66. <meta name="color:Bold Color" content="#1a1a1a">
  67. <meta name="color:Italic Color" content="#525252">
  68. <meta name="color:Sidebar Title Color" content="#1a1a1a">
  69. <meta name="color:Sidebar Title Url Color" content="#979797">
  70. <meta name="color:Sidebar Links Icon And Font Color" content="#757575">
  71. <meta name="color:Sidebar Icon Image Border Separator" content="#ededed">
  72. <meta name="color:Hover Text Background Color" content="#1a1a1a" />
  73. <meta name="color:Hover Text Color" content="#ffffff" />
  74. <meta name="color:Date Link Color" content="#1a1a1a">
  75. <meta name="color:Tags Link Color" content="#757575">
  76. <meta name="color:Liked Link Color" content="#6565b9">
  77. <meta name="color:Posts Background Color" content="#ffffff" />
  78. <meta name="color:Borders Color" content="#ededed" />
  79. <meta name="color:Scrollbar Color" content="#1a1a1a" />
  80. <meta name="color:Tumblr Controls Icon Color" content="#1a1a1a" />
  81.  
  82. <!-- dark color options -->
  83. <meta name="color:Dark Background Theme Color" content="#1a1e23" />
  84. <meta name="color:Dark Body Text Color" content="#ffffff" />
  85. <meta name="color:Dark Body Link Color" content="#adadeb" />
  86. <meta name="color:Dark Body Link Hover Color" content="#e182b5" />
  87. <meta name="color:Dark Bold Color" content="#c9c9e3">
  88. <meta name="color:Dark Italic Color" content="#adadad">
  89. <meta name="color:Dark Sidebar Title Color" content="#ffffff">
  90. <meta name="color:Dark Sidebar Title Url Color" content="#cecede">
  91. <meta name="color:Dark Sidebar Links Icon And Font Color" content="#c9c9e3">
  92. <meta name="color:Dark Sidebar Icon Image Border Separator" content="#2b3135">
  93. <meta name="color:Dark Sidebar Background Color" content="#21262c">
  94. <meta name="color:Dark Hover Text Background Color" content="#e182b5" />
  95. <meta name="color:Dark Hover Text Color" content="#ffffff" />
  96. <meta name="color:Dark Date Link Color" content="#c9c9e3">
  97. <meta name="color:Dark Tags Link Color" content="#adadeb">
  98. <meta name="color:Dark Liked Link Color" content="#e182b5">
  99. <meta name="color:Dark Posts Background Color" content="#21262c" />
  100. <meta name="color:Dark Borders Color" content="#2b3135" />
  101. <meta name="color:Dark Scrollbar Color" content="#c9c9e3" />
  102. <meta name="color:Dark Tumblr Controls Icon Color" content="#c9c9e3" />
  103.  
  104.  
  105. <!-- text, font style and sizes options -->
  106. <meta name="text:Body Font Family" content="Nunito" />
  107.  
  108. <meta name="select:Body Font Size" content="0.625rem" title="10px" />
  109. <meta name="select:Body Font Size" content="0.5rem" title="8px" />
  110. <meta name="select:Body Font Size" content="0.5625rem" title="9px" />
  111. <meta name="select:Body Font Size" content="0.6875rem" title="11px" />
  112. <meta name="select:Body Font Size" content="0.75rem" title="12px" />
  113. <meta name="select:Body Font Size" content="0.8125rem" title="13px" />
  114. <meta name="select:Body Font Size" content="0.875rem" title="14px" />
  115. <meta name="select:Body Font Size" content="0.9375rem" title="15px" />
  116. <meta name="select:Body Font Size" content="1rem" title="16px" />
  117. <meta name="select:Body Font Size" content="1.0625rem" title="17px" />
  118. <meta name="select:Body Font Size" content="1.125rem" title="18px" />
  119.  
  120. <meta name="select:Body Font Letter Spacing" content="normal" title="none" />
  121. <meta name="select:Body Font Letter Spacing" content="0.046875em" title="0.75px" />
  122. <meta name="select:Body Font Letter Spacing" content="0.05em" title="0.80px" />
  123. <meta name="select:Body Font Letter Spacing" content="0.053125em" title="0.85px" />
  124. <meta name="select:Body Font Letter Spacing" content="0.05625em" title="0.90px" />
  125. <meta name="select:Body Font Letter Spacing" content="0.059375em" title="0.95px" />
  126. <meta name="select:Body Font Letter Spacing" content="0.0625em" title="1px" />
  127. <meta name="select:Body Font Letter Spacing" content="0.09375em" title="1.5px" />
  128. <meta name="select:Body Font Letter Spacing" content="0.125em" title="2px" />
  129. <meta name="select:Body Font Letter Spacing" content="0.15625em" title="2.5px" />
  130. <meta name="select:Body Font Letter Spacing" content="0.1875em" title="3px" />
  131.  
  132. <meta name="select:Body Font Word Spacing" content="normal" title="none" />
  133. <meta name="select:Body Font Word Spacing" content="0.046875em" title="0.75px" />
  134. <meta name="select:Body Font Word Spacing" content="0.05em" title="0.80px" />
  135. <meta name="select:Body Font Word Spacing" content="0.053125em" title="0.85px" />
  136. <meta name="select:Body Font Word Spacing" content="0.05625em" title="0.90px" />
  137. <meta name="select:Body Font Word Spacing" content="0.059375em" title="0.95px" />
  138. <meta name="select:Body Font Word Spacing" content="0.0625em" title="1px" />
  139. <meta name="select:Body Font Word Spacing" content="0.09375em" title="1.5px" />
  140. <meta name="select:Body Font Word Spacing" content="0.125em" title="2px" />
  141. <meta name="select:Body Font Word Spacing" content="0.15625em" title="2.5px" />
  142. <meta name="select:Body Font Word Spacing" content="0.1875em" title="3px" />
  143.  
  144. <meta name="select:Bold Font Weight" content="700" title="bold" />
  145. <meta name="select:Bold Font Weight" content="300" title="light" />
  146. <meta name="select:Bold Font Weight" content="400" title="normal" />
  147. <meta name="select:Bold Font Weight" content="500" title="medium" />
  148. <meta name="select:Bold Font Weight" content="600" title="semi-bold" />
  149.  
  150. <meta name="select:Posts Text Position" content="left">
  151. <meta name="select:Posts Text Position" content="justify">
  152.  
  153. <!-- posts titles (h1, h2, h3...) -->
  154. <meta name="select:Posts Titles Font Size" content="0.9375rem" title="15px" />
  155. <meta name="select:Posts Titles Font Size" content="0.625rem" title="10px" />
  156. <meta name="select:Posts Titles Font Size" content="0.6875rem" title="11px" />
  157. <meta name="select:Posts Titles Font Size" content="0.75rem" title="12px" />
  158. <meta name="select:Posts Titles Font Size" content="0.8125rem" title="13px" />
  159. <meta name="select:Posts Titles Font Size" content="0.875rem" title="14px" />
  160. <meta name="select:Posts Titles Font Size" content="1rem" title="16px" />
  161. <meta name="select:Posts Titles Font Size" content="1.0625rem" title="17px" />
  162. <meta name="select:Posts Titles Font Size" content="1.125rem" title="18px" />
  163.  
  164.  
  165. <meta name="select:Posts Titles Font Weight" content="700" title="bold" />
  166. <meta name="select:Posts Titles Font Weight" content="300" title="light" />
  167. <meta name="select:Posts Titles Font Weight" content="400" title="normal" />
  168. <meta name="select:Posts Titles Font Weight" content="500" title="medium" />
  169. <meta name="select:Posts Titles Font Weight" content="600" title="semi-bold" />
  170.  
  171. <meta name="select:Posts Titles Font Style" content="normal">
  172. <meta name="select:Posts Titles Font Style" content="italic">
  173.  
  174. <meta name="select:Posts Titles Text Transform" content="none">
  175. <meta name="select:Posts Titles Text Transform" content="uppercase">
  176. <meta name="select:Posts Titles Text Transform" content="lowercase">
  177. <meta name="select:Posts Titles Text Transform" content="capitalize">
  178.  
  179. <meta name="select:Posts Titles Text Position" content="left">
  180. <meta name="select:Posts Titles Text Position" content="center">
  181. <meta name="select:Posts Titles Text Position" content="justify">
  182. <meta name="select:Posts Titles Text Position" content="right">
  183.  
  184.  
  185. <!-- sidebar position -->
  186. <meta name="select:Sidebar Content Position" content="flex-start" title="top">
  187. <meta name="select:Sidebar Content Position" content="center" title="center">
  188. <meta name="select:Sidebar Content Position" content="flex-end" title="bottom">
  189.  
  190.  
  191. <!-- sidebar title -->
  192. <meta name="select:Sidebar Title Font Size" content="0.625rem" title="10px" />
  193. <meta name="select:Sidebar Title Font Size" content="0.5625rem" title="9px" />
  194. <meta name="select:Sidebar Title Font Size" content="0.6875rem" title="11px" />
  195. <meta name="select:Sidebar Title Font Size" content="0.75rem" title="12px" />
  196. <meta name="select:Sidebar Title Font Size" content="0.8125rem" title="13px" />
  197. <meta name="select:Sidebar Title Font Size" content="0.875rem" title="14px" />
  198. <meta name="select:Sidebar Title Font Size" content="0.9375rem" title="15px" />
  199. <meta name="select:Sidebar Title Font Size" content="1rem" title="16px" />
  200.  
  201.  
  202. <meta name="select:Sidebar Title Font Weight" content="700" title="bold" />
  203. <meta name="select:Sidebar Title Font Weight" content="400" title="normal" />
  204. <meta name="select:Sidebar Title Font Weight" content="300" title="light" />
  205. <meta name="select:Sidebar Title Font Weight" content="500" title="medium" />
  206. <meta name="select:Sidebar Title Font Weight" content="600" title="semi-bold" />
  207.  
  208.  
  209. <meta name="select:Sidebar Title Font Style" content="normal">
  210. <meta name="select:Sidebar Title Font Style" content="italic">
  211.  
  212. <meta name="select:Sidebar Title Text Transform" content="none">
  213. <meta name="select:Sidebar Title Text Transform" content="uppercase">
  214. <meta name="select:Sidebar Title Text Transform" content="lowercase">
  215. <meta name="select:Sidebar Title Text Transform" content="capitalize">
  216.  
  217.  
  218. <!-- sidebar icons -->
  219. <meta name="select:Sidebar Icons and Font Size" content="0.875rem" title="14px" />
  220. <meta name="select:Sidebar Icons and Font Size" content="0.5rem" title="8px" />
  221. <meta name="select:Sidebar Icons and Font Size" content="0.5625rem" title="9px" />
  222. <meta name="select:Sidebar Icons and Font Size" content="0.625rem" title="10px" />
  223. <meta name="select:Sidebar Icons and Font Size" content="0.6875rem" title="11px" />
  224. <meta name="select:Sidebar Icons and Font Size" content="0.75rem" title="12px" />
  225. <meta name="select:Sidebar Icons and Font Size" content="0.8125rem" title="13px" />
  226. <meta name="select:Sidebar Icons and Font Size" content="0.9375rem" title="15px" />
  227. <meta name="select:Sidebar Icons and Font Size" content="1rem" title="16px" />
  228. <meta name="select:Sidebar Icons and Font Size" content="1.0625rem" title="17px" />
  229. <meta name="select:Sidebar Icons and Font Size" content="1.125rem" title="18px" />
  230.  
  231.  
  232.  
  233. <!-- sidebar links -->
  234.  
  235. <meta name="select:Sidebar Links Font Weight" content="700" title="bold" />
  236. <meta name="select:Sidebar Links Font Weight" content="300" title="light" />
  237. <meta name="select:Sidebar Links Font Weight" content="400" title="normal" />
  238. <meta name="select:Sidebar Links Font Weight" content="500" title="medium" />
  239. <meta name="select:Sidebar Links Font Weight" content="600" title="semi-bold" />
  240.  
  241. <meta name="select:Sidebar Links Font Style" content="normal">
  242. <meta name="select:Sidebar Links Font Style" content="italic">
  243.  
  244. <meta name="select:Sidebar Links Text Transform" content="none">
  245. <meta name="select:Sidebar Links Text Transform" content="uppercase">
  246. <meta name="select:Sidebar Links Text Transform" content="lowercase">
  247. <meta name="select:Sidebar Links Text Transform" content="capitalize">
  248.  
  249. <!-- description -->
  250. <meta name="select:Description Font Size" content="0.625rem" title="10px" />
  251. <meta name="select:Description Font Size" content="0.5rem" title="8px" />
  252. <meta name="select:Description Font Size" content="0.5625rem" title="9px" />
  253. <meta name="select:Description Font Size" content="0.6875rem" title="11px" />
  254. <meta name="select:Description Font Size" content="0.75rem" title="12px" />
  255. <meta name="select:Description Font Size" content="0.8125rem" title="13px" />
  256. <meta name="select:Description Font Size" content="0.875rem" title="14px" />
  257. <meta name="select:Description Font Size" content="0.9375rem" title="15px" />
  258. <meta name="select:Description Font Size" content="1rem" title="16px" />
  259.  
  260. <meta name="select:Description Font Weight" content="normal" />
  261.  
  262. <meta name="select:Description Font Weight" content="700" title="bold" />
  263. <meta name="select:Description Font Weight" content="300" title="light" />
  264. <meta name="select:Description Font Weight" content="400" title="normal" />
  265. <meta name="select:Description Font Weight" content="500" title="medium" />
  266. <meta name="select:Description Font Weight" content="600" title="semi-bold" />
  267.  
  268. <meta name="select:Description Font Style" content="normal" />
  269. <meta name="select:Description Font Style" content="italic" />
  270.  
  271. <meta name="select:Description Text Transform" content="lowercase" />
  272. <meta name="select:Description Text Transform" content="none" />
  273. <meta name="select:Description Text Transform" content="uppercase" />
  274. <meta name="select:Description Text Transform" content="capitalize" />
  275.  
  276.  
  277.  
  278. <!-- date / post info -->
  279. <meta name="select:Date Font Size" content="0.625rem" title="10px" />
  280. <meta name="select:Date Font Size" content="0.5rem" title="8px" />
  281. <meta name="select:Date Font Size" content="0.5625rem" title="9px" />
  282. <meta name="select:Date Font Size" content="0.6875rem" title="11px" />
  283. <meta name="select:Date Font Size" content="0.75rem" title="12px" />
  284. <meta name="select:Date Font Size" content="0.8125rem" title="13px" />
  285. <meta name="select:Date Font Size" content="0.875rem" title="14px" />
  286. <meta name="select:Date Font Size" content="0.9375rem" title="15px" />
  287. <meta name="select:Date Font Size" content="1rem" title="16px" />
  288.  
  289. <meta name="select:Date Font Weight" content="bold" />
  290.  
  291. <meta name="select:Date Font Weight" content="700" title="bold" />
  292. <meta name="select:Date Font Weight" content="400" title="normal" />
  293. <meta name="select:Date Font Weight" content="300" title="light" />
  294. <meta name="select:Date Font Weight" content="500" title="medium" />
  295. <meta name="select:Date Font Weight" content="600" title="semi-bold" />
  296.  
  297. <meta name="select:Date Font Style" content="normal" />
  298. <meta name="select:Date Font Style" content="italic" />
  299.  
  300. <meta name="select:Date Text Transform" content="lowercase" />
  301. <meta name="select:Date Text Transform" content="none" />
  302. <meta name="select:Date Text Transform" content="uppercase" />
  303. <meta name="select:Date Text Transform" content="capitalize" />
  304.  
  305. <meta name="select:Date Text Position" content="flex-start" title="left" />
  306. <meta name="select:Date Text Position" content="center" title="center" />
  307. <meta name="select:Date Text Position" content="flex-end" title="right" />
  308. <meta name="select:Date Text Position" content="space-between" title="space between" />
  309. <meta name="select:Date Text Position" content="space-around" title="space around" />
  310.  
  311.  
  312. <!-- tags / post info -->
  313. <meta name="select:Tags Font Size" content="0.625rem" title="10px" />
  314. <meta name="select:Tags Font Size" content="0.5rem" title="8px" />
  315. <meta name="select:Tags Font Size" content="0.5625rem" title="9px" />
  316. <meta name="select:Tags Font Size" content="0.6875rem" title="11px" />
  317. <meta name="select:Tags Font Size" content="0.75rem" title="12px" />
  318. <meta name="select:Tags Font Size" content="0.8125rem" title="13px" />
  319. <meta name="select:Tags Font Size" content="0.875rem" title="14px" />
  320. <meta name="select:Tags Font Size" content="0.9375rem" title="15px" />
  321. <meta name="select:Tags Font Size" content="1rem" title="16px" />
  322.  
  323. <meta name="select:Tags Font Weight" content="normal" />
  324.  
  325.  
  326. <meta name="select:Tags Font Weight" content="400" title="normal" />
  327. <meta name="select:Tags Font Weight" content="300" title="light" />
  328. <meta name="select:Tags Font Weight" content="500" title="medium" />
  329. <meta name="select:Tags Font Weight" content="600" title="semi-bold" />
  330. <meta name="select:Tags Font Weight" content="700" title="bold" />
  331.  
  332. <meta name="select:Tags Font Style" content="normal" />
  333. <meta name="select:Tags Font Style" content="italic" />
  334.  
  335. <meta name="select:Tags Text Transform" content="none" />
  336. <meta name="select:Tags Text Transform" content="uppercase" />
  337. <meta name="select:Tags Text Transform" content="lowercase" />
  338. <meta name="select:Tags Text Transform" content="capitalize" />
  339.  
  340. <meta name="select:Tags Text Position" content="left" />
  341. <meta name="select:Tags Text Position" content="center" />
  342. <meta name="select:Tags Text Position" content="right" />
  343.  
  344. <!-- sidebar and posts borders -->
  345. <meta name="select:Borders Size" content="1px" />
  346. <meta name="select:Borders Size" content="0px" />
  347. <meta name="select:Borders Size" content="2px" />
  348. <meta name="select:Borders Size" content="3px" />
  349.  
  350. <meta name="select:Borders Style" content="solid" />
  351. <meta name="select:Borders Style" content="dotted" />
  352. <meta name="select:Borders Style" content="dashed" />
  353. <meta name="select:Borders Style" content="double" />
  354. <meta name="select:Borders Style" content="ridge" />
  355.  
  356.  
  357. <!-- booleans -->
  358. <meta name="if:Posts size 540px" content="1"/>
  359. <meta name="if:Posts size 500px" content="0"/>
  360. <meta name="if:Posts size 400px" content="0"/>
  361.  
  362. <meta name="if:Sidebar Link 1" content="1" />
  363. <meta name="if:Sidebar Link 2" content="1" />
  364. <meta name="if:Sidebar Link 3" content="1" />
  365. <meta name="if:Sidebar Link 4" content="1" />
  366. <meta name="if:Sidebar Link 5" content="1" />
  367. <meta name="if:Sidebar Link 6" content="1" />
  368.  
  369. <meta name="if:Disable Switch Theme Color" content="0" />
  370. <meta name="if:Fix Sidebar on Top" content="1" />
  371. <meta name="if:Sidebar Title Url" content="1" />
  372. <meta name="if:Sidebar Icon Image Border Separator" content="1" />
  373. <meta name="if:Sidebar Icon Image" content="1" />
  374. <meta name="if:Sidebar Links Icons" content="1" />
  375. <meta name="if:Sidebar Border" content="0" />
  376. <meta name="if:Sidebar Box Shadow" content="0" />
  377. <meta name="if:Images Black and White" content="0" />
  378. <meta name="if:Links Underline Border" content="0" />
  379. <meta name="if:Tumblr Captions" content="1"/>
  380. <meta name="if:Custom Caption Icon" content="0" />
  381. <meta name="if:Box Shadow" content="0" />
  382. <meta name="if:Posts Borders" content="0" />
  383. <meta name="if:Custom Controls" content="1"/>
  384.  
  385. <meta name="text:Sidebar Background Color" content="#1a1a1a" />
  386. <meta name="text:Box Shadow Size" content="0px 4px 8px" />
  387. <meta name="text:Box Shadow Color" content="0, 0, 0, 0.1" />
  388.  
  389. <!-- sidebar links -->
  390. <meta name="text:Index URL" content="/" />
  391. <meta name="text:Index Text" content="Index" />
  392. <meta name="text:Index Icon" content="home" />
  393. <meta name="text:Ask URL" content="/ask" />
  394. <meta name="text:Ask Text" content="Ask" />
  395. <meta name="text:Ask Icon" content="mail" />
  396.  
  397. <meta name="text:Sidebar Link 1 URL" content="/" />
  398. <meta name="text:Sidebar Link 1 Text" content="Link 1" />
  399. <meta name="text:Sidebar Link 1 Icon" content="grid" />
  400. <meta name="text:Sidebar Link 2 URL" content="/" />
  401. <meta name="text:Sidebar Link 2 Text" content="Link 2" />
  402. <meta name="text:Sidebar Link 2 Icon" content="edit" />
  403. <meta name="text:Sidebar Link 3 URL" content="/" />
  404. <meta name="text:Sidebar Link 3 Text" content="Link 3" />
  405. <meta name="text:Sidebar Link 3 Icon" content="user" />
  406. <meta name="text:Sidebar Link 4 URL" content="/" />
  407. <meta name="text:Sidebar Link 4 Text" content="Link 4" />
  408. <meta name="text:Sidebar Link 4 Icon" content="file-text" />
  409. <meta name="text:Sidebar Link 5 URL" content="/" />
  410. <meta name="text:Sidebar Link 5 Text" content="Link 5" />
  411. <meta name="text:Sidebar Link 5 Icon" content="folder" />
  412. <meta name="text:Sidebar Link 6 URL" content="/" />
  413. <meta name="text:Sidebar Link 6 Text" content="Link 6" />
  414. <meta name="text:Sidebar Link 6 Icon" content="message-square" />
  415.  
  416.  
  417. <!-- custom fonts -->
  418. <link href="https://fonts.googleapis.com/css2?family={text:Body Font Family}:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet" />
  419.  
  420.  
  421. <style>
  422. :root {
  423. /* colors */
  424. --backgroundThemeColor: {color:Background Theme Color};
  425. --bodyTextColor: {color:Body Text Color};
  426. --bodyLinkColor: {color:Body Link Color};
  427. --bodyLinkHoverColor: {color:Body Link Hover Color};
  428. --boldColor: {color:Bold Color};
  429. --italicColor: {color:Italic Color};
  430. --sidebarTextColor: {color:Sidebar Text Color};
  431. --sidebarLinksIconAndFontColor: {color:Sidebar Links Icon And Font Color};
  432. --sidebarTitleColor: {color:Sidebar Title Color};
  433. --sidebarTitleUrlColor: {color:Sidebar Title Url Color};
  434. --sidebarIconImageBorderSeparator: {color:Sidebar Icon Image Border Separator};
  435. --sidebarBackgroundColor: {text:Sidebar Background Color};
  436. --hoverTextBackgroundColor: {color:Hover Text Background Color};
  437. --hoverTextColor: {color:Hover Text Color};
  438. --dateLinkColor:{color:Date Link Color};
  439. --tagsLinkColor: {color:Tags Link Color};
  440. --likedLinkColor: {color:Liked Link Color};
  441. --scrollbarColor: {color:Scrollbar Color};
  442. --bordersColor: {color:Borders Color};
  443. --postsBackgroundColor: {color:Posts Background Color};
  444. --tumblrControlsIconColor: {color:Tumblr Controls Icon Color};
  445.  
  446. /* fonts, sizes, styles */
  447. --bodyFontFamily: {text:Body Font Family};
  448.  
  449. --bodyFontSize: {select:Body Font Size};
  450. --bodyFontLetterSpacing: {select:Body Font Letter Spacing};
  451. --bodyFontWordSpacing: {select:Body Font Word Spacing};
  452. --postsTitlesFontSize: {select:Posts Titles Font Size};
  453. --sidebarTitleFontSize: {select:Sidebar Title Font Size};
  454. --sidebarIconsFontSize: {select:Sidebar Icons and Font Size};
  455. --descriptionFontSize: {select:Description Font Size};
  456. --dateFontSize:{select:Date Font Size};
  457. --tagsFontSize:{select:Tags Font Size};
  458.  
  459. --boldFontWeight: {select:Bold Font Weight};
  460. --postsTitlesFontWeight: {select:Posts Titles Font Weight};
  461. --sidebarTitleFontWeight: {select:Sidebar Title Font Weight};
  462. --sidebarLinksFontWeight: {select:Sidebar Links Font Weight};
  463. --bodyLineHeight: calc(var(--bodyFontSize) * 1.5);
  464. --postsTitlesLineHeight: calc(var(--postsTitlesFontSize) * 1.2);
  465. --sidebarTitleLineHeight: calc(var(--sidebarTitleFontSize) * 1.2);
  466. --descriptionFontWeight: {select:Description Font Weight};
  467. --dateFontWeight:{select:Date Font Weight};
  468. --tagsFontWeight:{select:Tags Font Weight};
  469.  
  470. --postsTitlesTextTransform: {select:Posts Titles Text Transform};
  471. --postsTitlesFontStyle: {select:Posts Titles Font Style};
  472. --sidebarTitleTextTransform: {select:Sidebar Title Text Transform};
  473. --sidebarTitleFontStyle: {select:Sidebar Title Font Style};
  474. --sidebarLinksTextTransform: {select:Sidebar Links Text Transform};
  475. --sidebarLinksFontStyle: {select:Sidebar Links Font Style};
  476. --descriptionTextTransform: {select:Description Text Transform};
  477. --descriptionFontStyle: {select:Description Font Style};
  478. --dateTextTransform:{select:Date Text Transform};
  479. --dateFontStyle:{select:Date Font Style};
  480. --tagsTextTransform:{select:Tags Text Transform};
  481. --tagsFontStyle:{select:Tags Font Style};
  482.  
  483. --postsTextPosition: {select:Posts Text Position};
  484. --postsTitlesTextPosition: {select:Posts Titles Text Position};
  485. --dateTextPosition:{select:Date Text Position};
  486. --tagsTextPosition:{select:Tags Text Position};
  487.  
  488.  
  489. /* other styles */
  490. --bordersStyle: {select:Borders Style};
  491. --bordersSize: {select:Borders Size};
  492. --boxShadowSize:{text:Box Shadow Size};
  493. --boxShadowColor:{text:Box Shadow Color};
  494. --sidebarContentPosition: {select:Sidebar Content Position};
  495. --transitions: all .3s ease;
  496.  
  497. /*npf images readjustment */
  498. --NPF-Image-Spacing:4px;
  499. --NPF-Bottom-Gap-From-Captions:1em;
  500.  
  501. --sidebarWidth: 288px;
  502. }
  503.  
  504. /* dark colors */
  505. [data-theme="dark"] {
  506. --backgroundThemeColor: {color:Dark Background Theme Color};
  507. --bodyTextColor: {color:Dark Body Text Color};
  508. --bodyLinkColor: {color:Dark Body Link Color};
  509. --bodyLinkHoverColor: {color:Dark Body Link Hover Color};
  510. --boldColor: {color:Dark Bold Color};
  511. --italicColor: {color:Dark Italic Color};
  512. --sidebarTextColor: {color:Dark Sidebar Text Color};
  513. --sidebarLinksIconAndFontColor: {color:Dark Sidebar Links Icon And Font Color};
  514. --sidebarTitleColor: {color:Dark Sidebar Title Color};
  515. --sidebarTitleUrlColor: {color:Dark Sidebar Title Url Color};
  516. --sidebarIconImageBorderSeparator: {color:Dark Sidebar Icon Image Border Separator};
  517. --sidebarBackgroundColor: {color:Dark Sidebar Background Color};
  518. --hoverTextBackgroundColor: {color:Dark Hover Text Background Color};
  519. --hoverTextColor: {color:Dark Hover Text Color};
  520. --dateLinkColor:{color:Dark Date Link Color};
  521. --tagsLinkColor: {color:Dark Tags Link Color};
  522. --likedLinkColor: {color:Dark Liked Link Color};
  523. --scrollbarColor: {color:Dark Scrollbar Color};
  524. --bordersColor: {color:Dark Borders Color};
  525. --postsBackgroundColor: {color:Dark Posts Background Color};
  526. --tumblrControlsIconColor: {color:Dark Tumblr Controls Icon Color};
  527. }
  528.  
  529. /* tumblr controls */
  530. {block:ifCustomControls}
  531. iframe.tmblr-iframe {
  532. background-color: var(--sidebarBackgroundColor);
  533. z-index:99999999999999!important;
  534. top: 10px!important;
  535. right: 25px!important;
  536. opacity:0;
  537. padding-right:15px;
  538. -webkit-transform:scale(0.75);
  539. -ms-transform:scale(0.75);
  540. transform:scale(0.75);
  541. -webkit-transform-origin:100% 0;
  542. -ms-transform-origin:100% 0;
  543. transform-origin:100% 0;
  544. cursor: pointer;
  545. }
  546. iframe.tmblr-iframe:hover {
  547. opacity:1!important;
  548. }
  549. .hcontrols {
  550. position:fixed;
  551. top:15px;
  552. right:15px;
  553. z-index:999999999;
  554. cursor: pointer;
  555. }
  556. .hcontrols .feather {
  557. width:25px;
  558. height:25px;
  559. stroke-width: 2;
  560. stroke:var(--tumblrControlsIconColor);
  561. cursor: pointer;
  562. }
  563. .hcontrols .feather:hover {
  564. stroke: var(--bodyLinkHoverColor);
  565. }
  566. {/block:ifCustomControls}
  567.  
  568.  
  569. /* scrollbar */
  570. ::-webkit-scrollbar {
  571. width:7px;
  572. height:7px;
  573. }
  574. ::-webkit-scrollbar {
  575. background-color:var(--backgroundThemeColor);
  576. }
  577. ::-webkit-scrollbar-track {
  578. border:8px solid var(--backgroundThemeColor);
  579. background-color:var(--backgroundThemeColor);
  580. }
  581. ::-webkit-scrollbar-thumb {
  582. border:2.1px solid var(--backgroundThemeColor);
  583. background-color:var(--scrollbarColor);
  584. border-radius:10px;
  585. min-height:24px;
  586. min-width:24px;
  587. }
  588.  
  589. /* scroll to top */
  590. .scrolltop .feather {
  591. width:var(--bodyFontSize);
  592. height:var(--bodyFontSize);
  593.  
  594. }
  595.  
  596. .scrolltop {
  597. display: inline-block;
  598. vertical-align: middle;
  599. padding-top: 2.5px;
  600. margin-right: 5px;
  601. }
  602.  
  603. .pagination-content .scrolltop a {
  604. display: none;
  605. padding: 0;
  606. }
  607.  
  608.  
  609. .scrolltop:hover {
  610. color:var(--bodyLinkHoverColor);
  611. }
  612.  
  613.  
  614. html {
  615. -webkit-box-sizing: border-box;
  616. box-sizing: border-box;
  617. }
  618.  
  619.  
  620. *::after, *::before {
  621. -webkit-box-sizing: inherit;
  622. box-sizing: inherit;
  623. }
  624.  
  625. html, body {
  626. height: 100vh;
  627. }
  628.  
  629. body {
  630. margin:0;
  631. background:var(--backgroundThemeColor) url({image:Background Image});
  632. font-size:var(--bodyFontSize);
  633. font-family: var(--bodyFontFamily), Arial, sans-serif;
  634. font-weight: normal;
  635. line-height: var(--bodyLineHeight);
  636. letter-spacing: var(--bodyFontLetterSpacing);
  637. word-spacing: var(--bodyFontWordSpacing);
  638. background-attachment:fixed;
  639. word-wrap:break-word;
  640. color: var(--bodyTextColor);
  641. -moz-osx-font-smoothing: grayscale;
  642. -webkit-font-smoothing: antialiased;
  643. }
  644.  
  645.  
  646. a {
  647. text-decoration:none;
  648. color:var(--bodyLinkColor);
  649. transition:var(--transitions);
  650. }
  651.  
  652. a:hover {
  653. color:var(--bodyLinkHoverColor);
  654. }
  655.  
  656.  
  657. {block:IfLinksUnderlineBorder}
  658. .description a, .pagination a, .date-content a, .caption a, .caption-content a, .tumblr_blog a, .ask-user a {
  659. text-decoration:underline;
  660. }
  661. {/block:IfLinksUnderlineBorder}
  662.  
  663. blockquote {
  664. border-left:2px solid {color:blockquote border};
  665. padding-left:10px;
  666. }
  667.  
  668. p:first-child {
  669. margin-block-start: 0;
  670. margin-block-end: 0;
  671. }
  672.  
  673. p:last-child {
  674. margin-block-end: 0;
  675. }
  676.  
  677.  
  678. small, sup, sub {
  679. font-size:var(--bodyFontSize);
  680. }
  681.  
  682. pre {
  683. word-wrap:break-word!Important;
  684. white-space: pre-wrap;
  685. }
  686.  
  687. h1, h2 {
  688. margin: 15px 0;
  689. font-style:var(--postsTitlesFontStyle);
  690. font-weight:var(--postsTitlesFontWeight);
  691. color:var(--boldColor);
  692. text-transform:var(--postsTitlesTextTransform);
  693. font-size:var(--postsTitlesFontSize);
  694. text-align:var(--postsTitlesTextPosition);
  695. line-height:var(--postsTitlesLineHeight);
  696. }
  697.  
  698. bold, b, strong {
  699. color:var(--boldColor);
  700. font-weight:var(--boldFontWeight);
  701. }
  702.  
  703. italic, i, em {
  704. color:var(--italicColor);
  705. }
  706.  
  707.  
  708. hr {
  709. width:100px;
  710. margin:10px 0 10px 0;
  711. border-width: var(--bordersSize) 0px 0px 0px;
  712. border-style: var(--bordersStyle);
  713. border-color: var(--bordersColor);
  714. }
  715.  
  716.  
  717. img {
  718. border:0;
  719. max-width:100%;
  720. height:auto;
  721. display:block;
  722. margin: 0;
  723. padding: 0;
  724. {block:ifImagesBlackandWhite}
  725. -webkit-filter: grayscale(100%);
  726. filter: grayscale(100%);
  727. {/block:ifImagesBlackandWhite}
  728. transition:var(--transitions);
  729. }
  730.  
  731. img:hover {
  732. opacity:1;
  733. -webkit-filter: grayscale(0%);
  734. filter: grayscale(0%);
  735. }
  736.  
  737. .posts:hover img {
  738. -webkit-filter: grayscale(0%);
  739. filter: grayscale(0%);
  740. opacity:1;
  741. }
  742.  
  743. ::-moz-selection {
  744. background-color: var(--boldColor);
  745. color:var(--postsBackgroundColor);
  746. }
  747.  
  748. ::selection {
  749. background-color: var(--boldColor);
  750. color:var(--postsBackgroundColor);
  751. }
  752.  
  753. /* tooltips */
  754. .tippy-tooltip.custom-theme {
  755. text-align:center;
  756. font-size:var(--bodyFontSize);
  757. font-weight:var(--boldFontWeight);
  758. color:var(--hoverTextColor);
  759. background-color:var(--hoverTextBackgroundColor);
  760. {block:ifBoxShadow}
  761. -webkit-box-shadow: var(--boxShadowSize) rgba(var(--boxShadowColor));
  762. box-shadow: var(--boxShadowSize) rgba(var(--boxShadowColor));
  763. {/block:ifBoxShadow}
  764. transition:var(--transitions);
  765. }
  766.  
  767.  
  768. /* custom icons */
  769. .cp:hover, .feather:hover, .navigation ul li .feather:hover {
  770. color: var(--bodyLinkHoverColor);
  771. stroke: var(--bodyLinkHoverColor);
  772. }
  773.  
  774. .sidebar {
  775. position: fixed;
  776. width: var(--sidebarWidth);
  777. height: 100vh;
  778. color: var(--sidebarTextColor);
  779. order: 1;
  780. display:flex;
  781. align-items: var(--sidebarContentPosition);
  782. justify-content: center;
  783. background: #1a1a1a;
  784. background: var(--sidebarBackgroundColor);
  785. }
  786.  
  787. .sidebar-background {
  788. position:absolute;
  789. width: 100%;
  790. left: 0;
  791. height: 100vh;
  792. top: 0;
  793. z-index: 99;
  794. }
  795.  
  796. .sidebar-background .image {
  797. height: 100vh;
  798. opacity: 0.7;
  799. background: url({image:Sidebar Background Image}) no-repeat center;
  800. }
  801.  
  802. .sidebar a {
  803. color: var(--sidebarLinkColor);
  804. }
  805.  
  806. .sidebar-content {
  807. width: var(--sidebarWidth);
  808. margin: 50px 10px;
  809. padding: 10px;
  810. overflow: hidden;
  811. background: #1a1a1a;
  812. background: var(--sidebarBackgroundColor);
  813. z-index: 99999;
  814. }
  815.  
  816. .sidebar-content img {
  817. width:268px;
  818. height:auto;
  819. object-fit: cover;
  820. display:block;
  821. margin: 0 auto 5px;
  822. }
  823.  
  824. .navigation {
  825. width: 268px;
  826. }
  827.  
  828. .navigation ul li:before {
  829. content: '';
  830. width: 0px;
  831. height: 0px;
  832. margin:0px;
  833. background-color: none;
  834. display: none;
  835. }
  836.  
  837. .navigation ul {
  838. width: 268px;
  839. display: flex;
  840. flex-wrap: wrap;
  841. align-items: center;
  842. text-align:center;
  843. }
  844.  
  845. .navigation ul li {
  846. font-size: var(--sidebarIconsFontSize);
  847. width: 46%;
  848. padding: 7px 0;
  849. list-style-type:none;
  850. margin: 0;
  851. color: var(--sidebarLinksIconAndFontColor);
  852. -webkit-box-sizing: border-box;
  853. box-sizing: border-box;
  854. }
  855.  
  856. .navigation ul li a {
  857. border-bottom: 1px solid var(--bordersColor);
  858. padding: 4px;
  859. }
  860.  
  861.  
  862. .pagination-content {
  863. display:flex;
  864. justify-content: space-around;
  865. }
  866.  
  867.  
  868.  
  869. /* post info */
  870. .date {
  871. margin: 10px 0 0;
  872. }
  873.  
  874. .time-ago {
  875. font-weight:var(--dateFontWeight);
  876. color:var(--boldColor);
  877. transition:all 0.3s;
  878. }
  879.  
  880. .date-content {
  881. display:flex;
  882. justify-content:var(--dateTextPosition);
  883. align-items:center;
  884. }
  885.  
  886. .date-links {
  887. display:flex;
  888. flex-direction: column;
  889. margin-right:15px;
  890. font-weight:normal;
  891. color:var(--bodyTextColor);
  892. font-size:var(--dateFontSize);
  893. text-transform: var(--dateTextTransform);
  894. }
  895.  
  896. .date-links:last-child {
  897. margin-right:0px;
  898. }
  899.  
  900. .date-links a {
  901. font-size:var(--dateFontSize);
  902. font-style:var(--dateFontStyle);
  903. color:var(--dateLinkColor);
  904. }
  905.  
  906. .date-links a:hover {
  907. color:var(--bodyLinkHoverColor);
  908. }
  909.  
  910. /* like text */
  911. .like-b {
  912. position:relative;
  913. display:inline-block;
  914. height:1em;
  915. line-height:1.5em;
  916. padding: 0 1px;
  917. font-weight:var(--dateFontWeight);
  918. }
  919.  
  920. .like-b .like_button iframe {
  921. position:absolute;
  922. top:0;
  923. left:0;
  924. bottom:0;
  925. right:0;
  926. z-index:2;
  927. opacity:0;
  928. }
  929.  
  930. .like-b .liked + .b {
  931. color: var(--likedLinkColor);
  932. font-weight:var(--boldFontWeight);
  933. }
  934.  
  935. .like-b .liked + .b:after {
  936. content:'d';
  937. }
  938.  
  939. .like-b a:hover {
  940. color:var(--bodyLinkHoverColor);
  941. }
  942.  
  943. .reblog {
  944. font-weight:var(--dateFontWeight);
  945. }
  946.  
  947. /* tags */
  948. .tags {
  949. text-align: var(--tagsTextPosition);
  950. text-transform: var(--tagsTextTransform);
  951. font-style:var(--tagsFontStyle);
  952. font-size:var(--tagsFontSize);
  953. word-wrap:break-word;
  954. }
  955.  
  956. .tags a {
  957. font-weight:var(--tagsFontWeight);
  958. color:var(--tagsLinkColor);
  959. margin-right:10px;
  960. }
  961.  
  962. .tags a:last-child{
  963. margin-right:0px;
  964. }
  965.  
  966. .tags a:first-child {
  967. margin-left:0px;
  968. }
  969.  
  970. .tags a:hover {
  971. color:var(--bodyLinkHoverColor);
  972. }
  973.  
  974.  
  975. /* posts */
  976. .container {
  977. width: calc(var(--sidebarWidth) + 570px + 150px);
  978. display: flex;
  979. flex-wrap: no-wrap;
  980. align-items: flex-start;
  981. margin: auto;
  982. }
  983.  
  984. .posts-container {
  985. margin-left: calc(var(--sidebarWidth) + 150px);
  986. }
  987.  
  988. .posts {
  989. {block:ifPostsSize540px}
  990. width: 100%;
  991. max-width: 541px;
  992. {/block:ifPostsSize540px}
  993. {block:ifPostsSize500px}
  994. width: 100%;
  995. max-width: 501px;
  996. {/block:ifPostsSize500px}
  997. {block:ifPostsSize400px}
  998. width: 100%;
  999. max-width:400px;
  1000. {/block:ifPostsSize400px}
  1001. padding:10px;
  1002. margin:100px auto;
  1003. text-align:var(--postsTextPosition);
  1004. {block:ifPostsBorders}
  1005. outline:var(--bordersSize) var(--bordersStyle) var(--bordersColor);
  1006. {/block:ifPostsBorders}
  1007. {block:ifBoxShadow}
  1008. -webkit-box-shadow: var(--boxShadowSize) rgba(var(--boxShadowColor));
  1009. box-shadow: var(--boxShadowSize) rgba(var(--boxShadowColor));
  1010. {/block:ifBoxShadow}
  1011. }
  1012.  
  1013. .posts:first-child {
  1014. margin:50px auto 50px;
  1015. }
  1016.  
  1017. .posts:last-child {
  1018. margin:50px auto 50px;
  1019. }
  1020.  
  1021. .posts img:not(.user-icon, .askicon) {
  1022. max-width:100%;
  1023. display:block;
  1024. height:auto;
  1025. }
  1026.  
  1027. .posts b, strong {
  1028. font-weight:var(--boldFontWeight);
  1029. }
  1030.  
  1031.  
  1032. .tumblr-posts {
  1033. margin-bottom:8px;
  1034. }
  1035.  
  1036. .tumblr-posts a {
  1037. color: var(--bodyLinkColor);
  1038. font-size: 13px;
  1039. display:inline-block;
  1040. margin:0 5px 0 0;
  1041. cursor: pointer;
  1042. font-weight:bold;
  1043. }
  1044.  
  1045. .tumblr-posts a:hover {
  1046. color:var(--bodyLinkHoverColor);
  1047. }
  1048.  
  1049.  
  1050. /* photosets */
  1051. [photoset-layout] {
  1052. display: grid;
  1053. grid-template-columns: repeat(6, 1fr);
  1054. {block:ifPostsSize540px}
  1055. grid-gap: 4.5px;
  1056. {/block:ifPostsSize540px}
  1057. {block:ifPostsSize500px}
  1058. grid-gap: 9.5px;
  1059. {/block:ifPostsSize500px}
  1060. {block:ifPostsSize400px}
  1061. grid-gap: 4px;
  1062. {/block:ifPostsSize400px}
  1063. }
  1064.  
  1065. [photoset-layout] img {
  1066. display: block;
  1067. height: 100%;
  1068. width: 100%;
  1069. -o-object-fit: cover;
  1070. object-fit: cover;
  1071. }
  1072.  
  1073. .photoset-grid {
  1074. {block:ifPostsSize540px}
  1075. max-width: 540px;
  1076. {/block:ifPostsSize540px}
  1077. {block:ifPostsSize500px}
  1078. max-width: 500px;
  1079. {/block:ifPostsSize500px}
  1080. {block:ifPostsSize400px}
  1081. max-width:400px;
  1082. {/block:ifPostsSize400px}
  1083. }
  1084.  
  1085. .photoset-grid div {
  1086. cursor: pointer;
  1087. }
  1088.  
  1089.  
  1090. /*----- CAPTIONS -----*/
  1091.  
  1092. .caption {margin-top: 2em; list-style-type: none;}
  1093. .caption p {margin: 1em 0;}
  1094. .caption p:last-of-type {margin-bottom: 0;}
  1095.  
  1096. .original-caption p:first-of-type {margin-top: 0;}
  1097. .text-caption:first-of-type {margin-top: 0;}
  1098. .caption iframe, .caption img {max-width: 100%;}
  1099.  
  1100. .user-icon {
  1101. display: inline-block;
  1102. vertical-align: middle;
  1103. border-radius: 50%;
  1104. width: 2em;
  1105. height: 2em;
  1106. margin-right: 1em;
  1107. }
  1108.  
  1109. .username {
  1110. display: inline-block;
  1111. vertical-align: middle;
  1112. font-weight: bold;
  1113. }
  1114.  
  1115. .deactive::after {
  1116. content: '(deactivated)';
  1117. margin-left: 1em;
  1118. opacity: 0.75;
  1119. color: {color:text};
  1120. }
  1121.  
  1122.  
  1123. p.tmblr-attribution {margin-top: 1em !important;}
  1124.  
  1125.  
  1126. figure {
  1127. display: inline-block;
  1128. }
  1129.  
  1130. figure.tmblr-full {
  1131. margin-bottom:5px;
  1132. }
  1133.  
  1134. /* old captions style */
  1135. {block:ifNotTumblrCaptions}
  1136. blockquote {
  1137. border-left:1px solid var(--bordersColor);
  1138. padding-left: 15px;
  1139. margin: 10px 10px;
  1140. }
  1141. {/block:ifNotTumblrCaptions}
  1142.  
  1143.  
  1144. /* tumblr's dashboad captions style */
  1145. {block:ifTumblrCaptions}
  1146. blockquote {
  1147. border-left:0px solid;
  1148. padding-left: 0px;
  1149. margin: 0px;
  1150. }
  1151. {/block:ifTumblrCaptions}
  1152.  
  1153.  
  1154.  
  1155. /*----- ANSWER -----*/
  1156.  
  1157. .ask-wrap {border-bottom: 1px solid var(--bordersColor); padding-bottom: 2em;}
  1158.  
  1159. .ask-wrap .askicon {
  1160. width: 2em;
  1161. height: 2em;
  1162. display: inline-block;
  1163. vertical-align: middle;
  1164. border-radius: 50%;
  1165. }
  1166.  
  1167. .ask-wrap .asking {
  1168. display: inline-block;
  1169. margin-left: 1em;
  1170. font-weight: bold;
  1171. }
  1172.  
  1173. .question {margin-top: 1em;}
  1174. .question p:first-of-type {margin-top: 0;}
  1175. .question p:last-of-type {margin-bottom: 0;}
  1176.  
  1177.  
  1178. /* lists */
  1179. ul {
  1180. margin:15px 0;
  1181. padding: 0;
  1182. list-style:none;
  1183. }
  1184.  
  1185. ul li {
  1186. margin:5px 15px;
  1187. list-style:none;
  1188. }
  1189.  
  1190. ul li::before {
  1191. content: '\e08f';
  1192. font-family:'saturnicons';
  1193. font-size:calc(var(--bodyFontSize) - 50%);
  1194. bottom:0.5px;
  1195. margin-right:7px;
  1196. display:inline-block;
  1197. vertical-align:middle;
  1198. position:relative;
  1199. color: var(--bodyLinkColor);
  1200. }
  1201.  
  1202. ol {
  1203. padding: 0 30px;
  1204. }
  1205.  
  1206. ol li {
  1207. list-style-type: decimal;
  1208. }
  1209.  
  1210.  
  1211.  
  1212. /* video */
  1213. .video {
  1214. {block:ifPostsSize540px}
  1215. width:540px;
  1216. {/block:ifPostsSize540px}
  1217. {block:ifPostsSize500px}
  1218. width:500px;
  1219. {/block:ifPostsSize500px}
  1220. {block:ifPostsSize400px}
  1221. width:400px;
  1222. {/block:ifPostsSize400px}
  1223. }
  1224.  
  1225.  
  1226. {block:if400pxposts}
  1227. iframe#youtube_iframe {
  1228. width: 400px;
  1229. height: 280px;
  1230. border-top-width: 0px;
  1231. border-right-width: 0px;
  1232. border-bottom-width: 0px;
  1233. border-left-width: 0px;
  1234. }
  1235. {/block:if400pxposts}
  1236.  
  1237. /*audio */
  1238. .audio {
  1239. -webkit-box-sizing: border-box;
  1240. box-sizing: border-box;
  1241. display:flex;
  1242. {block:ifPostsBorders}
  1243. outline:var(--bordersSize) var(--bordersStyle) var(--bordersColor);
  1244. {/block:ifPostsBorders}
  1245. align-items: center;
  1246. }
  1247.  
  1248.  
  1249. .album-art {
  1250. z-index: 1;
  1251. display: inline-block;
  1252. vertical-align: middle;
  1253. float: left;
  1254. width: 100px;
  1255. height: 100px;
  1256. }
  1257.  
  1258. .button {
  1259. width: 30px;
  1260. height: 30px;
  1261. overflow: hidden;
  1262. position: relative;
  1263. z-index: 2;
  1264. margin: 7px;
  1265. }
  1266.  
  1267. .audiobox {
  1268. background-color: #f2f2f2;
  1269. z-index: 3;
  1270. position: absolute;
  1271. margin: 28px;
  1272. border-radius: 50%;
  1273. }
  1274.  
  1275. .audio_trackinfo {
  1276. max-height: 74px;
  1277. min-height: 74px;
  1278. margin-left:15px;
  1279. display: flex;
  1280. flex: 4;
  1281. align-items: flex-start;
  1282. justify-content: center;
  1283. flex-direction: column;
  1284. padding: 5px;
  1285. background: var(--postsBackgroundColor);
  1286. color: var(--bodyTextColor);
  1287. }
  1288.  
  1289. .audio_trackname {
  1290. font-weight:var(--boldFontWeight);
  1291. color:var(--boldColor);
  1292. text-align:var(--postsTextPosition);
  1293. font-size:16px;
  1294. }
  1295.  
  1296. /* postnotes */
  1297. .post-notes {
  1298. {block:ifPostsSize540px}
  1299. width: 100%;
  1300. max-width: 540px;
  1301. {/block:ifPostsSize540px}
  1302. {block:ifPostsSize500px}
  1303. width: 100%;
  1304. max-width: 500px;
  1305. {/block:ifPostsSize500px}
  1306. {block:ifPostsSize400px}
  1307. width: 100%;
  1308. max-width:400px;
  1309. {/block:ifPostsSize400px}
  1310. margin-top:25px;
  1311. padding-top: 15px;
  1312. list-style-type: none;
  1313. font-family: var(--bodyFont), Arial, sans-serif;
  1314. font-size:var(--bodyFontSize);
  1315. color:var(--bodyTextColor);
  1316. background-color:var(--postsBackgroundColor);
  1317. border-top:var(--bordersSize) var(--bordersStyle) var(--bordersColor);
  1318. text-align:center;
  1319. }
  1320.  
  1321. .post-notes ol li, .post-notes ul li {
  1322. list-style-type: none;
  1323. margin:0;
  1324. line-height: calc(var(--bodyLineHeight) + 5px);
  1325. }
  1326.  
  1327. .post-notes ol li.like::before {
  1328. content: '\e12c';
  1329. font-family:'saturnicons';
  1330. font-size:calc(var(--bodyFontSize) - 40%);
  1331. bottom:0.5px;
  1332. margin-right:7px;
  1333. display:inline-block;
  1334. vertical-align:middle;
  1335. position:relative;
  1336. color: var(--bodyLinkColor);
  1337. }
  1338.  
  1339. .post-notes ol li.reblog::before {
  1340. content: '\e1f5';
  1341. font-family:'saturnicons';
  1342. font-size:calc(var(--bodyFontSize) - 40%);
  1343. bottom:0.5px;
  1344. margin-right:7px;
  1345. display:inline-block;
  1346. vertical-align:middle;
  1347. position:relative;
  1348. color: var(--bodyLinkColor);
  1349. }
  1350.  
  1351. .post-notes ol li.original_post::before {
  1352. content: '\e213';
  1353. font-family:'saturnicons';
  1354. font-size:calc(var(--bodyFontSize) - 40%);
  1355. bottom:0.5px;
  1356. margin-right:7px;
  1357. display:inline-block;
  1358. vertical-align:middle;
  1359. position:relative;
  1360. color: var(--bodyLinkColor);
  1361. }
  1362.  
  1363.  
  1364. .post-notes ol li:hover:before {
  1365. color:var(--bodyLinkHoverColor);
  1366. }
  1367.  
  1368. .post-notes ol li .more_notes_link a::before {
  1369. content: '';
  1370. }
  1371.  
  1372.  
  1373. ol.notes {
  1374. list-style:none;
  1375. color:var(--bodyTextColor);
  1376. padding:0;
  1377. }
  1378.  
  1379. ol.notes img {
  1380. display: none;
  1381. }
  1382.  
  1383.  
  1384.  
  1385. /* maziekeen's theme 221 - MASONRY NAVIGATION CSS PART */
  1386. .masonry-navigation {
  1387. width: 100%;
  1388. border-bottom: 1px solid var(--bordersColor);
  1389. margin-bottom:15px;
  1390. }
  1391.  
  1392. .masonry-navigation:last-child {
  1393. border:none;
  1394. }
  1395.  
  1396. .masonry-navigation-item.one-column {
  1397. width: 100%;
  1398. padding: 0 5px;
  1399. margin-bottom: 10px;
  1400. }
  1401.  
  1402. .masonry-navigation-item.one-column ul {
  1403. display: flex;
  1404. flex-wrap: wrap;
  1405. margin: 0;
  1406. padding: 0;
  1407. }
  1408.  
  1409. /* if you have any problem with one colum lists (ul li) you edit here */
  1410. .masonry-navigation-item.one-column ul li {
  1411. margin: 4px 15px;
  1412. padding: 0;
  1413. }
  1414.  
  1415. /* if they don't display two columns correctly, try to decrease the value on width: 240px */
  1416. .masonry-navigation-item.two-columns {
  1417. width: 240px;
  1418. padding: 0 5px;
  1419. margin-bottom: 10px;
  1420. }
  1421.  
  1422. /* if they don't display three columns correctly, try to decrease the value on width: 160px */
  1423. .masonry-navigation-item.three-columns {
  1424. width: 160px;
  1425. padding: 0 5px;
  1426. margin-bottom: 10px;
  1427. }
  1428.  
  1429. /* edit height: 215px to adjust the box height if you add the class scroll in the html */
  1430. .masonry-navigation-item.scroll {
  1431. height:215px;
  1432. overflow-y: scroll;
  1433. }
  1434.  
  1435. {CustomCSS}
  1436. </style>
  1437. </head>
  1438.  
  1439.  
  1440. <body data-theme="dark">
  1441. <!-- container -->
  1442. <div class="container">
  1443. <!-- sidebar -->
  1444. <aside class="sidebar">
  1445. <div class="sidebar-content">
  1446. <!--<div class="title">-->
  1447. <!-- <a href="/">-->
  1448. <!-- <span>{title}</span>-->
  1449. <!-- </a>-->
  1450. <!--</div>-->
  1451.  
  1452. <div class="description">
  1453. luciane 27. she/her <a target="_blank" href="https://www.tumblr.com/tagged/maziekeen"
  1454.  
  1455. title="also #userluciane">#maziekeen</a>. <a href="https://maziekeen.tumblr.com/tagged/gifs" title="above average">gifs</a>,
  1456.  
  1457. <a href="https://maziekeen.tumblr.com/tagged/psds" title="not taking
  1458.  
  1459. requests">psds</a>, and <a target="_blank" href="https://maziekeen.tumblr.com/themees"
  1460.  
  1461. title="pretty much all the same but still cute">themes</a>
  1462. <br>
  1463. <em><strong>i'm on hiatus</strong>, so i'm here <strong>mostly</strong> to make queue lists and answer asks </em>
  1464. </div>
  1465.  
  1466. <!-- navigation links -->
  1467. <nav class="navigation">
  1468. <ul>
  1469. <li>
  1470. <a href="{text:Index URL}">
  1471. {text:Index Text}
  1472. </a>
  1473. </li>
  1474.  
  1475. <li>
  1476. <a href="{text:Ask URL}">
  1477. {text:Ask Text}
  1478. </a>
  1479. </li>
  1480.  
  1481. {block:ifSidebarLink1}
  1482. <li>
  1483. <a href="{text:Sidebar Link 1 URL}">
  1484. {text:Sidebar Link 1 Text}
  1485. </a>
  1486. </li>
  1487. {/block:ifSidebarLink1}
  1488.  
  1489. {block:ifSidebarLink2}
  1490. <li>
  1491. <a href="{text:Sidebar Link 2 URL}">
  1492. {text:Sidebar Link 2 Text}
  1493. </a>
  1494. </li>
  1495. {/block:ifSidebarLink2}
  1496.  
  1497. {block:ifSidebarLink3}
  1498. <li>
  1499. <a href="{text:Sidebar Link 3 URL}">
  1500. {text:Sidebar Link 3 Text}
  1501. </a>
  1502. </li>
  1503. {/block:ifSidebarLink3}
  1504.  
  1505. {block:ifSidebarLink4}
  1506. <li>
  1507. <a href="{text:Sidebar Link 4 URL}">
  1508. {text:Sidebar Link 4 Text}
  1509. </a>
  1510. </li>
  1511. {/block:ifSidebarLink4}
  1512.  
  1513. {block:ifSidebarLink5}
  1514. <li>
  1515. <a href="{text:Sidebar Link 5 URL}">
  1516. {text:Sidebar Link 5 Text}
  1517. </a>
  1518. </li>
  1519. {/block:ifSidebarLink5}
  1520.  
  1521. {block:ifSidebarLink6}
  1522. <li>
  1523. <a href="{text:Sidebar Link 6 URL}">
  1524. {text:Sidebar Link 6 Text}
  1525. </a>
  1526. </li>
  1527. {/block:ifSidebarLink6}
  1528. </ul>
  1529. </nav>
  1530. <!-- pagination -->
  1531. <div class="pagination">
  1532. <div class="pagination-content">
  1533. {block:Pagination}
  1534. <span>
  1535. {block:previouspage}
  1536. <a href="{previouspage}">{lang:Previous page}</a> <span class="dot-separator"></span>
  1537. {/block:previouspage}
  1538. {block:nextpage}
  1539. <a href="{nextpage}">{lang:Next page}</a>
  1540. {/block:nextpage}
  1541. </span>
  1542. {/block:pagination}
  1543. <span>
  1544. <div class="scrolltop">
  1545. <a href="javascript:;" id="scrollToTop" title="Scroll to top"><i data-feather="arrow-up" class="feather"></i></a>
  1546. </div>
  1547. <a href="http://maziekeen.tumblr.com/" target="_blank">maziekeen</a> <span class="dot-separator"></span> <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5652042";
  1548. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  1549. fhs.src = "//freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  1550. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  1551. </script>
  1552. </span>
  1553. </div>
  1554. </div>
  1555. </div>
  1556. <div class="sidebar-background">
  1557. <div class="image"></div>
  1558. </div>
  1559. </aside>
  1560.  
  1561. <section class="posts-container">
  1562. <!-- posts -->
  1563. {block:Posts}
  1564. {block:TagPage}
  1565. <article class="tagday-page">
  1566. Viewing posts filed under <span class="tag-day">#{Tag}</span>
  1567. </article>
  1568. {/block:TagPage}
  1569.  
  1570. <article class="{posttype}post posts">
  1571. <!-- pinned post -->
  1572. {block:PinnedPostLabel}
  1573. <div class="tumblr-posts">
  1574. <!-- <a href="{Permalink}">{PinnedPostLabel}</a> -->
  1575. <a href="{Permalink}" title="{PinnedPostLabel}" class="sf sf-push-pin-o"></a>
  1576. </div>
  1577. {/block:PinnedPostLabel}
  1578.  
  1579. {block:Text}
  1580. {block:Title}<h1 class="post-title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  1581. {block:NotReblog}
  1582. <li class="caption original-caption text-caption">
  1583. <div class="caption-text">{Body}</div>
  1584. </li>
  1585. {/block:NotReblog}
  1586. {block:RebloggedFrom}
  1587. <div class="reblog-wrap">
  1588. {block:Reblogs}
  1589. <li class="caption text-caption">
  1590. <img src="{PortraitURL-64}" class="user-icon">
  1591. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1592. <div class="caption-text">{Body}</div>
  1593. </li>
  1594. {/block:Reblogs}
  1595. </div>
  1596. {/block:RebloggedFrom}
  1597. {/block:Text}
  1598.  
  1599. {block:Link}
  1600. <a href="{URL}" class="link-wrap">
  1601. {block:Thumbnail}<img src="{Thumbnail-HighRes}">{/block:Thumbnail}
  1602. <div class="link">
  1603. <div class="title">{Name}</div>
  1604. {block:Excerpt}<div class="link-txt">{Excerpt}</div>{/block:Excerpt}
  1605. {block:Host}<div class="link-host">{Host}</div>{/block:Host}
  1606. </div>
  1607. </a>
  1608. {block:Description}
  1609. {block:NotReblog}
  1610. <li class="caption original-caption">
  1611. <div class="caption-text">{Description}</div>
  1612. </li>
  1613. {/block:NotReblog}
  1614. {/block:Description}
  1615. {block:RebloggedFrom}
  1616. <div class="reblog-wrap">
  1617. {block:Reblogs}
  1618. <li class="caption">
  1619. <img src="{PortraitURL-64}" class="user-icon">
  1620. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1621. <div class="caption-text">{Body}</div>
  1622. </li>
  1623. {/block:Reblogs}
  1624. </div>
  1625. {/block:RebloggedFrom}
  1626. {/block:Link}
  1627.  
  1628. {block:Photo}
  1629. <img src="{PhotoURL-highres}" al="{photoalt}" class="photos">
  1630. {block:Caption}
  1631. {block:NotReblog}
  1632. <li class="caption original-caption">
  1633. <div class="caption-text">{Caption}</div>
  1634. </li>
  1635. {/block:NotReblog}
  1636. {block:RebloggedFrom}
  1637. <div class="reblog-wrap">
  1638. {block:Reblogs}
  1639. <li class="caption">
  1640. <img src="{PortraitURL-64}" class="user-icon">
  1641. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1642. <div class="caption-text">{Body}</div>
  1643. </li>
  1644. {/block:Reblogs}
  1645. </div>
  1646. {/block:RebloggedFrom}
  1647. {/block:Caption}
  1648. {/block:Photo}
  1649.  
  1650. {block:Photoset}
  1651. <div class="photoset">
  1652. <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>
  1653. </div>
  1654. {block:Caption}
  1655. {block:NotReblog}
  1656. <li class="caption original-caption">
  1657. <div class="caption-text">{Caption}</div>
  1658. </li>
  1659. {/block:NotReblog}
  1660. {block:RebloggedFrom}
  1661. <div class="reblog-wrap">
  1662. {block:Reblogs}
  1663. <li class="caption">
  1664. <img src="{PortraitURL-64}" class="user-icon">
  1665. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1666. <div class="caption-text">{Body}</div>
  1667. </li>
  1668. {/block:Reblogs}
  1669. </div>
  1670. {/block:RebloggedFrom}
  1671. {/block:Caption}
  1672. {/block:Photoset}
  1673.  
  1674. {block:Video}
  1675. <div class="video">{Video-500}</div>
  1676. {block:Caption}
  1677. {block:NotReblog}
  1678. <li class="caption original-caption">
  1679. <div class="caption-text">{Caption}</div>
  1680. </li>
  1681. {/block:NotReblog}
  1682. {block:RebloggedFrom}
  1683. <div class="reblog-wrap">
  1684. {block:Reblogs}
  1685. <li class="caption">
  1686. <img src="{PortraitURL-64}" class="user-icon">
  1687. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1688. <div class="caption-text">{Body}</div>
  1689. </li>
  1690. {/block:Reblogs}
  1691. </div>
  1692. {/block:RebloggedFrom}
  1693. {/block:Caption}
  1694. {/block:Video}
  1695.  
  1696. {block:Quote}
  1697. <div class="quote">{Quote}</div>
  1698. {block:Source}<div class="source">{Source}</div>{/block:Source}
  1699. {/block:Quote}
  1700.  
  1701. {block:Chat}
  1702. {block:Title}<h1 class="post-title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  1703. <ul class="chat">{block:Lines}
  1704. <li>
  1705. {block:Label}<div class="chatter">{Label}</div>{/block:Label}
  1706. <div class="chattxt">{Line}</div>
  1707. </li>
  1708. {/block:Lines}</ul>
  1709. {/block:Chat}
  1710.  
  1711. {block:Answer}
  1712. <div class="ask-wrap">
  1713. <img src="{AskerPortraitURL-64}" class="askicon">
  1714. <div class="asking">{Asker} asked</div>
  1715. <div class="question">{Question}</div>
  1716. </div>
  1717. {block:Answerer}
  1718. <li class="caption">
  1719. <img src="{AnswererPortraitURL-64}" class="user-icon">
  1720. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Answerer}</a></div>
  1721. <div class="caption-text">{Answer}</div>
  1722. </li>
  1723. {/block:Answerer}
  1724. {block:NotReblog}
  1725. <li class="caption original-caption">
  1726. <div class="caption-text">{Replies}</div>
  1727. </li>
  1728. {/block:NotReblog}
  1729. {block:RebloggedFrom}
  1730. <div class="reblog-wrap">
  1731. {block:Reblogs}
  1732. <li class="caption">
  1733. <img src="{PortraitURL-64}" class="user-icon">
  1734. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1735. <div class="caption-text">{Body}</div>
  1736. </li>
  1737. {/block:Reblogs}
  1738. </div>
  1739. {/block:RebloggedFrom}
  1740. {/block:Answer}
  1741.  
  1742. {block:Audio}
  1743. <div class="audio">
  1744. <div class="audiobox"><div class="button">
  1745. {block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}
  1746. </div></div>
  1747. <div class="album-art">
  1748. {block:AlbumArt}
  1749. <img src="{AlbumArtURL}">
  1750. {/block:AlbumArt}
  1751. </div>
  1752.  
  1753. {block:TrackName}
  1754. <div class="audio_trackinfo">
  1755. <div class="audio_trackname">{TrackName}</div>
  1756. {block:Artist}<div class="audio_artist">{Artist}</div>{/block:Artist}
  1757. {block:Album}<div class="audio_album">{Album}</div>{/block:Album}
  1758. </div>
  1759. {/block:TrackName}
  1760. </div>
  1761. {block:Caption}
  1762. {block:NotReblog}
  1763. <li class="caption original-caption">
  1764. <div class="caption-text">{Caption}</div>
  1765. </li>
  1766. {/block:NotReblog}
  1767. {block:RebloggedFrom}
  1768. <div class="reblog-wrap">
  1769. {block:Reblogs}
  1770. <li class="caption">
  1771. <img src="{PortraitURL-64}" class="user-icon">
  1772. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1773. <div class="caption-text">{Body}</div>
  1774. </li>
  1775. {/block:Reblogs}
  1776. </div>
  1777. {/block:RebloggedFrom}
  1778. {/block:Caption}
  1779. {/block:Audio}
  1780.  
  1781. <!-- post info -->
  1782. {block:Date}
  1783. <div class="date">
  1784. <div class="date-content">
  1785. <div class="date-links">
  1786. <a href="{Permalink}">
  1787. <a href="{Permalink}" title="{timeago}"><span class="time-ago">{TimeStamp}</span></a>
  1788. </a>
  1789. <span class="notecount">{NoteCountWithLabel}</span>
  1790. </div>
  1791.  
  1792. <div class="date-links">
  1793. {block:RebloggedFrom}
  1794. <div class="date-links">
  1795. <a target="_blank" href="{ReblogParentURL}" title="{lang:Reblogged from} {ReblogParentName}">
  1796. {ReblogParentName}
  1797. </a>
  1798. </div>
  1799. {/block:RebloggedFrom}
  1800.  
  1801. {block:ContentSource}
  1802. <a target="_blank" href="{SourceURL}" title="{lang:Originally from ReblogRootName}">
  1803. {SourceTitle}
  1804. </a>
  1805. {/block:ContentSource}
  1806. </div>
  1807.  
  1808. <div class="date-links">
  1809. <a target="_blank" href="{ReblogURL}" target="_blank" class="reblog">
  1810. reblog
  1811. </a>
  1812.  
  1813. <a class="like-b" href="#">
  1814. {LikeButton}<span class="b">like</span>
  1815. </a>
  1816. </div>
  1817.  
  1818. </div>
  1819. <div class="date-links">
  1820. {block:HasTags}
  1821. <span class="tags">
  1822. {block:Tags}
  1823. <a target="_blank" href="{TagURL}">
  1824. #{Tag}</a>
  1825. {/block:Tags}
  1826. </span>
  1827. {/block:HasTags}
  1828. </div>
  1829. </div>
  1830. {/block:Date}
  1831. <!-- end post info -->
  1832.  
  1833. <!-- post note list -->
  1834. {block:PostNotes}
  1835. <div class="post-notes">
  1836. {PostNotes}
  1837. </div>
  1838. {/block:PostNotes}
  1839. </article> <!-- end posts -->
  1840. {/block:Posts}
  1841. </section> <!-- end post section -->
  1842.  
  1843.  
  1844. </div> <!-- end container -->
  1845.  
  1846. <!-- top right icon for custom tumblr controls -->
  1847. {block:ifCustomControls}
  1848. <div class="hcontrols"><i data-feather="more-horizontal" class="feather"></i></div>
  1849. {/block:ifCustomControls}
  1850.  
  1851. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <!-- for tooltips -->
  1852. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
  1853. <script src="https://unpkg.com/popper.js@1"></script> <!-- tooltips -->
  1854. <script src="https://unpkg.com/tippy.js@5/dist/tippy-bundle.iife.js"></script> <!-- tooltips -->
  1855. <script type="text/javascript" src="https://static.tumblr.com/i5s2zks/9Acok8oo2/bct-timeago.min.js"></script> <!-- time stamp style -->
  1856. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script> <!-- resize videos -->
  1857. <script src="https://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  1858. <link href="//dl.dropbox.com/s/bnoj86mka0bkplb/npf-override.css" rel="stylesheet"> <!-- npf images readjustment -->
  1859. <script src="//dl.dropbox.com/s/vwrm94pcg4c9e71/npf-evenize.js"></script> <!-- npf images readjustment -->
  1860. <script src="//dl.dropbox.com/s/aqo7pinjzfub4tn/npf-legacy.js"></script> <!-- npf images readjustment -->
  1861. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"></script> <!-- smooth scroll -->
  1862.  
  1863. <!-- masonry navigation -->
  1864. <script src="https://static.tumblr.com/0siu224/Ljlqmh1nv/masonry.pkgd.min.js"></script>
  1865.  
  1866. <script type="text/javascript">
  1867. // masonry navigation
  1868. var elements = document.getElementsByClassName('masonry-navigation');
  1869. var msnry;
  1870. var nElements = elements.length;
  1871. for(var i = 0; i < nElements; i++){
  1872. msnry = new Masonry( elements[i], {
  1873. // columnWidth: 268,
  1874. gutter: 10,
  1875. itemSelector: '.masonry-navigation-item',
  1876. });
  1877. }
  1878. </script>
  1879.  
  1880.  
  1881. <script type="text/javascript">
  1882. // custom date
  1883. $(document).ready(function() {
  1884. $(".time-ago").timeAgo({
  1885. time: "letter", // can be "letter" "short" or "word"
  1886. spaces: true, // adds spaces between words and numbers
  1887. words: false, // turns numbers to words
  1888. prefix: "", // adds a prefix to the outputted string. could be "~" or "about"
  1889. suffix: "", // adds a suffix to the outputted string. could be "ago"
  1890. });
  1891. });
  1892.  
  1893. // feather icons (custom icons)
  1894. feather.replace();
  1895.  
  1896. // custom notecount
  1897. var $container = $('.posts-container');
  1898. $container.find('.notecount').each(function(){
  1899. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  1900. if (n > 999) {
  1901. n = Math.floor(n / 100) / 10;
  1902. $(this).text(n + 'k notes');
  1903. }
  1904. });
  1905.  
  1906. // photosets lightbox
  1907. function gatherData(images, arr) {
  1908. for (let i = 0; i < images.length; i++) {
  1909. let currentData = {
  1910. "width": images[i].getAttribute('data-width'),
  1911. "height": images[i].getAttribute('data-height'),
  1912. "low_res": images[i].getAttribute('data-lowres'),
  1913. "high_res": images[i].getAttribute('data-highres')
  1914. };
  1915. arr.push(currentData);
  1916. }
  1917. }
  1918. function getIndex(elem) {
  1919. let i = 0;
  1920. while( (elem = elem.previousElementSibling) != null ) i++;
  1921. return i;
  1922. }
  1923. function lightbox(elem) {
  1924. let currentPhotoset = elem.parentNode;
  1925. let photosetPhotos = currentPhotoset.getElementsByTagName('div');
  1926. let data = [];
  1927. gatherData(photosetPhotos, data);
  1928. Tumblr.Lightbox.init(data, getIndex(elem) + 1);
  1929. }
  1930.  
  1931. // tooltips
  1932. tippy('a[title], span[title], div[title]', {
  1933. theme: 'custom',
  1934. arrow: false,
  1935. zIndex: 9999999999,
  1936. maxWidth: 300,
  1937.  
  1938. content(reference) {
  1939. const title = reference.getAttribute('title');
  1940. reference.removeAttribute('title');
  1941. return title;
  1942. },
  1943. });
  1944.  
  1945. // remove tumblr redirects script by magnusthemes@tumblr
  1946. $('a[href*="t.umblr.com/redirect"]').each(function(){
  1947. var originalURL = $(this).attr("href").split("?z=")[1].split("&t=")[0];
  1948. var replaceURL = decodeURIComponent(originalURL);
  1949. $(this).attr("href", replaceURL);
  1950. });
  1951.  
  1952.  
  1953. </script>
  1954. </body>
  1955. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!