API tools faq
paste
ninchuser

Theme 12 - Sempiternal - cactusthemes

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