API tools faq
paste
ninchuser

Theme 4 - Axiom (Revamp) - cactusthemes

ninchuser
Aug 4th, 2019
9,120
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 65.19 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <head>
  4.  
  5. <!-- THEME 4 - AXIOM
  6. by cactusthemes
  7. -->
  8.  
  9. <!-- CREDITS: - Custom Tumblr Controls by cyantists
  10. - Lightbox/Soundcloud Player by shythemes
  11. - Tooltip by manos malihu
  12. - Undo Photosets/Custom Audio Script by annasthms
  13. - Icon Font by suiomi/feathericons
  14. - Unnested Captions by bychloethemes
  15. - Photosets.css by annasthms/espoirthemes
  16. - Flexibleframes script by nouvae
  17. - Smoothscroll.js by cfernandi
  18. - Like Button + Inf. Scroll by magnusthemes
  19. - Infinite Scroll by Paul Irish
  20. -->
  21.  
  22. <title>{Title}</title>
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <meta name="description" content="{MetaDescription}">
  26. <meta name="viewport" content="width=device-width, initial-scale=1">
  27.  
  28. <meta name="image:Icon" content="">
  29.  
  30. <meta name="if:Dark Tumblr Controls" content="0">
  31. <meta name="if:Infinite Scroll" content="0">
  32. <meta name="if:Load More Button" content="0">
  33. <meta name="if:Left Sidebar" content="1">
  34.  
  35. <meta name="text:Title" content="">
  36. <meta name="text:Link 1 URL" content="">
  37. <meta name="text:Link 1 Title" content="Link 1">
  38. <meta name="text:Link 2 URL" content="">
  39. <meta name="text:Link 2 Title" content="Link 2">
  40. <meta name="text:Link 3 URL" content="">
  41. <meta name="text:Link 3 Title" content="Link 3">
  42. <meta name="text:Link 4 URL" content="">
  43. <meta name="text:Link 4 Title" content="Link 4">
  44. <meta name="text:Link 5 URL" content="">
  45. <meta name="text:Link 5 Title" content="Link 5">
  46. <meta name="text:Link 6 URL" content="">
  47. <meta name="text:Link 6 Title" content="Link 6">
  48.  
  49. <meta name="select:Font Family" content="Rubik" title="rubik">
  50. <meta name="select:Font Family" content="Oxygen" title="oxygen">
  51. <meta name="select:Font Family" content="Fira Sans" title="fira sans">
  52. <meta name="select:Font Family" content="Muli" title="muli">
  53. <meta name="select:Font Family" content="Nunito" title="nunito">
  54. <meta name="select:Font Family" content="Raleway" title="raleway">
  55.  
  56. <meta name="select:Font Size" content="14px" title="14px">
  57. <meta name="select:Font Size" content="12px" title="12px">
  58. <meta name="select:Font Size" content="13px" title="13px">
  59. <meta name="select:Font Size" content="15px" title="15px">
  60.  
  61. <meta name="select:Post Size" content="500" title="500px">
  62. <meta name="select:Post Size" content="450" title="450px">
  63. <meta name="select:Post Size" content="540" title="540px">
  64. <meta name="select:Post Size" content="600" title="600px">
  65.  
  66. <meta name="select:Sidebar Icon" content="forest-o" title="tree">
  67. <meta name="select:Sidebar Icon" content="" title="none">
  68. <meta name="select:Sidebar Icon" content="agenda-o" title="agenda">
  69. <meta name="select:Sidebar Icon" content="alien-o" title="alien">
  70. <meta name="select:Sidebar Icon" content="apple-o" title="apple">
  71. <meta name="select:Sidebar Icon" content="atom-o" title="atom">
  72. <meta name="select:Sidebar Icon" content="avocado-o" title="avocado">
  73. <meta name="select:Sidebar Icon" content="bamboo-o" title="bamboo">
  74. <meta name="select:Sidebar Icon" content="bear-o" title="bear">
  75. <meta name="select:Sidebar Icon" content="bee-o" title="bee">
  76. <meta name="select:Sidebar Icon" content="bookmark-1-o" title="bookmark">
  77. <meta name="select:Sidebar Icon" content="burger-o" title="burger">
  78. <meta name="select:Sidebar Icon" content="butterfly-o" title="butterfly">
  79. <meta name="select:Sidebar Icon" content="cactus-o" title="cactus">
  80. <meta name="select:Sidebar Icon" content="cake-2-o" title="cake">
  81. <meta name="select:Sidebar Icon" content="camera-o" title="camera">
  82. <meta name="select:Sidebar Icon" content="cat-o" title="cat">
  83. <meta name="select:Sidebar Icon" content="chocolate-2-o" title="chocolate">
  84. <meta name="select:Sidebar Icon" content="cloud-3-o" title="cloud">
  85. <meta name="select:Sidebar Icon" content="coffee-2-o" title="coffee">
  86. <meta name="select:Sidebar Icon" content="settings-o" title="cog">
  87. <meta name="select:Sidebar Icon" content="constellation-o" title="constellation">
  88. <meta name="select:Sidebar Icon" content="cookie-o" title="cookie">
  89. <meta name="select:Sidebar Icon" content="deer-o" title="deer">
  90. <meta name="select:Sidebar Icon" content="donut-2-o" title="donut">
  91. <meta name="select:Sidebar Icon" content="dog-1-o" title="dog">
  92. <meta name="select:Sidebar Icon" content="earth-o" title="earth">
  93. <meta name="select:Sidebar Icon" content="egg-1-o" title="egg">
  94. <meta name="select:Sidebar Icon" content="fish-o" title="fish">
  95. <meta name="select:Sidebar Icon" content="flamingo-o" title="flamingo">
  96. <meta name="select:Sidebar Icon" content="flower-1-o" title="flower">
  97. <meta name="select:Sidebar Icon" content="fox-o" title="fox">
  98. <meta name="select:Sidebar Icon" content="heart-1-o" title="heart">
  99. <meta name="select:Sidebar Icon" content="hedgehog-o" title="hedgehog">
  100. <meta name="select:Sidebar Icon" content="ice-cream-1-o" title="ice cream">
  101. <meta name="select:Sidebar Icon" content="koala-o" title="koala">
  102. <meta name="select:Sidebar Icon" content="ladybug-o" title="ladybug">
  103. <meta name="select:Sidebar Icon" content="leaf-1-o" title="leaf">
  104. <meta name="select:Sidebar Icon" content="lemon-o" title="lemon">
  105. <meta name="select:Sidebar Icon" content="loupe-o" title="looking glass">
  106. <meta name="select:Sidebar Icon" content="idea-o" title="light bulb">
  107. <meta name="select:Sidebar Icon" content="magic-wand-o" title="magic wand">
  108. <meta name="select:Sidebar Icon" content="moon-o" title="moon">
  109. <meta name="select:Sidebar Icon" content="mountain-o" title="mountain">
  110. <meta name="select:Sidebar Icon" content="music-o" title="music">
  111. <meta name="select:Sidebar Icon" content="panda-o" title="panda">
  112. <meta name="select:Sidebar Icon" content="penguin-o" title="penguin">
  113. <meta name="select:Sidebar Icon" content="pineapple-o" title="pineapple">
  114. <meta name="select:Sidebar Icon" content="pizza-o" title="pizza">
  115. <meta name="select:Sidebar Icon" content="pumpkin-o" title="pumpkin">
  116. <meta name="select:Sidebar Icon" content="rabbit-o" title="rabbit">
  117. <meta name="select:Sidebar Icon" content="rainbow-o" title="rainbow">
  118. <meta name="select:Sidebar Icon" content="star-o" title="star">
  119. <meta name="select:Sidebar Icon" content="strawberry-o" title="strawberry">
  120. <meta name="select:Sidebar Icon" content="sun-o" title="sun">
  121. <meta name="select:Sidebar Icon" content="tea-o" title="tea">
  122. <meta name="select:Sidebar Icon" content="tiger-o" title="tiger">
  123. <meta name="select:Sidebar Icon" content="turtle-o" title="turtle">
  124. <meta name="select:Sidebar Icon" content="ufo-o" title="ufo">
  125. <meta name="select:Sidebar Icon" content="unicorn-o" title="unicorn">
  126.  
  127. <meta name="select:Link 1 Icon" content="leaf-1-o" title="leaf">
  128. <meta name="select:Link 1 Icon" content="tree-log-o" title="log">
  129. <meta name="select:Link 1 Icon" content="acorn-o" title="acorn">
  130. <meta name="select:Link 1 Icon" content="flower-1-o" title="flower">
  131. <meta name="select:Link 1 Icon" content="pine-cone-o" title="pine cone">
  132. <meta name="select:Link 1 Icon" content="plant-vase-o" title="plant vase">
  133. <meta name="select:Link 1 Icon" content="agenda-o" title="agenda">
  134. <meta name="select:Link 1 Icon" content="bell-o" title="bell">
  135. <meta name="select:Link 1 Icon" content="bookmark-1-o" title="bookmark">
  136. <meta name="select:Link 1 Icon" content="box-2-o" title="box">
  137. <meta name="select:Link 1 Icon" content="calendar-1-o" title="calendar">
  138. <meta name="select:Link 1 Icon" content="camera-o" title="camera">
  139. <meta name="select:Link 1 Icon" content="chat-bubble-o" title="chat bubble">
  140. <meta name="select:Link 1 Icon" content="cloud-3-o" title="cloud">
  141. <meta name="select:Link 1 Icon" content="dial-o" title="dial">
  142. <meta name="select:Link 1 Icon" content="discord-o" title="discord">
  143. <meta name="select:Link 1 Icon" content="dribbble-o" title="dribbble">
  144. <meta name="select:Link 1 Icon" content="facebook-o" title="facebook">
  145. <meta name="select:Link 1 Icon" content="fanfiction-net" title="ff.net">
  146. <meta name="select:Link 1 Icon" content="folder-3-o" title="folder">
  147. <meta name="select:Link 1 Icon" content="heart-1-o" title="heart">
  148. <meta name="select:Link 1 Icon" content="id-card-1-o" title="id card">
  149. <meta name="select:Link 1 Icon" content="instagram-o" title="instagram">
  150. <meta name="select:Link 1 Icon" content="ko-fi" title="ko-fi">
  151. <meta name="select:Link 1 Icon" content="map-1-o" title="map">
  152. <meta name="select:Link 1 Icon" content="moon-o" title="moon">
  153. <meta name="select:Link 1 Icon" content="music-o" title="music note">
  154. <meta name="select:Link 1 Icon" content="pinterest-o" title="pinterest">
  155. <meta name="select:Link 1 Icon" content="planet-1-o" title="planet">
  156. <meta name="select:Link 1 Icon" content="reddit-o" title="reddit">
  157. <meta name="select:Link 1 Icon" content="spotify" title="spotify">
  158. <meta name="select:Link 1 Icon" content="star-o" title="star">
  159. <meta name="select:Link 1 Icon" content="sun-o" title="sun">
  160. <meta name="select:Link 1 Icon" content="twitter-o" title="twitter">
  161. <meta name="select:Link 1 Icon" content="user-o" title="user">
  162. <meta name="select:Link 1 Icon" content="video" title="video">
  163. <meta name="select:Link 1 Icon" content="wattpad" title="wattpad">
  164. <meta name="select:Link 1 Icon" content="youtube-o" title="youtube">
  165.  
  166. <meta name="select:Link 2 Icon" content="tree-log-o" title="log">
  167. <meta name="select:Link 2 Icon" content="leaf-1-o" title="leaf">
  168. <meta name="select:Link 2 Icon" content="acorn-o" title="acorn">
  169. <meta name="select:Link 2 Icon" content="flower-1-o" title="flower">
  170. <meta name="select:Link 2 Icon" content="pine-cone-o" title="pine cone">
  171. <meta name="select:Link 2 Icon" content="plant-vase-o" title="plant vase">
  172. <meta name="select:Link 2 Icon" content="agenda-o" title="agenda">
  173. <meta name="select:Link 2 Icon" content="bell-o" title="bell">
  174. <meta name="select:Link 2 Icon" content="bookmark-1-o" title="bookmark">
  175. <meta name="select:Link 2 Icon" content="box-2-o" title="box">
  176. <meta name="select:Link 2 Icon" content="calendar-1-o" title="calendar">
  177. <meta name="select:Link 2 Icon" content="camera-o" title="camera">
  178. <meta name="select:Link 2 Icon" content="chat-bubble-o" title="chat bubble">
  179. <meta name="select:Link 2 Icon" content="cloud-3-o" title="cloud">
  180. <meta name="select:Link 2 Icon" content="dial-o" title="dial">
  181. <meta name="select:Link 2 Icon" content="discord-o" title="discord">
  182. <meta name="select:Link 2 Icon" content="dribbble-o" title="dribbble">
  183. <meta name="select:Link 2 Icon" content="facebook-o" title="facebook">
  184. <meta name="select:Link 2 Icon" content="fanfiction-net" title="ff.net">
  185. <meta name="select:Link 2 Icon" content="folder-3-o" title="folder">
  186. <meta name="select:Link 2 Icon" content="heart-1-o" title="heart">
  187. <meta name="select:Link 2 Icon" content="id-card-1-o" title="id card">
  188. <meta name="select:Link 2 Icon" content="instagram-o" title="instagram">
  189. <meta name="select:Link 2 Icon" content="ko-fi" title="ko-fi">
  190. <meta name="select:Link 2 Icon" content="map-1-o" title="map">
  191. <meta name="select:Link 2 Icon" content="moon-o" title="moon">
  192. <meta name="select:Link 2 Icon" content="music-o" title="music note">
  193. <meta name="select:Link 2 Icon" content="pinterest-o" title="pinterest">
  194. <meta name="select:Link 2 Icon" content="planet-1-o" title="planet">
  195. <meta name="select:Link 2 Icon" content="reddit-o" title="reddit">
  196. <meta name="select:Link 2 Icon" content="spotify" title="spotify">
  197. <meta name="select:Link 2 Icon" content="star-o" title="star">
  198. <meta name="select:Link 2 Icon" content="sun-o" title="sun">
  199. <meta name="select:Link 2 Icon" content="twitter-o" title="twitter">
  200. <meta name="select:Link 2 Icon" content="user-o" title="user">
  201. <meta name="select:Link 2 Icon" content="video" title="video">
  202. <meta name="select:Link 2 Icon" content="wattpad" title="wattpad">
  203. <meta name="select:Link 2 Icon" content="youtube-o" title="youtube">
  204.  
  205. <meta name="select:Link 3 Icon" content="acorn-o" title="acorn">
  206. <meta name="select:Link 3 Icon" content="leaf-1-o" title="leaf">
  207. <meta name="select:Link 3 Icon" content="tree-log-o" title="log">
  208. <meta name="select:Link 3 Icon" content="flower-1-o" title="flower">
  209. <meta name="select:Link 3 Icon" content="pine-cone-o" title="pine cone">
  210. <meta name="select:Link 3 Icon" content="plant-vase-o" title="plant vase">
  211. <meta name="select:Link 3 Icon" content="agenda-o" title="agenda">
  212. <meta name="select:Link 3 Icon" content="bell-o" title="bell">
  213. <meta name="select:Link 3 Icon" content="bookmark-1-o" title="bookmark">
  214. <meta name="select:Link 3 Icon" content="box-2-o" title="box">
  215. <meta name="select:Link 3 Icon" content="calendar-1-o" title="calendar">
  216. <meta name="select:Link 3 Icon" content="camera-o" title="camera">
  217. <meta name="select:Link 3 Icon" content="chat-bubble-o" title="chat bubble">
  218. <meta name="select:Link 3 Icon" content="cloud-3-o" title="cloud">
  219. <meta name="select:Link 3 Icon" content="dial-o" title="dial">
  220. <meta name="select:Link 3 Icon" content="discord-o" title="discord">
  221. <meta name="select:Link 3 Icon" content="dribbble-o" title="dribbble">
  222. <meta name="select:Link 3 Icon" content="facebook-o" title="facebook">
  223. <meta name="select:Link 3 Icon" content="fanfiction-net" title="ff.net">
  224. <meta name="select:Link 3 Icon" content="folder-3-o" title="folder">
  225. <meta name="select:Link 3 Icon" content="heart-1-o" title="heart">
  226. <meta name="select:Link 3 Icon" content="id-card-1-o" title="id card">
  227. <meta name="select:Link 3 Icon" content="instagram-o" title="instagram">
  228. <meta name="select:Link 3 Icon" content="ko-fi" title="ko-fi">
  229. <meta name="select:Link 3 Icon" content="map-1-o" title="map">
  230. <meta name="select:Link 3 Icon" content="moon-o" title="moon">
  231. <meta name="select:Link 3 Icon" content="music-o" title="music note">
  232. <meta name="select:Link 3 Icon" content="pinterest-o" title="pinterest">
  233. <meta name="select:Link 3 Icon" content="planet-1-o" title="planet">
  234. <meta name="select:Link 3 Icon" content="reddit-o" title="reddit">
  235. <meta name="select:Link 3 Icon" content="spotify" title="spotify">
  236. <meta name="select:Link 3 Icon" content="star-o" title="star">
  237. <meta name="select:Link 3 Icon" content="sun-o" title="sun">
  238. <meta name="select:Link 3 Icon" content="twitter-o" title="twitter">
  239. <meta name="select:Link 3 Icon" content="user-o" title="user">
  240. <meta name="select:Link 3 Icon" content="video" title="video">
  241. <meta name="select:Link 3 Icon" content="wattpad" title="wattpad">
  242. <meta name="select:Link 3 Icon" content="youtube-o" title="youtube">
  243.  
  244. <meta name="select:Link 4 Icon" content="flower-1-o" title="flower">
  245. <meta name="select:Link 4 Icon" content="leaf-1-o" title="leaf">
  246. <meta name="select:Link 4 Icon" content="tree-log-o" title="log">
  247. <meta name="select:Link 4 Icon" content="acorn-o" title="acorn">
  248. <meta name="select:Link 4 Icon" content="pine-cone-o" title="pine cone">
  249. <meta name="select:Link 4 Icon" content="plant-vase-o" title="plant vase">
  250. <meta name="select:Link 4 Icon" content="agenda-o" title="agenda">
  251. <meta name="select:Link 4 Icon" content="bell-o" title="bell">
  252. <meta name="select:Link 4 Icon" content="bookmark-1-o" title="bookmark">
  253. <meta name="select:Link 4 Icon" content="box-2-o" title="box">
  254. <meta name="select:Link 4 Icon" content="calendar-1-o" title="calendar">
  255. <meta name="select:Link 4 Icon" content="camera-o" title="camera">
  256. <meta name="select:Link 4 Icon" content="chat-bubble-o" title="chat bubble">
  257. <meta name="select:Link 4 Icon" content="cloud-3-o" title="cloud">
  258. <meta name="select:Link 4 Icon" content="dial-o" title="dial">
  259. <meta name="select:Link 4 Icon" content="discord-o" title="discord">
  260. <meta name="select:Link 4 Icon" content="dribbble-o" title="dribbble">
  261. <meta name="select:Link 4 Icon" content="facebook-o" title="facebook">
  262. <meta name="select:Link 4 Icon" content="fanfiction-net" title="ff.net">
  263. <meta name="select:Link 4 Icon" content="folder-3-o" title="folder">
  264. <meta name="select:Link 4 Icon" content="heart-1-o" title="heart">
  265. <meta name="select:Link 4 Icon" content="id-card-1-o" title="id card">
  266. <meta name="select:Link 4 Icon" content="instagram-o" title="instagram">
  267. <meta name="select:Link 4 Icon" content="ko-fi" title="ko-fi">
  268. <meta name="select:Link 4 Icon" content="map-1-o" title="map">
  269. <meta name="select:Link 4 Icon" content="moon-o" title="moon">
  270. <meta name="select:Link 4 Icon" content="music-o" title="music note">
  271. <meta name="select:Link 4 Icon" content="pinterest-o" title="pinterest">
  272. <meta name="select:Link 4 Icon" content="planet-1-o" title="planet">
  273. <meta name="select:Link 4 Icon" content="reddit-o" title="reddit">
  274. <meta name="select:Link 4 Icon" content="spotify" title="spotify">
  275. <meta name="select:Link 4 Icon" content="star-o" title="star">
  276. <meta name="select:Link 4 Icon" content="sun-o" title="sun">
  277. <meta name="select:Link 4 Icon" content="twitter-o" title="twitter">
  278. <meta name="select:Link 4 Icon" content="user-o" title="user">
  279. <meta name="select:Link 4 Icon" content="video" title="video">
  280. <meta name="select:Link 4 Icon" content="wattpad" title="wattpad">
  281. <meta name="select:Link 4 Icon" content="youtube-o" title="youtube">
  282.  
  283. <meta name="select:Link 5 Icon" content="pine-cone-o" title="pine cone">
  284. <meta name="select:Link 5 Icon" content="leaf-1-o" title="leaf">
  285. <meta name="select:Link 5 Icon" content="tree-log-o" title="log">
  286. <meta name="select:Link 5 Icon" content="acorn-o" title="acorn">
  287. <meta name="select:Link 5 Icon" content="flower-1-o" title="flower">
  288. <meta name="select:Link 5 Icon" content="plant-vase-o" title="plant vase">
  289. <meta name="select:Link 5 Icon" content="agenda-o" title="agenda">
  290. <meta name="select:Link 5 Icon" content="bell-o" title="bell">
  291. <meta name="select:Link 5 Icon" content="bookmark-1-o" title="bookmark">
  292. <meta name="select:Link 5 Icon" content="box-2-o" title="box">
  293. <meta name="select:Link 5 Icon" content="calendar-1-o" title="calendar">
  294. <meta name="select:Link 5 Icon" content="camera-o" title="camera">
  295. <meta name="select:Link 5 Icon" content="chat-bubble-o" title="chat bubble">
  296. <meta name="select:Link 5 Icon" content="cloud-3-o" title="cloud">
  297. <meta name="select:Link 5 Icon" content="dial-o" title="dial">
  298. <meta name="select:Link 5 Icon" content="discord-o" title="discord">
  299. <meta name="select:Link 5 Icon" content="dribbble-o" title="dribbble">
  300. <meta name="select:Link 5 Icon" content="facebook-o" title="facebook">
  301. <meta name="select:Link 5 Icon" content="fanfiction-net" title="ff.net">
  302. <meta name="select:Link 5 Icon" content="folder-3-o" title="folder">
  303. <meta name="select:Link 5 Icon" content="heart-1-o" title="heart">
  304. <meta name="select:Link 5 Icon" content="id-card-1-o" title="id card">
  305. <meta name="select:Link 5 Icon" content="instagram-o" title="instagram">
  306. <meta name="select:Link 5 Icon" content="ko-fi" title="ko-fi">
  307. <meta name="select:Link 5 Icon" content="map-1-o" title="map">
  308. <meta name="select:Link 5 Icon" content="moon-o" title="moon">
  309. <meta name="select:Link 5 Icon" content="music-o" title="music note">
  310. <meta name="select:Link 5 Icon" content="pinterest-o" title="pinterest">
  311. <meta name="select:Link 5 Icon" content="planet-1-o" title="planet">
  312. <meta name="select:Link 5 Icon" content="reddit-o" title="reddit">
  313. <meta name="select:Link 5 Icon" content="spotify" title="spotify">
  314. <meta name="select:Link 5 Icon" content="star-o" title="star">
  315. <meta name="select:Link 5 Icon" content="sun-o" title="sun">
  316. <meta name="select:Link 5 Icon" content="twitter-o" title="twitter">
  317. <meta name="select:Link 5 Icon" content="user-o" title="user">
  318. <meta name="select:Link 5 Icon" content="video" title="video">
  319. <meta name="select:Link 5 Icon" content="wattpad" title="wattpad">
  320. <meta name="select:Link 5 Icon" content="youtube-o" title="youtube">
  321.  
  322. <meta name="select:Link 6 Icon" content="plant-vase-o" title="plant vase">
  323. <meta name="select:Link 6 Icon" content="acorn-o" title="acorn">
  324. <meta name="select:Link 6 Icon" content="leaf-1-o" title="leaf">
  325. <meta name="select:Link 6 Icon" content="tree-log-o" title="log">
  326. <meta name="select:Link 6 Icon" content="flower-1-o" title="flower">
  327. <meta name="select:Link 6 Icon" content="pine-cone-o" title="pine cone">
  328. <meta name="select:Link 6 Icon" content="agenda-o" title="agenda">
  329. <meta name="select:Link 6 Icon" content="bell-o" title="bell">
  330. <meta name="select:Link 6 Icon" content="bookmark-1-o" title="bookmark">
  331. <meta name="select:Link 6 Icon" content="box-2-o" title="box">
  332. <meta name="select:Link 6 Icon" content="calendar-1-o" title="calendar">
  333. <meta name="select:Link 6 Icon" content="camera-o" title="camera">
  334. <meta name="select:Link 6 Icon" content="chat-bubble-o" title="chat bubble">
  335. <meta name="select:Link 6 Icon" content="cloud-3-o" title="cloud">
  336. <meta name="select:Link 6 Icon" content="dial-o" title="dial">
  337. <meta name="select:Link 6 Icon" content="discord-o" title="discord">
  338. <meta name="select:Link 6 Icon" content="dribbble-o" title="dribbble">
  339. <meta name="select:Link 6 Icon" content="facebook-o" title="facebook">
  340. <meta name="select:Link 6 Icon" content="fanfiction-net" title="ff.net">
  341. <meta name="select:Link 6 Icon" content="folder-3-o" title="folder">
  342. <meta name="select:Link 6 Icon" content="heart-1-o" title="heart">
  343. <meta name="select:Link 6 Icon" content="id-card-1-o" title="id card">
  344. <meta name="select:Link 6 Icon" content="instagram-o" title="instagram">
  345. <meta name="select:Link 6 Icon" content="ko-fi" title="ko-fi">
  346. <meta name="select:Link 6 Icon" content="map-1-o" title="map">
  347. <meta name="select:Link 6 Icon" content="moon-o" title="moon">
  348. <meta name="select:Link 6 Icon" content="music-o" title="music note">
  349. <meta name="select:Link 6 Icon" content="pinterest-o" title="pinterest">
  350. <meta name="select:Link 6 Icon" content="planet-1-o" title="planet">
  351. <meta name="select:Link 6 Icon" content="reddit-o" title="reddit">
  352. <meta name="select:Link 6 Icon" content="spotify" title="spotify">
  353. <meta name="select:Link 6 Icon" content="star-o" title="star">
  354. <meta name="select:Link 6 Icon" content="sun-o" title="sun">
  355. <meta name="select:Link 6 Icon" content="twitter-o" title="twitter">
  356. <meta name="select:Link 6 Icon" content="user-o" title="user">
  357. <meta name="select:Link 6 Icon" content="video" title="video">
  358. <meta name="select:Link 6 Icon" content="wattpad" title="wattpad">
  359. <meta name="select:Link 6 Icon" content="youtube-o" title="youtube">
  360.  
  361. <meta name="color:Background" content="#eee">
  362. <meta name="color:Text" content="#777">
  363. <meta name="color:Selection Background" content="#287a54">
  364. <meta name="color:Selection Text" content="#fff">
  365. <meta name="color:Header Background" content="#2d895e">
  366. <meta name="color:Header Links" content="#fff">
  367. <meta name="color:Blockquote" content="#d7f2e5">
  368. <meta name="color:Post Background" content="#fff">
  369. <meta name="color:Post Links" content="#2d895e">
  370. <meta name="color:Post Links Hover" content="#52c690">
  371. <meta name="color:Pagination Buttons" content="#153f2b">
  372.  
  373. <link href="https://fonts.googleapis.com/css?family=Rubik|Oxygen|Fira+Sans|Muli|Nunito|Raleway" rel="stylesheet">
  374.  
  375. <link href="https://static.tumblr.com/uxq3xua/Ci6ph2baf/funtumblrfont.css" rel="stylesheet">
  376.  
  377. <link href="https://dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  378.  
  379. <link href="https://static.tumblr.com/0podkko/bwepdyarh/photosets.css" rel="stylesheet">
  380.  
  381. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  382.  
  383. <script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
  384.  
  385. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  386.  
  387. <script src="https://static.tumblr.com/0podkko/1h3phx56l/fix_new_tumblr_photosets.js"></script>
  388.  
  389. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.9/SmoothScroll.min.js"></script>
  390.  
  391. <script src="https://unpkg.com/feather-icons"></script>
  392.  
  393. <script src="https://static.tumblr.com/0podkko/EWEptjciz/customaudio.js"></script>
  394.  
  395. <script src="https://static.tumblr.com/yfztp0u/brUohnb4m/infinitescroll.js"></script>
  396.  
  397. <script src="https://static.tumblr.com/uxq3xua/EoXpvokxe/axiom.cactusthemes.js"></script>
  398.  
  399. <style type="text/css">
  400.  
  401. body {
  402. background:{color:Background};
  403. font-family:'{select:Font Family}';
  404. font-size:{select:Font Size};
  405. color:{color:Text};
  406. margin:0;
  407. }
  408.  
  409. iframe.iframe-controls--desktop {
  410. white-space:nowrap!important;
  411. z-index:99999999999999!important;
  412. top:13px!important;
  413. right:15px!important;
  414. {block:ifDarkTumblrControls}
  415. filter:invert(1) contrast(150%);
  416. -webkit-filter:invert(1) contrast(150%);
  417. -o-filter:invert(1) contrast(150%);
  418. -moz-filter:invert(1) contrast(150%);
  419. -ms-filter:invert(1) contrast(150%);
  420. opacity:.6!important;
  421. {/block:ifDarkTumblrControls}
  422. {block:ifNotDarkTumblrControls}
  423. opacity:.8!important;
  424. {/block:ifNotDarkTumblrControls}
  425. transition:all .5s ease-in-out;
  426. -moz-transition:all .5s ease-in-out;
  427. -o-transition:all .5s ease-in-out;
  428. -webkit-transition:all .5s ease-in-out;
  429. transform:scale(0.80);
  430. transform-origin:100% 0;
  431. -webkit-transform:scale(0.80);
  432. -webkit-transform-origin:100% 0;
  433. -o-transform:scale(0.80);
  434. -o-transform-origin:100% 0;
  435. -moz-transform:scale(0.80);
  436. -moz-transform-origin:100% 0;
  437. -ms-transform:scale(0.80);
  438. -ms-transform-origin:100% 0;
  439. }
  440.  
  441. iframe.iframe-controls--desktop:hover {
  442. {block:ifDarkTumblrControls}
  443. opacity:.8!important;
  444. {/block:ifDarkTumblrControls}
  445. {block:ifNotDarkTumblrControls}
  446. opacity:1!important;
  447. {/block:ifNotDarkTumblrControls}
  448. }
  449.  
  450. {block:ifDarkTumblrControls}
  451. div.status-indicator {
  452. filter:invert(1)!important;
  453. }
  454. {/block:ifDarkTumblrControls}
  455.  
  456. iframe.tmblr-iframe--app-cta-button, iframe.iframe-controls--phone-mobile {
  457. display:none!important;
  458. }
  459.  
  460. .tmblr-iframe-pushdown {
  461. padding:0px!important;
  462. }
  463.  
  464. ::-webkit-scrollbar {
  465. width:12px;
  466. height:12px;
  467. background:#e5e5e5;
  468. border:5px solid #fff;
  469. border-radius:3px;
  470. }
  471.  
  472. ::-webkit-scrollbar-thumb {
  473. border:2px solid #fff;
  474. border-radius:10px;
  475. background:{color:Selection Background};
  476. }
  477.  
  478. ::selection {
  479. background:{color:Selection Background};
  480. color:{color:Selection Text};
  481. }
  482.  
  483. ::-moz-selection {
  484. background:{color:Selection Background};
  485. color:{color:Selection Text};
  486. }
  487.  
  488. h1, h2, h3, h4, h5, h6 {
  489. margin:10px 0px;
  490. }
  491.  
  492. a {
  493. transition:all .5s ease-in-out;
  494. text-decoration:none;
  495. }
  496.  
  497. hr {
  498. border:0;
  499. border-top:2.5px solid {color:Header Background};
  500. border-radius:5px;
  501. margin:1em auto;
  502. }
  503.  
  504. p {
  505. margin:.5em 0;
  506. }
  507.  
  508. * p:first-of-type {
  509. margin-top:0;
  510. }
  511.  
  512. * p:last-of-type {
  513. margin-bottom:0;
  514. }
  515.  
  516. blockquote {
  517. background:{color:Blockquote};
  518. padding:10px;
  519. border-radius:15px;
  520. margin:10px;
  521. }
  522.  
  523. blockquote blockquote {
  524. background:{color:Post Background};
  525. padding:10px;
  526. border-radius:15px;
  527. margin:10px;
  528. }
  529.  
  530. #s-m-t-tooltip {
  531. max-width:300px;
  532. overflow-x:auto;
  533. margin:25px 20px;
  534. padding:7px;
  535. background:{color:Header Background};
  536. color:{color:Header Links};
  537. border-radius:10px;
  538. box-shadow:3px 3px 1px {color:Blockquote};
  539. height:auto;
  540. word-wrap:break-word;
  541. z-index:9999!important;
  542. text-transform:lowercase;
  543. }
  544.  
  545. header {
  546. background:{color:Header Background};
  547. width:100%;
  548. position:fixed;
  549. min-height:70px;
  550. left:0;
  551. top:0;
  552. text-align:center;
  553. z-index:10;
  554. padding:13px 0px;
  555. box-sizing:border-box;
  556. }
  557.  
  558. header nav a {
  559. font-size:25px;
  560. margin-right:15px;
  561. display:inline-block;
  562. }
  563.  
  564. header nav a:last-of-type {
  565. margin-right:0;
  566. }
  567.  
  568. header nav a > div {
  569. width:40px;
  570. height:40px;
  571. display:-webkit-box;
  572. display:-ms-flexbox;
  573. display:flex;
  574. -webkit-box-pack:center;
  575. -ms-flex-pack:center;
  576. justify-content:center;
  577. -webkit-box-align:center;
  578. -ms-flex-align:center;
  579. align-items:center;
  580. border:2px dotted {color:Header Links};
  581. border-radius:50px;
  582. transition:all .5s ease-in-out;
  583. color:{color:Header Links};
  584. }
  585.  
  586. header nav a:hover > div {
  587. background:{color:Header Links};
  588. color:{color:Header Background};
  589. }
  590.  
  591. section#aside {
  592. width:40vw;
  593. vertical-align:top;
  594. position:fixed;
  595. display:-webkit-inline-box;
  596. display:-ms-inline-flexbox;
  597. display:inline-flex;
  598. {block:ifLeftSidebar}
  599. -webkit-box-pack:end;
  600. -ms-flex-pack:end;
  601. justify-content:flex-end;
  602. {/block:ifLeftSidebar}
  603. {block:ifNotLeftSidebar}
  604. right:0;
  605. -webkit-box-pack:start;
  606. -ms-flex-pack:start;
  607. justify-content:flex-start;
  608. {/block:ifNotLeftSidebar}
  609. }
  610.  
  611. aside {
  612. position:relative;
  613. width:60%;
  614. margin-top:112px;
  615. }
  616.  
  617. aside a.title {
  618. color:{color:Header Links};
  619. display:-webkit-box;
  620. display:-ms-flexbox;
  621. display:flex;
  622. -webkit-box-pack:center;
  623. -ms-flex-pack:center;
  624. justify-content:center;
  625. -webkit-box-align:center;
  626. -ms-flex-align:center;
  627. align-items:center;
  628. }
  629.  
  630. aside img {
  631. width:100%;
  632. height:auto;
  633. border-radius:30px 30px 0px 0px;
  634. }
  635.  
  636. aside a.title .th {
  637. font-size:60px;
  638. position:absolute;
  639. }
  640.  
  641. aside h2 {
  642. background:{color:Header Background};
  643. color:{color:Header Links};
  644. margin:-4px 0 0 0;
  645. text-transform:uppercase;
  646. text-align:center;
  647. padding:10px;
  648. border-radius:30px 30px 0px 0px;
  649. }
  650.  
  651. aside section#desc {
  652. background:{color:Post Background};
  653. padding:15px;
  654. border-radius:30px;
  655. margin-top:-4px;
  656. }
  657.  
  658. aside section#desc a {
  659. color:{color:Post Links};
  660. }
  661.  
  662. aside section#desc a:hover {
  663. text-shadow:-1px 1px {color:Post Links Hover};
  664. }
  665.  
  666. aside section#pagi, section.respagi {
  667. display:-webkit-box;
  668. display:-ms-flexbox;
  669. display:flex;
  670. -ms-flex-pack:distribute;
  671. justify-content:space-around;
  672. }
  673.  
  674. aside section#pagi {
  675. margin-top:10px;
  676. }
  677.  
  678. section.respagi {
  679. margin:50px 0;
  680. display:none;
  681. }
  682.  
  683. aside section#pagi div, section.respagi div {
  684. display:inline-block;
  685. vertical-align:middle;
  686. }
  687.  
  688. aside section#pagi .prev, aside section#pagi .next, section.respagi .prev, section.respagi .next {
  689. width:14px;
  690. height:14px;
  691. }
  692.  
  693. aside section#pagi a, section.respagi a {
  694. color:{color:Pagination Buttons};
  695. }
  696.  
  697. aside section#pagi a:hover, section .respagi a:hover {
  698. text-shadow:-1px 1px {color:Post Links Hover};
  699. }
  700.  
  701. section#posts {
  702. width:calc(60vw - 12px);
  703. {block:ifLeftSidebar}
  704. margin-left:40vw;
  705. -webkit-box-pack:start;
  706. -ms-flex-pack:start;
  707. justify-content:flex-start;
  708. {/block:ifLeftSidebar}
  709. {block:ifNotLeftSidebar}
  710. -webkit-box-pack:center;
  711. -ms-flex-pack:center;
  712. justify-content:center;
  713. {/block:ifNotLeftSidebar}
  714. z-index:5;
  715. vertical-align:top;
  716. margin-top:62px;
  717. display:-webkit-inline-box;
  718. display:-ms-inline-flexbox;
  719. display:inline-flex;
  720. }
  721.  
  722. div.posts_inner {
  723. width:{select:Post Size}px;
  724. margin-left:50px;
  725. }
  726.  
  727. article.post {
  728. margin:50px 0px;
  729. }
  730.  
  731. {block:ifNotLoadMoreButton}
  732.  
  733. article.post:last-of-type {
  734. margin-bottom:0;
  735. }
  736.  
  737. {/block:ifNotLoadMoreButton}
  738.  
  739. article.post h2.title {
  740. margin:0;
  741. border-radius:30px 30px 0px 0px;
  742. background:{color:Header Background};
  743. color:{color:Header Links};
  744. padding:15px;
  745. }
  746.  
  747. article.post h2.title a {
  748. color:{color:Header Links};
  749. }
  750.  
  751. article.post h2.title a:hover {
  752. text-shadow:-2px 2px {color:Pagination Buttons};
  753. }
  754.  
  755. article.post .reblog-header img.blog {
  756. width:30px;
  757. vertical-align:middle;
  758. border-radius:30px;
  759. margin-right:10px;
  760. }
  761.  
  762. article.post .reblog-header span.blog {
  763. vertical-align:middle;
  764. display:inline-block;
  765. font-weight:bold;
  766. color:{color:Post Links};
  767. }
  768.  
  769. article.post .reblog-header:first-of-type {
  770. margin:0px 0px 10px 0px;
  771. }
  772.  
  773. article.post .reblog-header {
  774. margin:10px 0px;
  775. }
  776.  
  777. article.post .reblog-header span.inactive, article.post .reblog-header a.active {
  778. display:inline-block;
  779. }
  780.  
  781. article.post .reblog-header span.inactive {
  782. cursor:default;
  783. }
  784.  
  785. article.post .reblog-header span.inactive span.blog::after {
  786. content:'deactivated';
  787. color:{color:Post Links};
  788. font-weight:normal;
  789. margin-left:10px;
  790. opacity:0;
  791. transition:all .5s ease-in-out;
  792. }
  793.  
  794. article.post .reblog-header span.inactive:hover > span.blog::after {
  795. opacity:1;
  796. }
  797.  
  798. article.post .reblog-header a.active:hover > span.blog {
  799. }
  800.  
  801.  
  802. article.post .caption {
  803. background:{color:Post Background};
  804. padding:15px;
  805. border-radius:0px 0px 30px 30px;
  806. }
  807.  
  808. article.post .caption p:first-of-type {
  809. margin-top:0;
  810. }
  811.  
  812. article.post .caption p:last-of-type {
  813. margin-bottom:0;
  814. }
  815.  
  816. article.post .caption a {
  817. color:{color:Post Links};
  818. }
  819.  
  820. article.post .caption a:hover {
  821. text-shadow:-1px 1px {color:Post Links Hover};
  822. }
  823.  
  824. article.post .caption p.read_more_container {
  825. text-align:center;
  826. margin:15px 0px 10px 0;
  827. }
  828.  
  829. article.post .caption p.read_more_container a.read_more {
  830. background:{color:Header Background};
  831. color:{color:Header Links};
  832. padding:10px;
  833. border-radius:15px;
  834. }
  835.  
  836. article.post .caption p.read_more_container a.read_more:hover {
  837. text-shadow:none;
  838. box-shadow:-3px 3px {color:Blockquote};
  839. }
  840.  
  841. article.post .caption figure.tmblr-full img {
  842. width:100%;
  843. height:auto;
  844. border-radius:15px;
  845. display:block;
  846. }
  847.  
  848. article.post .caption p.tmblr-attribution {
  849. background:{color:Header Background};
  850. padding:10px;
  851. border-radius:15px;
  852. }
  853.  
  854. article.post .caption p.tmblr-attribution a {
  855. color:{color:Header Links};
  856. }
  857.  
  858. article.post .pic img {
  859. width:100%;
  860. height:auto;
  861. display:block;
  862. border-radius:30px 30px 0px 0px;
  863. }
  864.  
  865. .vignette, #vignette {
  866. opacity:0;
  867. }
  868.  
  869. .lightbox-image, #tumblr_lightbox img {
  870. box-shadow:none!important;
  871. max-width:none;
  872. border-radius:30px!important;
  873. }
  874.  
  875. .tmblr-lightbox, #tumblr_lightbox {
  876. background:rgba({RGBColor:Blockquote},.78)!important;
  877. }
  878.  
  879. [photoset-layout] {
  880. grid-gap:5px;
  881. border-radius:30px 30px 0px 0px;
  882. overflow:hidden;
  883. }
  884.  
  885. [photoset-layout] div {
  886. cursor:pointer;
  887. }
  888.  
  889. .quote {
  890. background:{color:Header Background};
  891. color:{color:Header Links};
  892. border-radius:27px;
  893. padding:15px;
  894. position:relative;
  895. text-align:center;
  896. }
  897.  
  898. .quote::after {
  899. content:'';
  900. display:block;
  901. background:{color:Header Background};
  902. width:15px;
  903. height:15px;
  904. position:absolute;
  905. margin-top:8px;
  906. left:calc(50% - 7.5px);
  907. transform:rotate(45deg);
  908. }
  909.  
  910. .qsource {
  911. margin-top:15px;
  912. text-align:center;
  913. font-weight:bold;
  914. }
  915.  
  916. h2.linktitle {
  917. margin:0;
  918. border-radius:30px;
  919. background:{color:Header Background};
  920. color:{color:Header Links};
  921. padding:15px;
  922. position:relative;
  923. }
  924.  
  925. h2.linktitle a.linklink {
  926. color:{color:Header Links};
  927. display:block;
  928. }
  929.  
  930. h2.linktitle a.linklink:hover {
  931. text-shadow:-2px 2px {color:Pagination Buttons};
  932. }
  933.  
  934. h2.linktitle a.linklink .th {
  935. position:absolute;
  936. right:15px;
  937. }
  938.  
  939. section.chat {
  940. background:{color:Post Background};
  941. padding:15px;
  942. border-radius:30px 30px 0px 0px;
  943. }
  944.  
  945. section.chat .line {
  946. background:{color:Blockquote};
  947. border-radius:20px;
  948. padding:12px 10px 10px 15px;
  949. }
  950.  
  951. section.chat .label {
  952. display:inline-block;
  953. background:{color:Header Background};
  954. color:{color:Header Links};
  955. padding:5px;
  956. border-radius:10px;
  957. margin-top:10px;
  958. }
  959.  
  960. section.chat .label:first-of-type {
  961. margin-top:0;
  962. }
  963.  
  964. section.chat .label ~ .line {
  965. margin-top:-10px;
  966. }
  967.  
  968. .video {
  969. border-radius:30px 30px 0px 0px;
  970. overflow:hidden;
  971. }
  972.  
  973. .audioembed {
  974. border-radius:30px 30px 0px 0px;
  975. overflow:hidden;
  976. margin-bottom:-3px;
  977. }
  978.  
  979. article.post iframe.soundcloud_audio_player {
  980. max-height:116px!important;
  981. }
  982.  
  983. article.post iframe.spotify_audio_player {
  984. max-height:80px!important;
  985. }
  986.  
  987. article.post iframe.tumblr_audio_player {
  988. width:100%!important;
  989. }
  990.  
  991. .audio {
  992. border-radius:30px 30px 0px 0px;
  993. background:{color:Header Background};
  994. color:{color:Header Links};
  995. overflow:hidden;
  996. position:relative;
  997. }
  998.  
  999. .audio .art {
  1000. width:25%;
  1001. height:auto;
  1002. display:inline-block;
  1003. background:{color:Blockquote};
  1004. vertical-align:top;
  1005. }
  1006.  
  1007. .audio .art img {
  1008. width:100%;
  1009. height:auto;
  1010. display:inline-block;
  1011. }
  1012.  
  1013. .audio .audio_info {
  1014. display:inline-block;
  1015. width:75%;
  1016. vertical-align:top;
  1017. padding:10px;
  1018. box-sizing:border-box;
  1019. position:absolute;
  1020. left:25%;
  1021. }
  1022.  
  1023. .audio_info b, .audio_info em {
  1024. display:block;
  1025. }
  1026.  
  1027. .audio_info em {
  1028. font-style:normal;
  1029. }
  1030.  
  1031. .audio_buttons, .audio_time {
  1032. display:-webkit-inline-box;
  1033. display:-ms-inline-flexbox;
  1034. display:inline-flex;
  1035. vertical-align:middle;
  1036. }
  1037.  
  1038. .audio_buttons, .audio_buttons svg {
  1039. width:25px;
  1040. height:25px;
  1041. }
  1042.  
  1043. .error_icon svg {
  1044. stroke:red;
  1045. }
  1046.  
  1047. .audio_time > div {
  1048. display:inline-block;
  1049. vertical-align:middle;
  1050. }
  1051.  
  1052. .audio_player {
  1053. background:{color:Post Background};
  1054. position:relative;
  1055. }
  1056.  
  1057. .audio_duration {
  1058. display:inline-block;
  1059. }
  1060.  
  1061. .audio_time {
  1062. position:absolute;
  1063. width:calc(100% - 50px);
  1064. left:35px;
  1065. right:15px;
  1066. -webkit-box-align:center;
  1067. -ms-flex-align:center;
  1068. align-items:center;
  1069. -webkit-box-pack:justify;
  1070. -ms-flex-pack:justify;
  1071. justify-content:space-between;
  1072. height:25px;
  1073. }
  1074.  
  1075. .audio_player .seekbar {
  1076. width:300px;
  1077. height:7px;
  1078. background:#dfdfdf;
  1079. }
  1080.  
  1081. .audio_player .seekbar_progress {
  1082. width:0;
  1083. height:100%;
  1084. background:{color:Header Background};
  1085. }
  1086.  
  1087. .time_left::before {
  1088. content: "-";
  1089. }
  1090.  
  1091. .ask {
  1092. border-radius:30px 30px 0px 0px;
  1093. overflow:hidden;
  1094. margin-bottom:-4px;
  1095. }
  1096.  
  1097. .askinf {
  1098. width:20%;
  1099. height:auto;
  1100. display:inline-block;
  1101. }
  1102.  
  1103. .askinf img {
  1104. width:100%;
  1105. height:auto;
  1106. }
  1107.  
  1108. .que {
  1109. display:inline-block;
  1110. width:calc(80% - 1px);
  1111. background:{color:Header Background};
  1112. color:{color:Header Links};
  1113. vertical-align:top;
  1114. padding:10px;
  1115. box-sizing:border-box;
  1116. margin-left:-3px;
  1117. }
  1118.  
  1119. .que span {
  1120. display:block;
  1121. font-weight:bold;
  1122. }
  1123.  
  1124. .que a {
  1125. color:{color:Header Links};
  1126. font-weight:bold;
  1127. }
  1128.  
  1129. .que a:hover {
  1130. text-shadow:-1px 1px {color:Pagination Buttons};
  1131. }
  1132.  
  1133. article.post .like_button {
  1134. display:inline-block;
  1135. position:relative;
  1136. padding-right:5px;
  1137. }
  1138.  
  1139. article.post .like_button iframe {
  1140. height:100%;
  1141. left:0;
  1142. opacity:0.00001;
  1143. position:absolute;
  1144. top:0;
  1145. width:100%;
  1146. }
  1147.  
  1148. article.post .like_button::before {
  1149. content:'\ea55';
  1150. font-family:'honeybee';
  1151. margin-right:5px;
  1152. }
  1153.  
  1154. article.post .like_button::after{
  1155. content:'Like';
  1156. }
  1157.  
  1158. .postinfo {
  1159. background:{color:Post Links Hover};
  1160. padding:10px;
  1161. display:-webkit-box;
  1162. display:-ms-flexbox;
  1163. display:flex;
  1164. -ms-flex-pack:distribute;
  1165. justify-content:space-around;
  1166. }
  1167.  
  1168. .postinfo:not(.hastags) {
  1169. border-radius:0px 0px 30px 30px;
  1170. }
  1171.  
  1172. .postinfo a {
  1173. color:{color:Header Links};
  1174. text-align:center;
  1175. display:inline-block;
  1176. vertical-align:middle;
  1177. }
  1178.  
  1179. .postinfo a:hover {
  1180. text-shadow:-1px 1px {color:Pagination Buttons};
  1181. }
  1182.  
  1183. .postinfo .th {
  1184. margin-right:5px;
  1185. }
  1186.  
  1187. .tags {
  1188. background:{color:Post Background};
  1189. padding:10px 15px;
  1190. border-radius:0px 0px 30px 30px;
  1191. }
  1192.  
  1193. .tags a {
  1194. margin-left:10px;
  1195. color:{color:Post Links};
  1196. }
  1197.  
  1198. .tags a:first-of-type {
  1199. margin-left:0;
  1200. }
  1201.  
  1202. .tags a:hover {
  1203. text-shadow:-1px 1px {color:Post Links Hover};
  1204. }
  1205.  
  1206. .more_container, .end_container {
  1207. text-align:center;
  1208. margin:50px 0px;
  1209. }
  1210.  
  1211. .end_container {
  1212. display:none;
  1213. }
  1214.  
  1215. .more_container a.more {
  1216. background:{color:Header Background};
  1217. color:{color:Header Links};
  1218. padding:10px;
  1219. border-radius:15px;
  1220. }
  1221.  
  1222. .more_container a.more:hover {
  1223. box-shadow:-3px 3px {color:Blockquote};
  1224. }
  1225.  
  1226. h2.notestitle {
  1227. margin:50px 0px 0px 0px;
  1228. border-radius:30px 30px 0px 0px;
  1229. background:{color:Header Background};
  1230. color:{color:Header Links};
  1231. padding:15px;
  1232. }
  1233.  
  1234. ol.notes {
  1235. border-radius:0px 0px 30px 30px;
  1236. background:{color:Post Background};
  1237. padding:15px;
  1238. box-sizing:border-box;
  1239. list-style:none;
  1240. max-height:350px;
  1241. overflow:auto;
  1242. margin:0px 0px 50px 0px;
  1243. }
  1244.  
  1245. li.note {
  1246. margin:15px 0px;
  1247. }
  1248.  
  1249. li.note:first-of-type {
  1250. margin-top:0;
  1251. }
  1252.  
  1253. li.note:last-of-type {
  1254. margin-bottom:0;
  1255. }
  1256.  
  1257. li.note .action {
  1258. vertical-align:middle;
  1259. }
  1260.  
  1261. li.note .action a {
  1262. color:{color:Post Links};
  1263. font-weight:bold;
  1264. }
  1265.  
  1266. li.note .action a:hover {
  1267. text-shadow:-1px 1px {color:Post Links Hover};
  1268. }
  1269.  
  1270. li.note img.avatar {
  1271. width:35px;
  1272. vertical-align:middle;
  1273. border-radius:50px;
  1274. }
  1275.  
  1276. li.note a.avatar_frame {
  1277. position:relative;
  1278. color:rgba({RGBColor:Header Links},.8);
  1279. margin-right:10px;
  1280. }
  1281.  
  1282. li.note a.avatar_frame::after {
  1283. font-family:'honeybee';
  1284. width:30px;
  1285. height:30px;
  1286. background:rgba({RGBColor:Header Background},.6);
  1287. position:absolute;
  1288. margin-top:-32px;
  1289. margin-left:3px;
  1290. font-size:18px;
  1291. display:-webkit-box;
  1292. display:-ms-flexbox;
  1293. display:flex;
  1294. -webkit-box-pack:center;
  1295. -ms-flex-pack:center;
  1296. justify-content:center;
  1297. -webkit-box-align:center;
  1298. -ms-flex-align:center;
  1299. align-items:center;
  1300. border-radius:50px;
  1301. }
  1302.  
  1303. li.note.like a.avatar_frame::after {
  1304. content:'\ea55';
  1305. }
  1306.  
  1307. li.note.reblog a.avatar_frame::after {
  1308. content:'\ebc2';
  1309. }
  1310.  
  1311. li.note.original_post a.avatar_frame::after {
  1312. content:'\eb03';
  1313. }
  1314.  
  1315. li.note.reply a.avatar_frame::after {
  1316. content:'\ebce';
  1317. }
  1318.  
  1319. ol.notes a.more_notes_link {
  1320. background:{color:Header Background};
  1321. color:{color:Header Links};
  1322. padding:10px;
  1323. border-radius:15px;
  1324. margin-bottom:10px;
  1325. }
  1326.  
  1327. ol.notes a.more_notes_link:hover {
  1328. box-shadow:-3px 3px {color:Blockquote};
  1329. }
  1330.  
  1331. ol.notes blockquote a {
  1332. color:{color:Text};
  1333. }
  1334.  
  1335. a.scroll {
  1336. position:fixed;
  1337. display:none;
  1338. text-align:center;
  1339. bottom:54px;
  1340. right:19px;
  1341. cursor:pointer;
  1342. transition:none;
  1343. }
  1344.  
  1345. #credz {
  1346. position:fixed;
  1347. bottom:15px;
  1348. right:20px;
  1349. width:33px;
  1350. height:33px;
  1351. border-radius:50px;
  1352. border:1px solid rgba(0,0,0,.1);
  1353. background-image:url('https://78.media.tumblr.com/avatar_09d2b1f05d49_128.pnj');
  1354. background-repeat:no-repeat;
  1355. background-position:center center;
  1356. background-size:28px;
  1357. transition:all .5s ease-in-out;
  1358. }
  1359.  
  1360. a[href="https://cactusthemes.tumblr.com"]:hover > #credz {
  1361. transform:scale(1.15);
  1362. }
  1363.  
  1364. @media only screen and (max-width:1200px) and (min-width:1101px) {
  1365. aside {
  1366. width:75%;
  1367. }
  1368.  
  1369. div.posts_inner.width-600 {
  1370. width:540px;
  1371. }
  1372. }
  1373.  
  1374. @media only screen and (max-width:1100px) and (min-width:701px) {
  1375. {block:ifLeftSidebar}
  1376. section#aside {
  1377. margin-left:-30px;
  1378. }
  1379. {/block:ifLeftSidebar}
  1380.  
  1381. aside {
  1382. width:75%;
  1383. {block:ifNotLeftSidebar}
  1384. margin-left:30px;
  1385. {/block:ifNotLeftSidebar}
  1386. }
  1387.  
  1388. {block:ifLeftSidebar}
  1389. section#posts {
  1390. margin-left:calc(40vw - 30px);
  1391. }
  1392. {/block:ifLeftSidebar}
  1393.  
  1394. div.posts_inner.width-540, div.posts_inner.width-600 {
  1395. width:500px;
  1396. }
  1397.  
  1398. }
  1399.  
  1400. @media only screen and (max-width:800px) {
  1401. .audio_player .seekbar {
  1402. width:200px;
  1403. }
  1404. }
  1405.  
  1406. @media only screen and (max-width:700px) and (min-width:601px) {
  1407. section#aside {
  1408. width:100%;
  1409. display:block;
  1410. position:relative;
  1411. }
  1412.  
  1413. aside {
  1414. margin:120px auto 0 auto;
  1415. width:75%;
  1416. }
  1417.  
  1418. aside section#pagi {
  1419. display:none;
  1420. }
  1421.  
  1422. section#posts {
  1423. width:100%;
  1424. margin:0;
  1425. display:block;
  1426. }
  1427.  
  1428. div.posts_inner {
  1429. width:75%;
  1430. margin:auto;
  1431. }
  1432.  
  1433. section.respagi {
  1434. display:-webkit-box;
  1435. display:-ms-flexbox;
  1436. display:flex;
  1437. }
  1438. }
  1439.  
  1440. @media only screen and (max-width:600px) {
  1441. section#aside {
  1442. width:100%;
  1443. display:block;
  1444. position:relative;
  1445. }
  1446.  
  1447. aside {
  1448. margin:120px auto 0 auto;
  1449. width:90%;
  1450. }
  1451.  
  1452. aside section#pagi {
  1453. display:none;
  1454. }
  1455.  
  1456. section#posts {
  1457. width:100%;
  1458. margin:0;
  1459. display:block;
  1460. }
  1461.  
  1462. div.posts_inner {
  1463. width:90%;
  1464. margin:auto;
  1465. }
  1466.  
  1467. section.respagi {
  1468. display:-webkit-box;
  1469. display:-ms-flexbox;
  1470. display:flex;
  1471. }
  1472. }
  1473.  
  1474. @media only screen and (max-width:455px) {
  1475. header.link-8 ~ section#aside > aside {
  1476. margin-top:165px;
  1477. }
  1478. }
  1479.  
  1480. @media only screen and (max-width:400px) {
  1481. header.link-7 ~ section#aside > aside {
  1482. margin-top:165px;
  1483. }
  1484. }
  1485.  
  1486. @media only screen and (max-width:360px) {
  1487. header.link-6 ~ section#aside > aside {
  1488. margin-top:165px;
  1489. }
  1490. }
  1491.  
  1492. </style>
  1493.  
  1494. <script>
  1495.  
  1496. {block:IndexPage}
  1497. {block:ifInfiniteScroll}
  1498. $(document).ready(function() {
  1499. $container = $('.posts_inner');
  1500. $container.infinitescroll({
  1501. navSelector: '#navigation',
  1502. nextSelector: '#next',
  1503. itemSelector: '.post',
  1504. loading: {
  1505. img: ' ',
  1506. msgText: ' ',
  1507. },
  1508. debug: true,
  1509. bufferPx: 0,
  1510. errorCallback: function() {
  1511. $('.more_container').hide();
  1512. $('.end_container').show();
  1513. },
  1514. },
  1515. function(items) {
  1516. var $items = $(items);
  1517. $items.addClass('new');
  1518. customAudio({
  1519. post: '.post',
  1520. default: false,
  1521. pauseAll: true,
  1522. playButton: "<i data-feather='play'></i>",
  1523. pauseButton: "<i data-feather='pause'></i>",
  1524. errorIcon: "<i data-feather='x'></i>",
  1525. hideInfoIfError: true,
  1526. callAfterLoad: () => {feather.replace();},
  1527. });
  1528. flexibleFrames($items.find(".video"));
  1529. undoPhotoset({
  1530. 'posts': '.post', // change '.post.text' to the text post selector
  1531. 'text class': '', // change 'text' to the text post unique class (can be '')
  1532. 'photoset class': '' // change 'photoset' to the photoset post unique class (can be '')
  1533. },false); // true = pxu, false = css photosets
  1534. $items.find('a.read_more').parent('p').addClass('read_more_container');
  1535. $items.find('figcaption').each(function() {
  1536. if ($(this).is(':empty')) {
  1537. $(this).parent('.caption').hide();
  1538. }
  1539. });
  1540. $items.find('.reblog-list').each(function() {
  1541. if ($(this).is(':empty')) {
  1542. $(this).parent('.caption').hide();
  1543. }
  1544. });
  1545. $items.find('.ask').each(function() {
  1546. var w = $(this).find('.askinf').outerWidth();
  1547. $(this).find('.que').css('min-height', +w + 'px');
  1548. });
  1549. $items.find('.art:not(.incl)').each(function() {
  1550. var w = $(this).outerWidth();
  1551. $(this).css('height', +w + 'px');
  1552. });
  1553. $itemsIDs = $items.map(function() {
  1554. return this.id;
  1555. }).get();
  1556. Tumblr.LikeButton.get_status_by_post_ids($itemsIDs);
  1557. $items.removeClass('new');
  1558. {block:ifLoadMoreButton}
  1559. $container.append($(".more_container"));
  1560. {/block:ifLoadMoreButton}
  1561. });
  1562. {block:ifLoadMoreButton}
  1563. $(window).unbind('.infscr');
  1564. $('.more').click(function() {
  1565. $container.infinitescroll('retrieve');
  1566. return false;
  1567. $(this).parents('.more_container').hide();
  1568. });
  1569. {/block:ifLoadMoreButton}
  1570. });
  1571. {/block:ifInfiniteScroll}
  1572. {/block:IndexPage}
  1573.  
  1574. </script>
  1575.  
  1576. </head>
  1577.  
  1578. <body>
  1579.  
  1580. <header>
  1581.  
  1582. <nav>
  1583. <a href="/" title="home">
  1584. <div>
  1585. <span class="th th-home-o" aria-hidden="true"></span>
  1586. </div>
  1587. </a>
  1588. {block:AskEnabled}
  1589. <a href="/ask" title="ask">
  1590. <div>
  1591. <span class="th th-envelope-o" aria-hidden="true"></span>
  1592. </div>
  1593. </a>
  1594. {/block:AskEnabled}
  1595. {block:ifLink1Title}
  1596. <a href="{text:Link 1 URL}" title="{text:Link 1 Title}">
  1597. <div>
  1598. <span class="th th-{select:Link 1 Icon}" aria-hidden="true"></span>
  1599. </div>
  1600. </a>
  1601. {/block:ifLink1Title}
  1602. {block:ifLink2Title}
  1603. <a href="{text:Link 2 URL}" title="{text:Link 2 Title}">
  1604. <div>
  1605. <span class="th th-{select:Link 2 Icon}" aria-hidden="true"></span>
  1606. </div>
  1607. </a>
  1608. {/block:ifLink2Title}
  1609. {block:ifLink3Title}
  1610. <a href="{text:Link 3 URL}" title="{text:Link 3 Title}">
  1611. <div>
  1612. <span class="th th-{select:Link 3 Icon}" aria-hidden="true"></span>
  1613. </div>
  1614. </a>
  1615. {/block:ifLink3Title}
  1616. {block:ifLink4Title}
  1617. <a href="{text:Link 4 URL}" title="{text:Link 4 Title}">
  1618. <div>
  1619. <span class="th th-{select:Link 4 Icon}" aria-hidden="true"></span>
  1620. </div>
  1621. </a>
  1622. {/block:ifLink4Title}
  1623. {block:ifLink5Title}
  1624. <a href="{text:Link 5 URL}" title="{text:Link 5 Title}">
  1625. <div>
  1626. <span class="th th-{select:Link 5 Icon}" aria-hidden="true"></span>
  1627. </div>
  1628. </a>
  1629. {/block:ifLink5Title}
  1630. {block:ifLink6Title}
  1631. <a href="{text:Link 6 URL}" title="{text:Link 6 Title}">
  1632. <div>
  1633. <span class="th th-{select:Link 6 Icon}" aria-hidden="true"></span>
  1634. </div>
  1635. </a>
  1636. {/block:ifLink6Title}
  1637. </nav>
  1638.  
  1639. </header>
  1640.  
  1641. <section id="aside">
  1642.  
  1643. <aside>
  1644. {block:ifIconImage}
  1645. <a href="/" class="title">
  1646. <img src="{image:Icon}" alt="Sidebar Icon Image">
  1647. <span class="th th-{select:Sidebar Icon}" aria-hidden="true"></span>
  1648. </a>
  1649. {/block:ifIconImage}
  1650. {block:ifTitle}
  1651. <h2 style="{block:ifIconImage}border-radius:0px;{/block:ifIconImage}">{text:Title}</h2>
  1652. {/block:ifTitle}
  1653. {block:Description}
  1654. <section id="desc" style="{block:ifIconImage}border-top-left-radius:0px;border-top-right-radius:0px;{/block:ifIconImage}{block:ifTitle}margin-top:0;border-top-left-radius:0px;border-top-right-radius:0px;{/block:ifTitle}">
  1655. {Description}
  1656. </section>
  1657. {block:ifNotInfiniteScroll}
  1658. {block:Pagination}
  1659. <section id="pagi">
  1660.  
  1661. <div class="prev">
  1662. {block:PreviousPage}
  1663. <a href="{PreviousPage}">
  1664. <span class="th th-left-arrow" aria-hidden="true"></span>
  1665. </a>
  1666. {/block:PreviousPage}
  1667. </div>
  1668.  
  1669. <div class="pages">
  1670. Page {CurrentPage} of {TotalPages}
  1671. </div>
  1672.  
  1673. <div class="next">
  1674. {block:NextPage}
  1675. <a href="{NextPage}">
  1676. <span class="th th-right-arrow" aria-hidden="true"></span>
  1677. </a>
  1678. {/block:NextPage}
  1679. </div>
  1680.  
  1681. </section>
  1682. {/block:Pagination}
  1683. {/block:ifNotInfiniteScroll}
  1684. {/block:Description}
  1685. </aside>
  1686.  
  1687. </section>
  1688.  
  1689. <section id="posts">
  1690.  
  1691. <div class="posts_inner width-{select:Post Size}">
  1692.  
  1693. {block:Posts}
  1694.  
  1695. <article class="post" id="{PostId}">
  1696.  
  1697. {block:Text}
  1698.  
  1699. {block:Title}
  1700. <h2 class="title"><a href="{Permalink}">{Title}</a></h2>
  1701. {/block:Title}
  1702.  
  1703. <div class="caption" style="border-radius:30px;{block:Title}border-radius:0px 0px 30px 30px;{/block:Title}{block:Date}border-bottom-left-radius:0px!important;border-bottom-right-radius:0px!important{/block:Date}">
  1704. {block:NotReblog}
  1705. <figcaption>
  1706. {Body}
  1707. </figcaption>
  1708. {/block:NotReblog}
  1709.  
  1710. {block:RebloggedFrom}
  1711. <div class="reblog-list">
  1712. {block:Reblogs}
  1713. <div class="reblog-header">
  1714.  
  1715. {block:IsActive}
  1716. <a href="{Permalink}" target="_blank" class="active">
  1717. <img src="{PortraitURL-64}" class="blog" aria-hidden="true">
  1718. <span class="blog">{Username}</span>
  1719. </a>
  1720. {/block:IsActive}
  1721.  
  1722. {block:IsDeactivated}
  1723. <span class="inactive">
  1724. <img src="{PortraitURL-64}" class="blog" aria-hidden="true">
  1725. <span class="blog">{Username}</span>
  1726. </span>
  1727. {/block:IsDeactivated}
  1728.  
  1729. </div>
  1730. <div class="reblog-content">
  1731. {Body}
  1732. </div>
  1733. {/block:Reblogs}
  1734. </div>
  1735. {/block:RebloggedFrom}
  1736. </div>
  1737.  
  1738. {/block:Text}
  1739.  
  1740. {block:Photo}
  1741.  
  1742. <div class="pic">
  1743. <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false">
  1744. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"{block:Caption} style="border-bottom-right-radius:0px;border-bottom-left-radius:0px;"{/block:Caption}>
  1745. </a>
  1746. </div>
  1747.  
  1748. {block:Caption}
  1749. <div class="caption"{block:Date} style="border-radius:0px;"{/block:Date}>
  1750. {block:NotReblog}
  1751. <figcaption>
  1752. {Caption}
  1753. </figcaption>
  1754. {/block:NotReblog}
  1755.  
  1756. {block:RebloggedFrom}
  1757. <div class="reblog-list">
  1758. {block:Reblogs}
  1759. <div class="reblog-header">
  1760.  
  1761. {block:IsActive}
  1762. <a href="{Permalink}" target="_blank" class="active">
  1763. <img src="{PortraitURL-64}" class="blog" aria-hidden="true">
  1764. <span class="blog">{Username}</span>
  1765. </a>
  1766. {/block:IsActive}
  1767.  
  1768. {block:IsDeactivated}
  1769. <span class="inactive">
  1770. <img src="{PortraitURL-64}" class="blog" aria-hidden="true">
  1771. <span class="blog">{Username}</span>
  1772. </span>
  1773. {/block:IsDeactivated}
  1774.  
  1775. </div>
  1776. <div class="reblog-content">
  1777. {Body}
  1778. </div>
  1779. {/block:Reblogs}
  1780. </div>
  1781. {/block:RebloggedFrom}
  1782. </div>
  1783. {/block:Caption}
  1784.  
  1785. {/block:Photo}
  1786.  
  1787. {block:Photoset}
  1788.  
  1789. <div class="photoset-grid" photoset-layout="{PhotosetLayout}"{block:Caption} style="border-bottom-left-radius:0px;border-bottom-right-radius:0px;"{/block:Caption}>
  1790. {block:Photos}
  1791. <div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)">
  1792. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  1793. </div>
  1794. {/block:Photos}
  1795. </div>
  1796.  
  1797. {block:Caption}
  1798. <div class="caption"{block:Date} style="border-radius:0px;"{/block:Date}>
  1799. {block:NotReblog}
  1800. <figcaption>
  1801. {Caption}
  1802. </figcaption>
  1803. {/block:NotReblog}
  1804.  
  1805. {block:RebloggedFrom}
  1806. <div class="reblog-list">
  1807. {block:Reblogs}
  1808. <div class="reblog-header">
  1809.  
  1810. {block:IsActive}
  1811. <a href="{Permalink}" target="_blank" class="active">
  1812. <img src="{PortraitURL-64}" class="blog" aria-hidden="true">
  1813. <span class="blog">{Username}</span>
  1814. </a>
  1815. {/block:IsActive}
  1816.  
  1817. {block:IsDeactivated}
  1818. <span class="inactive">
  1819. <img src="{PortraitURL-64}" class="blog" aria-hidden="true">
  1820. <span class="blog">{Username}</span>
  1821. </span>
  1822. {/block:IsDeactivated}
  1823.  
  1824. </div>
  1825. <div class="reblog-content">
  1826. {Body}
  1827. </div>
  1828. {/block:Reblogs}
  1829. </div>
  1830. {/block:RebloggedFrom}
  1831. </div>
  1832. {/block:Caption}
  1833.  
  1834. {/block:Photoset}
  1835.  
  1836. {block:Quote}
  1837.  
  1838. <div class="caption" style="border-radius:30px;{block:Date} border-radius:30px 30px 0px 0px!important;{/block:Date}">
  1839. <div class="quote">
  1840. {Quote}
  1841. </div>
  1842. {block:Source}
  1843. <div class="qsource">
  1844. {Source}
  1845. </div>
  1846. {/block:Source}
  1847. </div>
  1848.  
  1849. {/block:Quote}
  1850.  
  1851. {block:Link}
  1852.  
  1853. <h2 class="linktitle"{block:Description} style="border-bottom-left-radius:0px;border-bottom-right-radius:0px;"{/block:Description}><a href="{URL}" {Target} class="linklink">{Name}<span class="th th-link" aria-hidden="true"></span></a></h2>
  1854.  
  1855. {block:Description}
  1856. <div class="caption"{block:Date} style="border-radius:0px;"{/block:Date}>
  1857. {block:NotReblog}
  1858. <figcaption>
  1859. {Description}
  1860. </figcaption>
  1861. {/block:NotReblog}
  1862.  
  1863. {block:RebloggedFrom}
  1864. <div class="reblog-list">
  1865. {block:Reblogs}
  1866. <div class="reblog-header">
  1867.  
  1868. {block:IsActive}
  1869. <a href="{Permalink}" target="_blank" class="active">
  1870. <img src="{PortraitURL-64}" class="blog" aria-hidden="true">
  1871. <span class="blog">{Username}</span>
  1872. </a>
  1873. {/block:IsActive}
  1874.  
  1875. {block:IsDeactivated}
  1876. <span class="inactive">
  1877. <img src="{PortraitURL-64}" class="blog" aria-hidden="true">
  1878. <span class="blog">{Username}</span>
  1879. </span>
  1880. {/block:IsDeactivated}
  1881.  
  1882. </div>
  1883. <div class="reblog-content">
  1884. {Body}
  1885. </div>
  1886. {/block:Reblogs}
  1887. </div>
  1888. {/block:RebloggedFrom}
  1889. </div>
  1890. {/block:Description}
  1891.  
  1892. {/block:Link}
  1893.  
  1894. {block:Chat}
  1895.  
  1896. {block:Title}
  1897. <h2 class="title">
  1898. <a href="{Permalink}">
  1899. {Title}
  1900. </a>
  1901. </h2>
  1902. {/block:Title}
  1903. <section class="chat"{block:Title} style="border-top-left-radius:0px;border-top-right-radius:0px;{/block:Title}">
  1904. {block:Lines}
  1905. {block:Label}
  1906. <span class="label">
  1907. {Label}
  1908. </span>
  1909. {/block:Label}
  1910. <div class="line">
  1911. {Line}
  1912. </div>
  1913. {/block:Lines}
  1914. </section>
  1915.  
  1916. {/block:Chat}
  1917.  
  1918. {block:Video}
  1919.  
  1920. <div class="video">
  1921. {Video-500}
  1922. </div>
  1923.  
  1924. {block:Caption}
  1925. <div class="caption"{block:Date} style="border-radius:0px;"{/block:Date}>
  1926. {block:NotReblog}
  1927. <figcaption>
  1928. {Caption}
  1929. </figcaption>
  1930. {/block:NotReblog}
  1931.  
  1932. {block:RebloggedFrom}
  1933. <div class="reblog-list">
  1934. {block:Reblogs}
  1935. <div class="reblog-header">
  1936.  
  1937. {block:IsActive}
  1938. <a href="{Permalink}" target="_blank" class="active">
  1939. <img src="{PortraitURL-64}" class="blog" aria-hidden="true">
  1940. <span class="blog">{Username}</span>
  1941. </a>
  1942. {/block:IsActive}
  1943.  
  1944. {block:IsDeactivated}
  1945. <span class="inactive">
  1946. <img src="{PortraitURL-64}" class="blog" aria-hidden="true">
  1947. <span class="blog">{Username}</span>
  1948. </span>
  1949. {/block:IsDeactivated}
  1950.  
  1951. </div>
  1952. <div class="reblog-content">
  1953. {Body}
  1954. </div>
  1955. {/block:Reblogs}
  1956. </div>
  1957. {/block:RebloggedFrom}
  1958. </div>
  1959. {/block:Caption}
  1960.  
  1961. {/block:Video}
  1962.  
  1963. {block:Audio}
  1964.  
  1965. {block:AudioEmbed}
  1966. <div class="audioembed">
  1967. {AudioEmbed-500}
  1968. </div>
  1969. {/block:AudioEmbed}
  1970.  
  1971. {block:AudioPlayer}
  1972. <div class="audio">
  1973. <div class="art" aria-hidden="true">
  1974. {block:Albumart}
  1975. <img src="{AlbumArtURL}" alt="Album Art Image">
  1976. {/block:AlbumArt}
  1977. </div>
  1978. <div class="audio_info">
  1979. {block:Trackname}<b>{Trackname}</b>{/block:Trackname}
  1980. {block:Artist}<em>by {Artist}</em>{/block:Artist}
  1981. {block:Album}<em>on {Album}</em>{/block:Album}
  1982. <em>plays for {audio:TotalPlayTime}</em>
  1983. </div>
  1984. </div>
  1985. {AudioPlayer}
  1986. <div class="audio_player">
  1987. {audio:audiobuttons}
  1988. <div class="audio_time">
  1989. {audio:CurrentPlayTime}
  1990. {audio:Seekbar}
  1991. {audio:PlayTimeLeft}
  1992. </div>
  1993. </div>
  1994. {/block:AudioPlayer}
  1995.  
  1996. {block:Caption}
  1997. <div class="caption"{block:Date} style="border-radius:0px;"{/block:Date}>
  1998. {block:NotReblog}
  1999. <figcaption>
  2000. {Caption}
  2001. </figcaption>
  2002. {/block:NotReblog}
  2003.  
  2004. {block:RebloggedFrom}
  2005. <div class="reblog-list">
  2006. {block:Reblogs}
  2007. <div class="reblog-header">
  2008.  
  2009. {block:IsActive}
  2010. <a href="{Permalink}" target="_blank" class="active">
  2011. <img src="{PortraitURL-64}" class="blog" aria-hidden="true">
  2012. <span class="blog">{Username}</span>
  2013. </a>
  2014. {/block:IsActive}
  2015.  
  2016. {block:IsDeactivated}
  2017. <span class="inactive">
  2018. <img src="{PortraitURL-64}" class="blog" aria-hidden="true">
  2019. <span class="blog">{Username}</span>
  2020. </span>
  2021. {/block:IsDeactivated}
  2022.  
  2023. </div>
  2024. <div class="reblog-content">
  2025. {Body}
  2026. </div>
  2027. {/block:Reblogs}
  2028. </div>
  2029. {/block:RebloggedFrom}
  2030. </div>
  2031. {/block:Caption}
  2032.  
  2033. {/block:Audio}
  2034.  
  2035. {block:Answer}
  2036.  
  2037. <div class="ask">
  2038.  
  2039. <div class="askinf" aria-hidden="true">
  2040. <img src="{AskerPortraitURL-96}" alt="{PhotoAlt}">
  2041. </div>
  2042.  
  2043. <div class="que">
  2044. <span>
  2045. {Asker}
  2046. </span>
  2047. {Question}
  2048. </div>
  2049.  
  2050. </div>
  2051.  
  2052. <div class="caption"{block:Date} style="border-radius:0px;"{/block:Date}>
  2053. {block:NotReblog}
  2054. <figcaption>
  2055. {Replies}
  2056. </figcaption>
  2057. {/block:NotReblog}
  2058.  
  2059. {block:RebloggedFrom}
  2060. {block:Answerer}
  2061. <div class="reblog-header">
  2062. <a href="{ReblogRootURL}" class="active">
  2063. <img src="{AnswererPortraitURL-64}" class="blog" aria-hidden="true">
  2064. <span class="blog">{ReblogRootName}</span>
  2065. </a>
  2066. </div>
  2067. <div class="reblog-list">
  2068. {Answer}
  2069. </div>
  2070. {/block:Answerer}
  2071. {block:Reblogs}
  2072. <div class="reblog-header">
  2073.  
  2074. {block:IsActive}
  2075. <a href="{Permalink}" target="_blank" class="active">
  2076. <img src="{PortraitURL-64}" class="blog" aria-hidden="true">
  2077. <span class="blog">{Username}</span>
  2078. </a>
  2079. {/block:IsActive}
  2080.  
  2081. {block:IsDeactivated}
  2082. <span class="inactive">
  2083. <img src="{PortraitURL-64}" class="blog" aria-hidden="true">
  2084. <span class="blog">{Username}</span>
  2085. </span>
  2086. {/block:IsDeactivated}
  2087.  
  2088. </div>
  2089. <div class="reblog-list">
  2090. {Body}
  2091. </div>
  2092. {/block:Reblogs}
  2093. {/block:RebloggedFrom}
  2094. </div>
  2095.  
  2096. {/block:Answer}
  2097.  
  2098. {block:Date}
  2099. <section class="postinfo{block:HasTags} hastags{/block:HasTags}">
  2100. <a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix}, {Year} @ {12Hour}:{Minutes}{AmPm}"><span class="th th-clock-o" aria-hidden="true"></span>{TimeAgo}</a>
  2101. <a href="{Permalink}" title="{NoteCountWithLabel}"><span class="th th-star-o" aria-hidden="true"></span>{NoteCount}</a>
  2102. <a href="#" title="Like Post">{LikeButton}</a>
  2103. <a href="{ReblogURL}" title="Reblog Post"><span class="th th-reblog" aria-hidden="true"></span>Reblog</a>
  2104. </section>
  2105. {/block:Date}
  2106.  
  2107. {block:HasTags}
  2108.  
  2109. <section class="tags">
  2110. {block:Tags}
  2111. <a href="{TagURL}">#{Tag}</a>
  2112. {/block:Tags}
  2113. </section>
  2114.  
  2115. {/block:HasTags}
  2116.  
  2117. {block:RebloggedFrom}
  2118. <!-- <a href="{ReblogParentURL}" title="via: {ReblogParentName}"><img style="margin-bottom:-2px;" src="{ReblogParentPortraitURL-16}"></a> -->
  2119. {/block:RebloggedFrom}
  2120.  
  2121. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  2122.  
  2123. </article>
  2124.  
  2125. {/block:Posts}
  2126.  
  2127. {block:PostNotes}
  2128.  
  2129. <h2 class="notestitle">Post Notes</h2>
  2130. {PostNotes-64}
  2131.  
  2132. {/block:PostNotes}
  2133.  
  2134. {block:ifNotInfiniteScroll}
  2135.  
  2136. {block:Pagination}
  2137.  
  2138. <section class="respagi">
  2139. <div class="prev">
  2140. {block:PreviousPage}
  2141. <a href="{PreviousPage}">
  2142. <span class="th th-left-arrow" aria-hidden="true"></span>
  2143. </a>
  2144. {/block:PreviousPage}
  2145. </div>
  2146.  
  2147. <div class="pages">
  2148. Page {CurrentPage} of {TotalPages}
  2149. </div>
  2150.  
  2151. <div class="next">
  2152. {block:NextPage}
  2153. <a href="{NextPage}">
  2154. <span class="th th-right-arrow" aria-hidden="true"></span>
  2155. </a>
  2156. {/block:NextPage}
  2157. </div>
  2158. </section>
  2159.  
  2160. {/block:Pagination}
  2161. {/block:ifNotInfiniteScroll}
  2162.  
  2163. {block:ifInfiniteScroll}
  2164. {block:IndexPage}
  2165. {block:Pagination}
  2166. <div id="navigation">
  2167. {block:PreviousPage}<a href="{PreviousPage}">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  2168. {block:NextPage}<a href="{NextPage}" id="next">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}
  2169. </div>
  2170. {/block:Pagination}
  2171.  
  2172. {block:ifLoadMoreButton}
  2173. <div class="more_container">
  2174. <a href="#" class="more">Load more posts</a>
  2175. </div>
  2176. {/block:ifLoadMoreButton}
  2177. <div class="end_container">
  2178. There are no more posts!
  2179. </div>
  2180. {/block:IndexPage}
  2181. {/block:ifInfiniteScroll}
  2182.  
  2183. </div>
  2184.  
  2185. </section>
  2186.  
  2187. <a class="scroll"><span class="th th-up-arrow" aria-hidden="true"></span><br>go up</a>
  2188.  
  2189. <a href="https://cactusthemes.tumblr.com" title="by cactusthemes"><div id="credz"></div></a>
  2190.  
  2191. </body>
  2192.  
  2193. <script>
  2194. $(document).ready(function(){
  2195. // minimal soundcloud player © shythemes.tumblr
  2196. var color = '{color:Blockquote}';
  2197. $('.soundcloud_audio_player').each(function(){
  2198. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=false&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '100%' });
  2199. });
  2200. });
  2201.  
  2202. function gatherData(images, arr) {
  2203. for (let i = 0; i < images.length; i++) {
  2204. let currentData = {
  2205. "width": images[i].getAttribute('data-width'),
  2206. "height": images[i].getAttribute('data-height'),
  2207. "low_res": images[i].getAttribute('data-lowres'),
  2208. "high_res": images[i].getAttribute('data-highres')
  2209. };
  2210. arr.push(currentData);
  2211. }
  2212. }
  2213. function getIndex(elem) {
  2214. let i = 0;
  2215. while( (elem = elem.previousElementSibling) != null ) i++;
  2216. return i;
  2217. }
  2218. function lightbox(elem) {
  2219. let currentPhotoset = elem.parentNode;
  2220. let photosetPhotos = currentPhotoset.getElementsByTagName('div');
  2221. let data = [];
  2222. gatherData(photosetPhotos, data);
  2223. Tumblr.Lightbox.init(data, getIndex(elem) + 1);
  2224. }
  2225. </script>
  2226.  
  2227. </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!