API tools faq
paste
uchihaclan

noragami

uchihaclan
Nov 8th, 2021 (edited)
794
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 42.69 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4. NORAGAMI by @sadthemes
  5.  
  6. for any help/bugs, do not hesitate to message me!
  7. ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃
  8.  
  9. to change icons go to
  10.  
  11. https://feathericons.com/
  12.  
  13. type what the text underneath preferred icon in text area for links.
  14. if you click on it, it'll downlaod an svg.
  15. don't click lol.
  16. ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃
  17.  
  18. header image sizes
  19. 500 posts = 540px header
  20. 400 posts = 440px header
  21. 300 posts = 330px header
  22. 250 posts = 270px header
  23.  
  24. sidebar image is 200px
  25. style sb with header colors
  26. ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃
  27.  
  28. header credit
  29. https://www.pixiv.net/en/artworks/44757303
  30.  
  31. sb credit
  32. https://www.pixiv.net/en/artworks/43401278
  33.  
  34. install google fonts
  35. https://fonts.google.com/
  36.  
  37. icons
  38. https://feathericons.com/
  39.  
  40. NPF image fix
  41. https://glenthemes.tumblr.com/post/638038350689976320/npf-mobile-photoset-fix-by-glenthemes-new
  42.  
  43. photosets
  44. https://annasthms.github.io/photosets/
  45.  
  46. shortened note count
  47. @shythemes
  48.  
  49. custom audio player color
  50. https://shudesigns.tumblr.com/post/158812662057/tutorial-change-the-color-of-tumblrs-new-audio
  51. ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃
  52.  
  53. -->
  54.  
  55.  
  56. <html>
  57. <head>
  58. <title>{Title}</title>
  59. <link rel="icon" href="{image:FavIcon}" type="image/gif" >
  60. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  61. {block:Description}
  62. <meta name="description" content="{MetaDescription}" />
  63. {/block:Description}
  64.  
  65. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"></script>
  66.  
  67. <script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  68. <!--
  69. NPF IMAGES READJUSTMENT | @glenthemes
  70. v2.0 [last updated: 2021-06-03]
  71. -->
  72. <link href="//dl.dropbox.com/s/bnoj86mka0bkplb/npf-override.css" rel="stylesheet">
  73. <script src="//dl.dropbox.com/s/vwrm94pcg4c9e71/npf-evenize.js"></script>
  74.  
  75. <style type="text/css">
  76. :root {
  77. --NPF-Image-Spacing:0px;
  78. --NPF-Bottom-Gap-From-Captions: 10px;
  79. }
  80. </style>
  81.  
  82.  
  83. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  84.  
  85. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  86.  
  87. <script type="text/javascript">
  88. $(document).ready(function() {
  89. $('blockquote').each(function(index, element){
  90. if(index % 2 == 0) { $(element).addClass('even'); }
  91. });
  92. });
  93. </script>
  94.  
  95. <script src="https://unpkg.com/feather-icons"></script>
  96.  
  97. <!-- ━━━━━━ GOOGLE FONTS ━━━━━━ -->
  98.  
  99. <link rel="preconnect" href="https://fonts.googleapis.com">
  100. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  101. <link href="https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Archivo:ital,wght@0,400;0,700;1,400;1,700&family=Bangers&family=Bokor&family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&family=Creepster&family=DM+Mono:ital@0;1&family=Faster+One&family=Fira+Code:wght@400;700&family=Fira+Sans:ital,wght@0,400;0,700;1,400;1,700&family=IBM+Plex+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Inconsolata:wght@400;700&family=JetBrains+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Karla:ital,wght@0,400;0,700;1,400;1,700&family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&family=Lora:ital,wght@0,400;0,700;1,400;1,700&family=Newsreader:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Sans+Mono:wght@400;700&family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Nova+Square&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Orbitron:wght@400;700&family=Overpass+Mono:wght@400;700&family=Oxanium:wght@400;700&family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,400;0,700;1,400;1,700&family=Press+Start+2P&family=Quicksand:wght@400;700&family=Roboto+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&family=Short+Stack&family=VT323&family=Work+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Yomogi&family=Zen+Dots&display=swap" rel="stylesheet">
  102.  
  103. <!-- ━━━━━━ /GOOGLE FONTS ━━━━━━ -->
  104.  
  105. <!-- ━━━━━━ META ━━━━━━ -->
  106.  
  107. <meta name="image:favicon" content=""/>
  108. <meta name="image:header" content="https://i.imgur.com/fUn4yaH.png"/>
  109. <meta name="image:sb" content="https://i.imgur.com/2tG87BF.png"/>
  110. <meta name="image:bg" content=""/>
  111. <meta name="image:cursor" content="https://i.imgur.com/I8lupLx.png"/>
  112.  
  113. <meta name="color:title" content="#000">
  114. <meta name="color:title glow outline" content="#000">
  115. <meta name="color:title bg" content="#fff">
  116. <meta name="color:header icon" content="#000">
  117. <meta name="color:icon" content="#000">
  118. <meta name="color:bg" content="#fff">
  119. <meta name="color:header" content="#fff">
  120. <meta name="color:posts" content="#fff">
  121. <meta name="color:footer" content="#ddd">
  122. <meta name="color:footer link" content="#000">
  123. <meta name="color:footer link glow outline" content="#000">
  124. <meta name="color:header txt" content="#000">
  125. <meta name="color:header txt glow outline" content="#000">
  126. <meta name="color:header link" content="#000">
  127. <meta name="color:header link glow outline" content="#000">
  128. <meta name="color:txt" content="#000">
  129. <meta name="color:txt glow outline" content="#000">
  130. <meta name="color:gradient 1" content="#000">
  131. <meta name="color:gradient 2" content="#ccc">
  132. <meta name="color:link" content="#000">
  133. <meta name="color:link glow outline" content="#000">
  134. <meta name="color:link hover" content="#ccc">
  135. <meta name="color:link hover glow outline" content="#000">
  136. <meta name="color:tooltip bg" content="#fff">
  137. <meta name="color:tooltip txt" content="#000">
  138. <meta name="color:tooltip glow outline" content="#000">
  139. <meta name="color:tooltip border" content="#000">
  140. <meta name="color:header border" content="#000">
  141. <meta name="color:border" content="#000">
  142.  
  143. <meta name="select:border" content="solid"/>
  144. <meta name="select:border" content="dashed"/>
  145. <meta name="select:border" content="dotted"/>
  146. <meta name="select:border" content="double"/>
  147. <meta name="select:border" content="inset"/>
  148. <meta name="select:border" content="outset"/>
  149. <meta name="select:border" content="ridge"/>
  150. <meta name="select:border" content="groove"/>
  151.  
  152. <meta name="select:border size" content="0"/>
  153. <meta name="select:border size" content="1"/>
  154. <meta name="select:border size" content="2"/>
  155. <meta name="select:border size" content="3"/>
  156. <meta name="select:border size" content="4"/>
  157. <meta name="select:border size" content="5"/>
  158.  
  159. <meta name="select:title" content="Arial"/>
  160. <meta name="select:title" content="Abril Fatface"/>
  161. <meta name="select:title" content="Archivo"/>
  162. <meta name="select:title" content="Bangers"/>
  163. <meta name="select:title" content="Bokor"/>
  164. <meta name="select:title" content="Calibri"/>
  165. <meta name="select:title" content="Comic Sans MS"/>
  166. <meta name="select:title" content="Courier New"/>
  167. <meta name="select:title" content="Courier Prime"/>
  168. <meta name="select:title" content="Creepster"/>
  169. <meta name="select:title" content="DM Mono"/>
  170. <meta name="select:title" content="Faster One"/>
  171. <meta name="select:title" content="Fira Code"/>
  172. <meta name="select:title" content="Fira Sans"/>
  173. <meta name="select:title" content="IBM Plex Sans"/>
  174. <meta name="select:title" content="JetBrains Mono"/>
  175. <meta name="select:title" content="Karla"/>
  176. <meta name="select:title" content="Libre Caslon Text"/>
  177. <meta name="select:title" content="Lora"/>
  178. <meta name="select:title" content="Lucida Console"/>
  179. <meta name="select:title" content="MS Gothic"/>
  180. <meta name="select:title" content="MS PGothic"/>
  181. <meta name="select:title" content="Newsreader"/>
  182. <meta name="select:title" content="Noto Sans"/>
  183. <meta name="select:title" content="Noto Sans Mono"/>
  184. <meta name="select:title" content="Nova Square"/>
  185. <meta name="select:title" content="Open Sans"/>
  186. <meta name="select:title" content="Orbitron"/>
  187. <meta name="select:title" content="Oxanium"/>
  188. <meta name="select:title" content="Overpass Mono"/>
  189. <meta name="select:title" content="Playfair Display"/>
  190. <meta name="select:title" content="Poppins"/>
  191. <meta name="select:title" content="Tahoma"/>
  192. <meta name="select:title" content="Times"/>
  193. <meta name="select:title" content="Trebuchet MS"/>
  194. <meta name="select:title" content="Quicksand"/>
  195. <meta name="select:title" content="Roboto"/>
  196. <meta name="select:title" content="Roboto Mono"/>
  197. <meta name="select:title" content="Short Stack"/>
  198. <meta name="select:title" content="Verdana"/>
  199. <meta name="select:title" content="VT323"/>
  200. <meta name="select:title" content="VT323"/>
  201. <meta name="select:title" content="Work Sans"/>
  202. <meta name="select:title" content="Yomogi"/>
  203. <meta name="select:title" content="Zen Dots"/>
  204.  
  205. <meta name="select:body" content="Arial"/>
  206. <meta name="select:body" content="Abril Fatface"/>
  207. <meta name="select:body" content="Archivo"/>
  208. <meta name="select:body" content="Bangers"/>
  209. <meta name="select:body" content="Bokor"/>
  210. <meta name="select:body" content="Calibri"/>
  211. <meta name="select:body" content="Comic Sans MS"/>
  212. <meta name="select:body" content="Courier New"/>
  213. <meta name="select:body" content="Courier Prime"/>
  214. <meta name="select:body" content="Creepster"/>
  215. <meta name="select:body" content="DM Mono"/>
  216. <meta name="select:body" content="Faster One"/>
  217. <meta name="select:body" content="Fira Code"/>
  218. <meta name="select:body" content="Fira Sans"/>
  219. <meta name="select:body" content="IBM Plex Sans"/>
  220. <meta name="select:body" content="JetBrains Mono"/>
  221. <meta name="select:body" content="Karla"/>
  222. <meta name="select:body" content="Libre Caslon Text"/>
  223. <meta name="select:body" content="Lora"/>
  224. <meta name="select:body" content="Lucida Console"/>
  225. <meta name="select:body" content="MS Gothic"/>
  226. <meta name="select:body" content="MS PGothic"/>
  227. <meta name="select:body" content="Newsreader"/>
  228. <meta name="select:body" content="Noto Sans"/>
  229. <meta name="select:body" content="Noto Sans Mono"/>
  230. <meta name="select:body" content="Nova Square"/>
  231. <meta name="select:body" content="Open Sans"/>
  232. <meta name="select:body" content="Orbitron"/>
  233. <meta name="select:body" content="Oxanium"/>
  234. <meta name="select:body" content="Overpass Mono"/>
  235. <meta name="select:body" content="Playfair Display"/>
  236. <meta name="select:body" content="Poppins"/>
  237. <meta name="select:body" content="Tahoma"/>
  238. <meta name="select:body" content="Times"/>
  239. <meta name="select:body" content="Trebuchet MS"/>
  240. <meta name="select:body" content="Quicksand"/>
  241. <meta name="select:body" content="Roboto"/>
  242. <meta name="select:body" content="Roboto Mono"/>
  243. <meta name="select:body" content="Short Stack"/>
  244. <meta name="select:body" content="Verdana"/>
  245. <meta name="select:body" content="VT323"/>
  246. <meta name="select:body" content="VT323"/>
  247. <meta name="select:body" content="Work Sans"/>
  248. <meta name="select:body" content="Yomogi"/>
  249. <meta name="select:body" content="Zen Dots"/>
  250.  
  251. <meta name="select:post margin" content="30px"/>
  252. <meta name="select:post margin" content="50px"/>
  253. <meta name="select:post margin" content="75px"/>
  254. <meta name="select:post margin" content="100px"/>
  255.  
  256. <meta name="select:icon size" content="16px"/>
  257. <meta name="select:icon size" content="20px"/>
  258. <meta name="select:icon size" content="24px"/>
  259. <meta name="select:icon size" content="28px"/>
  260. <meta name="select:icon stroke" content="1"/>
  261. <meta name="select:icon stroke" content="2"/>
  262.  
  263. <meta name="select:title align" content="center"/>
  264. <meta name="select:title align" content="left"/>
  265. <meta name="select:title align" content="right"/>
  266.  
  267. <meta name="select:title margin" content="0px"/>
  268. <meta name="select:title margin" content="-10px"/>
  269. <meta name="select:title margin" content="-20px"/>
  270. <meta name="select:title margin" content="-30px"/>
  271. <meta name="select:title margin" content="-40px"/>
  272.  
  273. <meta name="text:title" content="A title okay.">
  274. <meta name="text:title size" content="22px">
  275. <meta name="text:desc" content="Hello, welcome to my blog!">
  276. <meta name="text:font size" content="14px">
  277.  
  278. <meta name="text:link 1 title" content="01">
  279. <meta name="text:link 1 URL" content="/">
  280. <meta name="text:icon 1" content="zap">
  281. <meta name="text:link 2 title" content="02">
  282. <meta name="text:link 2 URL" content="/">
  283. <meta name="text:icon 2" content="zap">
  284. <meta name="text:link 3 title" content="03">
  285. <meta name="text:link 3 URL" content="/">
  286. <meta name="text:icon 3" content="zap">
  287. <meta name="text:link 4 title" content="04">
  288. <meta name="text:link 4 URL" content="/">
  289. <meta name="text:icon 4" content="zap">
  290.  
  291. <meta name="if:sidebar" content="0" />
  292. <meta name="if:cover bg" content="0" />
  293. <meta name="if:250px" content="0"/>
  294. <meta name="if:300px" content="0"/>
  295. <meta name="if:400px" content="0"/>
  296. <meta name="if:title bg" content="0" />
  297. <meta name="if:hide sidebar border" content="0"/>
  298. <meta name="if:hide title" content="0"/>
  299. <meta name="if:hide desc" content="0"/>
  300. <meta name="if:hide links" content="0"/>
  301. <meta name="if:hide info" content="0"/>
  302. <meta name="if:hide captions" content="0"/>
  303. <meta name="if:hide notes" content="0"/>
  304. <meta name="if:hide tags" content="0"/>
  305. <meta name="if:glow txt" content="0"/>
  306. <meta name="if:outline txt" content="0"/>
  307. <meta name="if:gradient links" content="0"/>
  308. <meta name="if:text links" content="0"/>
  309. <meta name="if:links underline" content="0"/>
  310. <meta name="if:bold links" content="0"/>
  311. <meta name="if:italic links" content="0"/>
  312. <meta name="if:custom cursor" content="0"/>
  313.  
  314. <!-- ━━━━━━ /META ━━━━━━ -->
  315.  
  316. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  317.  
  318. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  319.  
  320. <script>
  321. (function($){
  322. $(document).ready(function(){
  323. $("[title]").style_my_tooltips();
  324. });
  325. })(jQuery);
  326. </script>
  327.  
  328. <!-- ━━━━━━ STYLE ━━━━━━ -->
  329.  
  330. <style type="text/css">
  331.  
  332. body::-webkit-scrollbar {
  333. width:17px;
  334. height:17px;
  335. }
  336. body::-webkit-scrollbar {
  337. background-color: {color:bg};
  338. }
  339. body::-webkit-scrollbar-track {
  340. border:8px solid {color:bg};
  341. background-color:{color:icon};
  342. }
  343. body::-webkit-scrollbar-thumb {
  344. border:8px solid {color:bg};
  345. background-color: {color:border};
  346. min-height:24px;
  347. min-width:24px;
  348. }
  349.  
  350.  
  351. .feather {
  352. width: {select:icon size};
  353. height: {select:icon size};
  354. line-height: 100%;
  355. stroke: {color:icon};
  356. stroke-width: {select:icon stroke};
  357. {block:IfBoldLinks}
  358. stroke-width: 2;
  359. {/block:IfBoldLinks}
  360. stroke-linecap: round;
  361. stroke-linejoin: round;
  362. fill: none;
  363. display: inline;
  364. vertical-align: bottom;
  365. -webkit-font-smoothing: antialiased;
  366. text-rendering: optimizeLegibility;
  367. -moz-osx-font-smoothing: grayscale;
  368.  
  369. }
  370.  
  371. p {margin: 0px;}
  372. h1, h2, h3, h4, h5, h6 {margin: 0;}
  373. blockquote {
  374. border-left: {select:border size}px {select:border} {color:border};
  375. margin: 0 0 0 10px;
  376. padding-left: 10px;
  377. }
  378. blockquote.even {
  379. border-color: {color:link};
  380. }
  381. img {
  382. max-width: 100%;
  383. }
  384.  
  385. {block:IfCustomCursor}
  386. body, *, a, a:hover {cursor:url({image:cursor}), auto;}{/block:IfCustomCursor}
  387. {block:IfNotCustomCursor}
  388. a, a:hover {cursor: help;}
  389. {/block:IfNotCustomCursor}
  390.  
  391. #s-m-t-tooltip {
  392. {block:ifRoundBorder}
  393. border-radius: 5px;
  394. {/block:ifRoundBorder}
  395. z-index: 999999999;
  396. background-color: {color:tooltip bg};
  397. border: 1px {select:border} {color:tooltip border};
  398. color: {color:tooltip txt};
  399. {block:IfOutlineTxt}
  400. text-shadow:
  401. -1px -1px 0 {color:tooltip glow outline},
  402. 0 -1px 0 {color:tooltip glow outline},
  403. 1px -1px 0 {color:tooltip glow outline},
  404. 1px 0 0 {color:tooltip glow outline},
  405. 1px 1px 0 {color:tooltip glow outline},
  406. 0 1px 0 {color:tooltip glow outline},
  407. -1px 1px 0 {color:tooltip glow outline},
  408. -1px 0 0 {color:tooltip glow outline};
  409. {/block:IfOutlineTxt}
  410. {block:IfGlowTxt}
  411. text-shadow: 0 0 3px {color:tooltip txt glow outline};
  412. {/block:IfGlowTxt}
  413. font-size: {text:Font Size};
  414. {block:ifOutlineTxt}
  415. text-shadow: -1px 0 {color:tooltip glow outline}, 0 1px {color:tooltip glow outline}, 1px 0 {color:tooltip glow outline}, 0 -1px {color:tooltip glow outline};
  416. {block:ifOutlineTxt}
  417. {block:ifGlowTxt}
  418. text-shadow: 0 0 2px {color:tooltip glow outline}, 0 0 5px {color:tooltip glow outline};
  419. {/block:ifGlowTxt}
  420. text-align: center;
  421. transition: all 0.3s ease-out;
  422. -o-transition: all 0.3s ease-out;
  423. -webkit-transition: all 0.3s ease-out;
  424. -moz-transition: all 0.3s ease-out;
  425. text-transform: normal;
  426. max-width: 300px;
  427. display: block;
  428. word-wrap: break-word;
  429. padding: 7px 10px;
  430. margin: -30px 0px 10px 20px;}
  431.  
  432. ::-moz-selection {
  433. background: {color:icon};
  434. color: {color:sb};}
  435.  
  436. ::selection {
  437. background: {color:icon};
  438. color: {color:sb};}
  439.  
  440. body {
  441. opacity: 1;
  442. transition: 3s opacity;
  443. }
  444.  
  445. body.fade-out {
  446. opacity: 0;
  447. transition: none;
  448. }
  449.  
  450. body {
  451. margin: 0;
  452. overflow-x:hidden;
  453. background: {color:bg};
  454. font-family: {select:body};
  455. font-size: {text:font size};
  456. color: {color:txt};
  457. {block:IfOutlineTxt}
  458. text-shadow:
  459. -1px -1px 0 {color:txt glow outline},
  460. 0 -1px 0 {color:txt glow outline},
  461. 1px -1px 0 {color:txt glow outline},
  462. 1px 0 0 {color:txt glow outline},
  463. 1px 1px 0 {color:txt glow outline},
  464. 0 1px 0 {color:txt glow outline},
  465. -1px 1px 0 {color:txt glow outline},
  466. -1px 0 0 {color:txt glow outline};
  467. {/block:IfOutlineTxt}
  468. {block:IfGlowTxt}
  469. text-shadow: 0 0 3px {color:txt glow outline};
  470. {/block:IfGlowTxt}
  471. line-height: 100%;
  472. background: {color:bg} url("{image:bg}") fixed;
  473. {block:IfCoverBg}
  474. background-image: url("{image:bg}") no-repeat center center fixed;
  475. -webkit-background-size: cover;
  476. -moz-background-size: cover;
  477. -o-background-size: cover;
  478. background-size: cover;
  479. {/block:IfCoverBg}
  480. -webkit-font-smoothing: antialiased;
  481. text-rendering: optimizeLegibility;
  482. -moz-osx-font-smoothing: grayscale;
  483. }
  484.  
  485. a:link, a:active, a:visited {
  486. {block:IfGradientLinks}
  487. background: -webkit-linear-gradient( 45deg, {color:gradient 1}, {color:gradient 2});
  488. -webkit-background-clip: text;
  489. -webkit-text-fill-color: transparent;
  490. {/block:IfGradientLinks}
  491. color: {color:link};
  492. {block:IfOutlineTxt}
  493. text-shadow:
  494. -1px -1px 0 {color:link glow outline},
  495. 0 -1px 0 {color:link glow outline},
  496. 1px -1px 0 {color:link glow outline},
  497. 1px 0 0 {color:link glow outline},
  498. 1px 1px 0 {color:link glow outline},
  499. 0 1px 0 {color:link glow outline},
  500. -1px 1px 0 {color:link glow outline},
  501. -1px 0 0 {color:link glow outline};
  502. {/block:IfOutlineTxt}
  503. {block:IfGlowTxt}
  504. text-shadow: 0 0 3px {color:link glow outline};
  505. {/block:IfGlowTxt}
  506. {block:IfNotLinksUnderline}
  507. text-decoration: none;{/block:IfNotLinksUnderline}
  508. {block:IfLinksUnderline}
  509. text-decoration: underline;{/block:IfLinksUnderline}
  510. {block:IfBoldLinks}font-weight: bold;{/block:IfBoldLinks}
  511. {block:IfItalicLinks}font-style: italic;{/block:IfItalicLinks}
  512. -webkit-transition: all 0.5s ease-in-out;
  513. -moz-transition: all 0.5s ease-in-out;
  514. -o-transition: all 0.5s ease-in-out;
  515. -ms-transition: all 0.5s ease-in-out;
  516. transition: all 0.5s ease-in-out;
  517. }
  518.  
  519. .tit a:hover, #title a:hover, .link a:hover, .dated a:hover, .tag a:hover, #a a:hover, #asker a:hover, a:hover {
  520. color: {color:link hover};
  521. {block:IfOutlineTxt}
  522. text-shadow:
  523. -1px -1px 0 {color:link hover glow outline},
  524. 0 -1px 0 {color:link hover glow outline},
  525. 1px -1px 0 {color:link hover glow outline},
  526. 1px 0 0 {color:link hover glow outline},
  527. 1px 1px 0 {color:link hover glow outline},
  528. 0 1px 0 {color:link hover glow outline},
  529. -1px 1px 0 {color:link hover glow outline},
  530. -1px 0 0 {color:link hover glow outline};
  531. {/block:IfOutlineTxt}
  532. {block:IfGlowTxt}
  533. text-shadow: 0 0 3px {color:link hover glow outline};
  534. {/block:IfGlowTxt}
  535. {block:IfGradientLinks}
  536. background: -webkit-linear-gradient( 45deg, {color:link hover}, {color:link hover});
  537. -webkit-background-clip: text;
  538. -webkit-text-fill-color: transparent;
  539. {/block:IfGradientLinks}
  540. -webkit-transition: all 0.5s ease-in-out;
  541. -moz-transition: all 0.5s ease-in-out;
  542. -o-transition: all 0.5s ease-in-out;
  543. -ms-transition: all 0.5s ease-in-out;
  544. transition: all 0.5s ease-in-out;
  545. }
  546.  
  547. #main {
  548. margin: 100px auto;
  549. width: 600px;
  550. }
  551.  
  552. #title {
  553. font-size: {text:title size};
  554. font-family: {select:title};
  555. text-align: {select:title align};
  556. line-height: 100%;
  557. padding: 0 5px 0 5px;
  558. max-height: 300px;
  559. width: 535px;
  560. {block:if400px}
  561. width: 435px;
  562. {/block:if400px}
  563. {block:if300px}
  564. width: 325px;
  565. {/block:if300px}
  566. {block:if250px}
  567. width: 265px;
  568. {/block:if250px}
  569. position: absolute;
  570. margin-top: {select:title margin};
  571. }
  572.  
  573. .tit a, #title a {
  574. color: {color:title};
  575. {block:IfTitleBg}
  576. background: {color:title bg};
  577. padding: 5px 10px;
  578. {/block:IfTitleBg}
  579. {block:IfOutlineTxt}
  580. text-shadow:
  581. -1px -1px 0 {color:title glow outline},
  582. 0 -1px 0 {color:title glow outline},
  583. 1px -1px 0 {color:title glow outline},
  584. 1px 0 0 {color:title glow outline},
  585. 1px 1px 0 {color:title glow outline},
  586. 0 1px 0 {color:title glow outline},
  587. -1px 1px 0 {color:title glow outline},
  588. -1px 0 0 {color:title glow outline};
  589. {/block:IfOutlineTxt}
  590. {block:IfGlowTxt}
  591. text-shadow: 0 0 3px {color:title glow outline};
  592. {/block:IfGlowTxt}
  593. }
  594.  
  595. .header {
  596. width: 540px;
  597. {block:if400px}
  598. width: 440px;
  599. {/block:if400px}
  600. {block:if300px}
  601. width: 330px;
  602. {/block:if300px}
  603. {block:if250px}
  604. width: 270px;
  605. {/block:if250px}
  606. border: {select:border size}px {select:border} {color:header border};
  607. border-bottom: 0;
  608. {block:IfHideInfo}
  609. border: {select:border size}px {select:border} {color:header border};
  610. margin-bottom: 100px;
  611. {/block:IfHideInfo}
  612.  
  613.  
  614. }
  615.  
  616. .header img {
  617. max-width: 100%;
  618. display: block;
  619.  
  620. }
  621.  
  622. .sb {
  623. width: 500px;
  624. padding: 10px 20px;
  625. {block:if400px}
  626. width: 400px;
  627. {/block:if400px}
  628. {block:if300px}
  629. width: 300px;
  630. padding: 10px 15px;
  631. {/block:if300px}
  632. {block:if250px}
  633. width: 250px;
  634. padding: 7px 10px;
  635. {/block:if250px}
  636. background: {color:header};
  637. border: {select:border size}px {select:border} {color:header border};
  638. }
  639.  
  640. .desc {
  641. color: {color:header txt};
  642. {block:IfOutlineTxt}
  643. text-shadow:
  644. -1px -1px 0 {color:header txt glow outline},
  645. 0 -1px 0 {color:header txt glow outline},
  646. 1px -1px 0 {color:header txt glow outline},
  647. 1px 0 0 {color:header txt glow outline},
  648. 1px 1px 0 {color:header txt glow outline},
  649. 0 1px 0 {color:header txt glow outline},
  650. -1px 1px 0 {color:header txt glow outline},
  651. -1px 0 0 {color:header txt glow outline};
  652. {/block:IfOutlineTxt}
  653. {block:IfGlowTxt}
  654. text-shadow: 0 0 3px {color:header txt glow outline};
  655. {/block:IfGlowTxt}
  656. {block:IfSidebar}
  657. margin-top: 5px;
  658. {/block:IfSidebar}
  659. }
  660. #sb {
  661. text-align: center;
  662. margin-left: -300px;
  663. {block:if250px}
  664. margin-left: -200px;
  665. {/block:if250px}
  666. position: fixed;
  667. width: 200px;
  668.  
  669. }
  670.  
  671. .tit {
  672. font-size: {text:title size};
  673. font-family: {select:title};
  674. text-align: {select:title align};
  675. line-height: 100%;
  676. margin-bottom: 5px;
  677. }
  678.  
  679.  
  680.  
  681.  
  682. .sbz img {
  683. max-width: 100%;
  684. display: block;
  685. {block:ifNotHideSidebarBorder}
  686. border: {select:border size}px {select:border} {color:header border};
  687. {/block:ifNotHideSidebarBorder}
  688.  
  689. }
  690.  
  691.  
  692. .link {
  693. {block:IfSidebar}
  694. margin-top: 5px;
  695. {/block:IfSidebar}
  696. text-align: center;
  697. {block:IfNotHideDesc}
  698. margin-top: 5px;
  699. {/block:IfNotHideDesc}
  700. }
  701.  
  702. .link a {
  703. color: {color:header link};
  704. {block:IfOutlineTxt}
  705. text-shadow:
  706. -1px -1px 0 {color:header link glow outline},
  707. 0 -1px 0 {color:header link glow outline},
  708. 1px -1px 0 {color:header link glow outline},
  709. 1px 0 0 {color:header link glow outline},
  710. 1px 1px 0 {color:header link glow outline},
  711. 0 1px 0 {color:header link glow outline},
  712. -1px 1px 0 {color:header link glow outline},
  713. -1px 0 0 {color:header link glow outline};
  714. {/block:IfOutlineTxt}
  715. {block:IfGlowTxt}
  716. text-shadow: 0 0 3px {color:header link glow outline};
  717. {/block:IfGlowTxt}
  718. margin: 0 5px 0 5px;
  719. }
  720.  
  721. .dated {
  722. width: 500px;
  723. padding: 10px 20px;
  724. {block:if400px}
  725. width: 400px;
  726. {/block:if400px}
  727. {block:if300px}
  728. width: 300px;
  729. padding: 10px 15px;
  730. {/block:if300px}
  731. {block:if250px}
  732. width: 250px;
  733. padding: 7px 10px;
  734. {/block:if250px}
  735. text-align: left;
  736. border: {select:border size}px {select:border} {color:border};
  737. border-bottom: 0;
  738. background: {color:footer};
  739. color: {color:footer link};
  740. margin-top: {select:post margin};
  741. }
  742.  
  743. .dated a, .tag a {
  744. color: {color:footer link};
  745. {block:IfOutlineTxt}
  746. text-shadow:
  747. -1px -1px 0 {color:footer link glow outline},
  748. 0 -1px 0 {color:footer link glow outline},
  749. 1px -1px 0 {color:footer link glow outline},
  750. 1px 0 0 {color:footer link glow outline},
  751. 1px 1px 0 {color:footer link glow outline},
  752. 0 1px 0 {color:footer link glow outline},
  753. -1px 1px 0 {color:footer link glow outline},
  754. -1px 0 0 {color:footer link glow outline};
  755. {/block:IfOutlineTxt}
  756. {block:IfGlowTxt}
  757. text-shadow: 0 0 3px {color:footer link glow outline};
  758. {/block:IfGlowTxt}
  759.  
  760. }
  761.  
  762. .tag {
  763. white-space: nowrap;
  764. width: 500px;
  765. padding: 10px 20px;
  766. {block:if400px}
  767. width: 400px;
  768. {/block:if400px}
  769. {block:if300px}
  770. width: 300px;
  771. padding: 10px 15px;
  772. {/block:if300px}
  773. {block:if250px}
  774. width: 250px;
  775. padding: 7px 10px;
  776. {/block:if250px}
  777. overflow: auto;
  778. overflow-y: hidden;
  779. text-align: left;
  780. border: {select:border size}px {select:border} {color:border};
  781. border-top: 0;
  782. background: {color:footer};
  783. color: {color:footer link};
  784. {block:IfOutlineTxt}
  785. text-shadow:
  786. -1px -1px 0 {color:footer link glow outline},
  787. 0 -1px 0 {color:footer link glow outline},
  788. 1px -1px 0 {color:footer link glow outline},
  789. 1px 0 0 {color:footer link glow outline},
  790. 1px 1px 0 {color:footer link glow outline},
  791. 0 1px 0 {color:footer link glow outline},
  792. -1px 1px 0 {color:footer link glow outline},
  793. -1px 0 0 {color:footer link glow outline};
  794. {/block:IfOutlineTxt}
  795. {block:IfGlowTxt}
  796. text-shadow: 0 0 3px {color:footer link glow outline};
  797. {/block:IfGlowTxt}
  798. }
  799.  
  800. .tag::-webkit-scrollbar
  801. {
  802. width: 3px; height: 3px;
  803.  
  804. }
  805.  
  806. .tag::-webkit-scrollbar-track
  807. {
  808. background-color: {color:footer};
  809. }
  810.  
  811. .tag::-webkit-scrollbar-thumb
  812. {
  813. background-color: {color:footer link};
  814. }
  815.  
  816. .posts {
  817. background: {color:posts};
  818. text-align: left;
  819. padding: 20px;
  820. width: 500px;
  821. {block:if400px}
  822. width: 400px;
  823. {/block:if400px}
  824. {block:if300px}
  825. width: 300px;
  826. padding: 15px;
  827. {/block:if300px}
  828. {block:if250px}
  829. width: 250px;
  830. padding: 10px;
  831. {/block:if250px}
  832. border: {select:border size}px {select:border} {color:border};
  833. }
  834.  
  835. .pic img {
  836. display: block;
  837. {block:if300px}
  838. max-width: 300px;
  839. {/block:if300px}
  840. -webkit-transition: all 0.5s ease-in-out;
  841. -moz-transition: all 0.5s ease-in-out;
  842. -o-transition: all 0.5s ease-in-out;
  843. -ms-transition: all 0.5s ease-in-out;
  844. transition: all 0.5s ease-in-out;
  845. }
  846.  
  847. .pic img:hover {
  848. filter: blur(2px);
  849. -webkit-transition: all 0.5s ease-in-out;
  850. -moz-transition: all 0.5s ease-in-out;
  851. -o-transition: all 0.5s ease-in-out;
  852. -ms-transition: all 0.5s ease-in-out;
  853. transition: all 0.5s ease-in-out;
  854. }
  855.  
  856. [photoset-layout] img {
  857. -webkit-transition: all 0.5s ease-in-out;
  858. -moz-transition: all 0.5s ease-in-out;
  859. -o-transition: all 0.5s ease-in-out;
  860. -ms-transition: all 0.5s ease-in-out;
  861. transition: all 0.5s ease-in-out;}
  862.  
  863.  
  864. [photoset-layout] img:hover {
  865. filter: blur(2px);
  866. -webkit-transition: all 0.5s ease-in-out;
  867. -moz-transition: all 0.5s ease-in-out;
  868. -o-transition: all 0.5s ease-in-out;
  869. -ms-transition: all 0.5s ease-in-out;
  870. transition: all 0.5s ease-in-out;}
  871.  
  872. .cap {
  873. margin-top: 10px;
  874. {block:if250px}
  875. margin-top: 5px;
  876. {/block:if250px}
  877. }
  878.  
  879. .permac {
  880. width: 540px;
  881. {block:if400px}
  882. width: 440px;
  883. {/block:if400px}
  884. {block:if300px}
  885. width: 330px;
  886. {/block:if300px}
  887. {block:if250px}
  888. width: 270px;
  889. {/block:if250px}
  890. margin-top: {select:post margin};
  891. border: {select:border size}px {select:border} {color:border};
  892. }
  893.  
  894. {block:PostNotes}
  895. .reblogs {
  896. text-align: left;
  897. padding: 10px 20px;
  898. {block:if400px}
  899. width: 400px;
  900. {/block:if400px}
  901. {block:if300px}
  902. width: 300px;
  903. padding: 10px 15px;
  904. {/block:if300px}
  905. {block:if250px}
  906. width: 250px;
  907. padding: 7px 10px;
  908. {/block:if250px}
  909. background: {color:footer};
  910. border-bottom: {select:border size}px {select:border} {color:border};
  911. }
  912. {/block:PostNotes}
  913. .permanote {
  914. height: 150px;
  915. overflow: auto;
  916. overflow-x: hidden;
  917. background: {color:posts};
  918. text-align: left;
  919. padding: 20px;
  920. {block:if400px}
  921. padding: 20px;
  922. {/block:if400px}
  923. {block:if300px}
  924. padding: 15px;
  925. {/block:if300px}
  926. {block:if250px}
  927. padding: 10px;
  928. {/block:if250px}
  929. }
  930.  
  931. .permanote::-webkit-scrollbar {
  932. width: 10px;
  933. }
  934.  
  935. .permanote::-webkit-scrollbar-track {
  936. background-color: {color:posts};
  937. }
  938.  
  939. .permanote::-webkit-scrollbar-thumb {
  940. background-color: {color:icon};
  941. border: 3px solid {color:posts};
  942. }
  943.  
  944. .permanote ol.notes {
  945. list-style-type: none;
  946. margin: 0;
  947. padding: 0;}
  948.  
  949. .permanote img.avatar {
  950. display: none;}
  951.  
  952. .pagi {
  953. text-align: center;
  954. margin-bottom: 100px;
  955. padding: 20px;
  956. width: 500px;
  957. }
  958.  
  959. .time-ago {
  960. display: inline;
  961. }
  962.  
  963. #c {
  964. position: fixed;
  965. bottom: 10px; right: 10px;
  966. }
  967.  
  968. .controls a {
  969. position:relative;
  970. display:inline-block;
  971. }
  972. .controls .reblog {
  973. opacity:.93;
  974. }
  975. .controls .reblog svg {
  976. width:9px;
  977. margin-top:1px;
  978. }
  979. .controls .like .liked + .feather {
  980. opacity:1;
  981. }
  982. .controls .like .liked + .feather {
  983. fill: {color:icon};
  984. }
  985. .controls .like .like_button {
  986. position:relative;
  987. }
  988. .controls .like .like_button iframe {
  989. position:absolute;
  990. top:0;
  991. left:0;
  992. bottom:0;
  993. right:0;
  994. z-index:2;
  995. opacity:0;
  996. }
  997.  
  998.  
  999. .tmblr-iframe-compact .tmblr-iframe--unified-controls {
  1000. -webkit-filter: opacity(0);
  1001. filter: opacity(0);
  1002. transition: all 0.3s ease-out;
  1003. -o-transition: all 0.3s ease-out;
  1004. -webkit-transition: all 0.3s ease-out;
  1005. -moz-transition: all 0.3s ease-out;
  1006. }
  1007.  
  1008. .tmblr-iframe-compact .tmblr-iframe--unified-controls:hover {
  1009. -webkit-filter: opacity(1);
  1010. filter: opacity(1);
  1011. transition: all 0.3s ease-out;
  1012. -o-transition: all 0.3s ease-out;
  1013. -webkit-transition: all 0.3s ease-out;
  1014. -moz-transition: all 0.3s ease-out;
  1015. }
  1016.  
  1017. body::-webkit-scrollbar {
  1018. width:17px;
  1019. height:17px;
  1020. }
  1021. body::-webkit-scrollbar {
  1022. background-color: {color:bg};
  1023. }
  1024. body::-webkit-scrollbar-track {
  1025. border:8px solid {color:bg};
  1026. background-color:{color:icon};
  1027. }
  1028. body::-webkit-scrollbar-thumb {
  1029. border:8px solid {color:bg};
  1030. background-color: {color:border};
  1031. min-height:24px;
  1032. min-width:24px;
  1033. }
  1034.  
  1035. #asker::-webkit-scrollbar {
  1036. width: 4px;
  1037. }
  1038.  
  1039. #asker::-webkit-scrollbar-track {
  1040. background-color: {color:footer};
  1041. }
  1042.  
  1043. #asker::-webkit-scrollbar-thumb {
  1044. background-color: {color:footer link};
  1045. }
  1046.  
  1047. #ask img {
  1048. display:block;
  1049. padding: 10px;
  1050. background: {color:footer};
  1051. }
  1052. #asker {
  1053. margin-left: 105px;
  1054. margin-top: -84px;
  1055. background: {color:footer};
  1056. color: {color:footer link};
  1057. {block:IfOutlineTxt}
  1058. text-shadow:
  1059. -1px -1px 0 {color:footer link glow outline},
  1060. 0 -1px 0 {color:footer link glow outline},
  1061. 1px -1px 0 {color:footer link glow outline},
  1062. 1px 0 0 {color:footer link glow outline},
  1063. 1px 1px 0 {color:footer link glow outline},
  1064. 0 1px 0 {color:footer link glow outline},
  1065. -1px 1px 0 {color:footer link glow outline},
  1066. -1px 0 0 {color:footer link glow outline};
  1067. {/block:IfOutlineTxt}
  1068. {block:IfGlowTxt}
  1069. text-shadow: 0 0 3px {color:footer link glow outline};
  1070. {/block:IfGlowTxt}
  1071. height: 74px;
  1072. overflow: auto;
  1073. overflow-x: hidden;
  1074. padding: 10px 10px 0px;
  1075. }
  1076. #asker a {
  1077. color: {color:footer link};
  1078. font-weight: bold;
  1079. }
  1080.  
  1081. #a {
  1082. margin-top: 20px;
  1083. padding: 5px 7px;
  1084. background: {color:footer link};
  1085. color: {color:footer};
  1086. }
  1087.  
  1088. #a a {
  1089. color: {color:footer};
  1090. }
  1091.  
  1092.  
  1093. .spotify_audio_player {
  1094. height:80px!important;
  1095. width:100%!important;}
  1096.  
  1097. .soundcloud_audio_player {
  1098. height:150px!important;
  1099. width:100%!important;}
  1100.  
  1101.  
  1102. .vid {
  1103. position: relative;
  1104. padding-bottom: 56.25%;
  1105. padding-top: 30px;
  1106. height: 0;
  1107. overflow: hidden;
  1108. }
  1109.  
  1110. .vid iframe,
  1111. .vid object,
  1112. .vid embed {
  1113. position: absolute;
  1114. top: 0;
  1115. left: 0;
  1116. width: 100%;
  1117. height: 100%;
  1118. }
  1119.  
  1120. iframe.tumblr_audio_player {
  1121. width:100%!important;
  1122. height:85px!important;
  1123. }
  1124.  
  1125. .huh, .notecount {display: inline;}
  1126. </style>
  1127.  
  1128. <!-- ━━━━━━ /STYLE ━━━━━━ -->
  1129.  
  1130. <script>
  1131. function gatherData(images, arr) {
  1132. for (let i = 0; i < images.length; i++) {
  1133. let currentData = {
  1134. "width": images[i].getAttribute('data-width'),
  1135. "height": images[i].getAttribute('data-height'),
  1136. "low_res": images[i].getAttribute('data-lowres'),
  1137. "high_res": images[i].getAttribute('data-highres')
  1138. };
  1139. arr.push(currentData);
  1140. }
  1141. }
  1142. function getIndex(elem) {
  1143. let i = 0;
  1144. while( (elem = elem.previousElementSibling) != null ) i++;
  1145. return i;
  1146. }
  1147. function lightbox(elem) {
  1148. let currentPhotoset = elem.parentNode;
  1149. let photosetPhotos = currentPhotoset.getElementsByTagName('div');
  1150. let data = [];
  1151. gatherData(photosetPhotos, data);
  1152. Tumblr.Lightbox.init(data, getIndex(elem) + 1);
  1153. }
  1154. </script>
  1155.  
  1156. <script type="text/javascript">
  1157. $('.posts').unnest({
  1158. tumblrAvatars: true,
  1159. usernameColon: false
  1160. });
  1161. </script>
  1162.  
  1163. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  1164. <script type="text/javascript" src="https://static.tumblr.com/i5s2zks/9Acok8oo2/bct-timeago.min.js"></script>
  1165. <script type="text/javascript">
  1166. $(document).ready(function() {
  1167. $(".time-ago").timeAgo({
  1168. // options go here
  1169. });
  1170. });
  1171. </script>
  1172.  
  1173. </head>
  1174.  
  1175. <!-- ━━━━━━ BODY ━━━━━━ -->
  1176.  
  1177. <body>
  1178.  
  1179. <script>
  1180. document.body.classList.add('fade-out');
  1181. window.addEventListener('DOMContentLoaded', () => {
  1182. document.body.classList.remove('fade-out');
  1183. });
  1184. </script>
  1185.  
  1186.  
  1187. <div id="main">
  1188.  
  1189. {block:IfSidebar}
  1190. <div id="sb">
  1191. {block:IfNotHideTitle}<div class="tit"><a href="/">{text:title}</a></div>{/block:IfNotHideTitle}
  1192. <div class="sbz">
  1193. <a href="/"><img src="{image:sb}"></a>
  1194. </div>
  1195. {block:IfNotHideDesc}<div class="desc">{text:desc}</div>{/block:IfNotHideDesc}
  1196. {block:IfNotHideLinks}<div class="link">
  1197. {block:IfNotTextLinks}
  1198. <a href="{text:link 1 URL}" data-toggle="tooltip" title="{text:link 1 title}"><i data-feather="{text:icon 1}" style="stroke:{color:header icon}"></i></a>
  1199. <a href="{text:link 2 URL}" data-toggle="tooltip" title="{text:link 2 title}"><i data-feather="{text:icon 2}" style="stroke:{color:header icon}"></i></a>
  1200. <a href="{text:link 3 URL}" data-toggle="tooltip" title="{text:link 3 title}"><i data-feather="{text:icon 3}" style="stroke:{color:header icon}"></i></a>
  1201. <a href="{text:link 4 URL}" data-toggle="tooltip" title="{text:link 4 title}"><i data-feather="{text:icon 4}" style="stroke:{color:header icon}"></i></a>
  1202. {/block:IfNotTextLinks}
  1203.  
  1204. {block:IfTextLinks}
  1205. <a href="{text:link 1 URL}">{text:link 1 title}</a>
  1206. <a href="{text:link 2 URL}">{text:link 2 title}</a>
  1207. <a href="{text:link 3 URL}">{text:link 3 title}</a>
  1208. <a href="{text:link 4 URL}">{text:link 4 title}</a>
  1209. {/block:IfTextLinks}
  1210.  
  1211. </div>{/block:IfNotHideLinks}
  1212. </div>
  1213. </div>
  1214. {/block:IfSidebar}
  1215. <center>
  1216.  
  1217. {block:IfNotSidebar}
  1218. <div class="header">
  1219. {block:IfNotHideTitle}<div id="title"><a href="/">{text:title}</a></div>{/block:IfNotHideTitle}
  1220. <a href="/"><img src="{image:header}"></a>
  1221. </div>
  1222.  
  1223.  
  1224. {block:IfNotHideInfo}
  1225. <div class="sb">
  1226. {block:IfNotHideDesc}<div class="desc">{text:desc}</div>{/block:IfNotHideDesc}
  1227. {block:IfNotHideLinks}<div class="link">
  1228. {block:IfNotTextLinks}
  1229. <a href="{text:link 1 URL}" data-toggle="tooltip" title="{text:link 1}"><i data-feather="{text:icon 1}" style="stroke:{color:header icon}"></i></a>
  1230. <a href="{text:link 2 URL}" data-toggle="tooltip" title="{text:link 2}"><i data-feather="{text:icon 2}" style="stroke:{color:header icon}"></i></a>
  1231. <a href="{text:link 3 URL}" data-toggle="tooltip" title="{text:link 3}"><i data-feather="{text:icon 3}" style="stroke:{color:header icon}"></i></a>
  1232. <a href="{text:link 4 URL}" data-toggle="tooltip" title="{text:link 4}"><i data-feather="{text:icon 4}" style="stroke:{color:header icon}"></i></a>
  1233. {/block:IfNotTextLinks}
  1234. {block:IfTextLinks}
  1235. <a href="{text:link 1 URL}">{text:link 1 title}</a>
  1236. <a href="{text:link 2 URL}">{text:link 2 title}</a>
  1237. <a href="{text:link 3 URL}">{text:link 3 title}</a>
  1238. <a href="{text:link 4 URL}">{text:link 4 title}</a>
  1239. {/block:IfTextLinks}
  1240.  
  1241. </div>{/block:IfNotHideLinks}</div>{/block:IfNotHideInfo}
  1242. {/block:IfNotSidebar}
  1243.  
  1244. <div class="huh">
  1245. {block:Posts}
  1246.  
  1247. <div class="dated">
  1248. {block:IndexPage}{block:Date}
  1249. <i data-feather="clock"></i> <a href="{Permalink}"><div class="time-ago">{TimeStamp}</div></a>
  1250. {/block:Date}
  1251. {block:IfNotHideNotes}{block:NoteCount}<i data-feather="activity" style="margin: 0 20px 0 20px;
  1252. {block:if300px}margin: 0 5px 0 5px;{/block:if300px}
  1253. {block:if250px}margin: 0 5px 0 5px;{/block:if250px}"></i>
  1254. <a href="{Permalink}"><div class="notecount">{NoteCount}</div>%</a>{/block:NoteCount}{/block:IfNotHideNotes}
  1255.  
  1256. <div class="controls" style="float:right">
  1257. <a href="#" class="like">{LikeButton}<i data-feather="heart"></i>
  1258. </a>
  1259.  
  1260.  
  1261. <a href="{ReblogURL}" data-toggle="tooltip" title="reblog"><i data-feather="refresh-cw"></i></a>
  1262. </div>{/block:IndexPage}
  1263.  
  1264. {block:PermalinkPage}
  1265. <i data-feather="power"></i>
  1266. <div style="float:right"><i data-feather="moon"></i></div>
  1267. {/block:PermalinkPage}
  1268.  
  1269. </div>
  1270.  
  1271.  
  1272. <div class="posts" id="{PostID}">
  1273.  
  1274. {block:Text}
  1275. {block:Title}{Title}{/block:Title}
  1276. {Body}
  1277. {/block:Text}
  1278.  
  1279. {block:Photo}
  1280. <div class="pic"><center>
  1281. {block:ifNot250px}{block:ifNot300px}{block:ifNot400px}
  1282. <a href="{Permalink}"><img src="{PhotoURL-500}"></a>
  1283. {/block:ifNot400px}{/block:ifNot300px}{/block:ifNot250px}
  1284. {block:if400px}
  1285. <a href="{Permalink}"><img src="{PhotoURL-400}"></a>
  1286. {/block:if400px}
  1287. {block:if300px}
  1288. <a href="{Permalink}"><img src="{PhotoURL-400}"></a>
  1289. {/block:if300px}
  1290. {block:if250px}
  1291. <a href="{Permalink}"><img src="{PhotoURL-250}"></a>
  1292. {/block:if250px}
  1293. </center></div>
  1294. {/block:Photo}
  1295.  
  1296. {block:Photoset}
  1297. <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>
  1298. {/block:Photoset}
  1299.  
  1300.  
  1301.  
  1302. {block:Answer}
  1303.  
  1304. <div id="ask"><img src="{AskerPortraitURL-64}"></div>
  1305. <div id="asker">{Asker} {Question}</div>
  1306. <div id="a">{Answer}</div>
  1307.  
  1308. {/block:Answer}
  1309.  
  1310.  
  1311.  
  1312.  
  1313. {block:Video}
  1314. <div class="vid">{VideoEmbed-500}</div>
  1315. {/block:Video}
  1316.  
  1317. {block:Quote}
  1318. {Quote}
  1319. {block:Source}{Source}{/block:Source}
  1320. {/block:Quote}
  1321.  
  1322. {block:Link}
  1323. <a href="{URL}" {Target}>{Name}</a>
  1324. {block:Description}{Description}{/block:Description}
  1325. {/block:Link}
  1326.  
  1327. {block:Chat}
  1328. {block:Title}{Title}{/block:Title}
  1329. {block:Lines}
  1330. {block:Label}{Label}{/block:Label}
  1331. {Line}
  1332. {/block:Lines}
  1333. {/block:Chat}
  1334.  
  1335. {block:Audio}
  1336. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  1337. {/block:Audio}
  1338.  
  1339. {block:IfNotHideCaptions}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:IfNotHideCaptions}
  1340.  
  1341. </div>
  1342.  
  1343. {block:IfNotHideTags}{block:HasTags}
  1344. <div class="tag">
  1345. <i data-feather="bookmark"></i> {block:Tags}<a href="{TagURL}" style="margin-right: 10px">{Tag}</a> {/block:Tags}</div>
  1346. {/block:HasTags}{block:IfNotHideTags}
  1347.  
  1348. {block:PermalinkPage}
  1349. {block:PostNotes}
  1350. <div class="permac">
  1351.  
  1352. <div class="reblogs"><i data-feather="eye"></i>
  1353. <div style="float:right"><i data-feather="list"></i></div>
  1354. </div>
  1355.  
  1356. <div class="permanote">
  1357. <p style="margin-bottom: 10px">{NoteCount}<i data-feather="percent"></i>
  1358. {block:RebloggedFrom}
  1359. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> /
  1360. <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
  1361. {/block:RebloggedFrom}
  1362. </p>
  1363. {PostNotes}
  1364. </div>
  1365. </div>{/block:PostNotes}
  1366. {/block:PermalinkPage}
  1367.  
  1368. {/block:Posts}
  1369. </div>
  1370. {block:IndexPage}
  1371. <div class="pagi">
  1372. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" style="margin-right: 20px"><i data-feather="arrow-left"></i></a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"><i data-feather="arrow-right"></i></a></p>{/block:NextPage}{/block:Pagination}</div>{/block:IndexPage}
  1373.  
  1374. </center>
  1375. <div id="c"><a href="https://sadthemes.tumblr.com/" data-toggle="tooltip" title="sadthemes"><i data-feather="save"></i></a></div>
  1376.  
  1377.  
  1378. </div>
  1379. <script>feather.replace()</script>
  1380.  
  1381. <script>
  1382. var $container = $('.huh');
  1383. $container.find('.notecount').each(function(){
  1384. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  1385. if (n > 999) {
  1386. n = Math.floor(n / 100) / 10;
  1387. $(this).text(n + 'k');
  1388. }
  1389. });
  1390. </script>
  1391.  
  1392. <script>
  1393. $(document).ready(function() {
  1394. // audio player
  1395. var $audio = $('iframe.tumblr_audio_player');
  1396. $audio.load(function() {
  1397. $(this).contents().find('head').append('<style type="text/css">' +
  1398. '.audio-player { background: {color:footer}; color: {color:footer link} !important;}' +
  1399. '.audio-player .audio-info .track-artist { color: {color:footer link} !important; }' +
  1400. '</style>');
  1401. });
  1402. });
  1403. </script>
  1404. </body>
  1405. <!-- ━━━━━━ /BODY ━━━━━━ -->
  1406. </html>
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!