Advertisement
uchihaclan

I WILL LOVE YOU FOREVER...

Apr 9th, 2020 (edited)
853
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.85 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!---
  5.  
  6. I will love you forever... by @ps1
  7. Do not even touch the credit, okay.
  8. LMK about bugs to be fixed.
  9. Thanks for using!
  10.  
  11. -->
  12.  
  13. <meta charset="UTF-8">
  14. <title>{Title}</title>
  15. {block:Description}
  16. <meta name="description" content="{MetaDescription}" />
  17. {/block:Description}
  18. <link rel="icon" href="{image:FavIcon}" type="image/gif" >
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20.  
  21. <link href="https://fonts.googleapis.com/css?family=Comic+Neue|Courier+Prime|Karla|Overpass|Short+Stack|Work+Sans|Nova+Square|Inconsolata|Inter&display=swap" rel="stylesheet">
  22.  
  23. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  24.  
  25. <meta name="color:background" content="#fff"/>
  26. <meta name="color:posts" content="#fff"/>
  27. <meta name="color:title" content="#000"/>
  28. <meta name="color:title glow" content="#000"/>
  29. <meta name="color:title background" content="#fff"/>
  30. <meta name="color:text" content="#000"/>
  31. <meta name="color:text glow" content="#000"/>
  32. <meta name="color:links" content="#000"/>
  33. <meta name="color:links glow" content="#000"/>
  34. <meta name="color:links hover" content="#000"/>
  35. <meta name="color:link hover 1" content="#ff0000"/>
  36. <meta name="color:link hover 2" content="#0000ff"/>
  37. <meta name="color:link hover 3" content="#ffff00"/>
  38. <meta name="color:border" content="#000"/>
  39. <meta name="color:tooltip font" content="#000"/>
  40. <meta name="color:tooltip background" content="#ccc"/>
  41.  
  42. <meta name="if:custom cursor" content="0" />
  43. <meta name="if:glitch title" content="0" />
  44. <meta name="if:center title" content="0"/>
  45. <meta name="if:right title" content="0"/>
  46. <meta name="if:hide title" content="0" />
  47. <meta name="if:hide desc" content="0" />
  48. <meta name="if:soft" content="0" />
  49. <meta name="if:tile background" content="0"/>
  50. <meta name="if:glow text" content="0"/>
  51. <meta name="if:link underline" content="0"/>
  52. <meta name="if:transparent posts" content="0"/>
  53. <meta name="if:hide caption" content="0"/>
  54.  
  55. <meta name="image:favicon" content=""/>
  56. <meta name="image:sidebar" content="https://i.imgur.com/oOKvQkr.png"/>
  57. <meta name="image:sidebar2" content="https://i.imgur.com/zLSP3Ln.png"/>
  58. <meta name="image:background" content=""/>
  59. <meta name="image:post background" content=""/>
  60. <meta name="image:sidebar background" content=""/>
  61. <meta name="image:cursor" content="https://i.imgur.com/nx9LK6f.png"/>
  62. <meta name="image:tooltip" content=""/>
  63.  
  64. <meta name="select:border" content="solid"/>
  65. <meta name="select:border" content="dashed"/>
  66. <meta name="select:border" content="dotted"/>
  67. <meta name="select:border" content="double"/>
  68. <meta name="select:border" content="inset"/>
  69. <meta name="select:border" content="outset"/>
  70. <meta name="select:border" content="ridge"/>
  71. <meta name="select:border" content="groove"/>
  72.  
  73. <meta name="select:border size" content="0"/>
  74. <meta name="select:border size" content="1"/>
  75. <meta name="select:border size" content="2"/>
  76. <meta name="select:border size" content="3"/>
  77. <meta name="select:border size" content="4"/>
  78. <meta name="select:border size" content="5"/>
  79.  
  80. <meta name="select:typeface" content="anime"/>
  81. <meta name="select:typeface" content="arial"/>
  82. <meta name="select:typeface" content="comic sans ms"/>
  83. <meta name="select:typeface" content="comic neue"/>
  84. <meta name="select:typeface" content="consolas"/>
  85. <meta name="select:typeface" content="courier prime"/>
  86. <meta name="select:typeface" content="inconsolata"/>
  87. <meta name="select:typeface" content="karla"/>
  88. <meta name="select:typeface" content="letters"/>
  89. <meta name="select:typeface" content="ms gothic"/>
  90. <meta name="select:typeface" content="ms pgothic"/>
  91. <meta name="select:typeface" content="inter"/>
  92. <meta name="select:typeface" content="nova square"/>
  93. <meta name="select:typeface" content="overpass"/>
  94. <meta name="select:typeface" content="pokemon"/>
  95. <meta name="select:typeface" content="short stack"/>
  96. <meta name="select:typeface" content="tahoma"/>
  97. <meta name="select:typeface" content="times"/>
  98. <meta name="select:typeface" content="verdana"/>
  99. <meta name="select:typeface" content="work sans"/>
  100.  
  101. <meta name="text:title" content="I will love you forever...">
  102. <meta name="text:description" content="Sorry Sasuke…">
  103. <meta name="text:description 2" content="This is the last time.">
  104. <meta name="text:title size" content="32">
  105. <meta name="text:font size" content="20">
  106. <meta name="text:link 1" content="01">
  107. <meta name="text:link 1 url" content="/">
  108. <meta name="text:link 2" content="02">
  109. <meta name="text:link 2 url" content="/">
  110. <meta name="text:link 3" content="03">
  111. <meta name="text:link 3 url" content="/">
  112.  
  113.  
  114. <style type="text/css">
  115. {block:IfCustomCursor}
  116. body, *, a, a:hover { cursor:url({image:cursor}), auto;}{/block:IfCustomCursor}
  117. img {max-width: 100%;}
  118. p {margin: 0px;}
  119. h1 {line-height: 130%;}
  120. big {font-size: 140%;}
  121. ul {list-style: square;}
  122.  
  123. ::-moz-selection {
  124. background: {color:background}; color: {color:link hover 1};}
  125. ::selection { background: {color:background}; color: {color:link hover 1};}
  126.  
  127. ::-webkit-scrollbar { width:10px;}
  128. ::-webkit-scrollbar-track { background-color:{color:background};}
  129. ::-webkit-scrollbar-thumb { background-color:{color:links};}
  130.  
  131. body {
  132. font-family: {select:typeface};
  133. font-size: {text:font size}px;
  134. line-height: 130%;
  135. text-transform: normal;
  136. color: {color:text};
  137. {block:IfGlowText}
  138. text-shadow: 0 0 2px {color:text glow}, 0 0 2px {color:text glow};
  139. {/block:IfGlowText}
  140. background-image: url('{image:background}');
  141. {block:IfNotTileBackground}
  142. -webkit-background-size: cover;
  143. -moz-background-size: cover;
  144. -o-background-size: cover;
  145. background-size: cover;
  146. {/block:IfNotTileBackground}
  147. background-attachment: fixed;
  148. background-color: {color:background};}
  149.  
  150. a:link, a:active, a:visited {
  151. color: {color:links};
  152. text-decoration: none;
  153. {block:IfGlowText}
  154. text-shadow: 0 0 2px {color:links glow}, 0 0 2px {color:links glow};
  155. {/block:IfGlowText}
  156. {block:IfNotGlowText}
  157. text-decoration: none;
  158. {/block:IfNotGlowText}
  159. {block:IfLinkUnderline}
  160. text-decoration: underline;
  161. {/block:IfLinkUnderline}
  162. -webkit-transition: all 0.3s ease-in-out;
  163. -moz-transition: all 0.3s ease-in-out;
  164. -o-transition: all 0.3s ease-in-out;
  165. -ms-transition: all 0.3s ease-in-out;
  166. transition: all 0.3s ease-in-out;}
  167.  
  168. a:hover, a:active {
  169. color: {color:links hover};
  170. text-decoration: none;
  171. border:0;
  172. animation: glitch 3s steps(100) infinite;}
  173.  
  174. @keyframes glitch {
  175. 0% { text-shadow: 3px 0 0 {color:link hover 1}, -3px 0 0 {color:link hover 2}; filter: blur(0);}
  176.  
  177. 10% { text-shadow: -3px 0 0 {color:link hover 1}, 3px 0 0 {color:link hover 2}; filter: blur(0);}
  178.  
  179. 20% { text-shadow: -3px 0 0 {color:link hover 1}, 3px 0 0 {color:link hover 3}; filter: blur(0);}
  180.  
  181. 30% { text-shadow: 0.8px 0 0 {color:link hover 2}, -0.8px 0 0 {color:link hover 3}; filter: blur(0);}
  182.  
  183. 40% { text-shadow: -3px 0 0 {color:link hover 2}, 3px 0 0 {color:link hover 3}; filter: blur(0);}
  184.  
  185. 50% { text-shadow: -3px 0 0 {color:link hover 1}, 3px 0 0 {color:link hover 3}; filter: blur(0);}
  186.  
  187. 60% { text-shadow: -3px 0 0 {color:link hover 1}, 3px 0 0 {color:link hover 2}; filter: blur(0);}
  188.  
  189. 70% { text-shadow: -3px 0 0 {color:link hover 1}, 3px 0 0 {color:link hover 2}; filter: blur(0);}
  190.  
  191. 80% { text-shadow: -3px 0 0 {color:link hover 1}, 3px 0 0 {color:link hover 2}; filter: blur(0);}
  192.  
  193. 90% { text-shadow: -3px 0 0 {color:link hover 1}, 3px 0 0 {color:link hover 3}; filter: blur(0);}
  194.  
  195. 100% { text-shadow: -3px 0 0 {color:link hover 2}, 3px 0 0 {color:link hover 3}; filter: blur(0);}}
  196.  
  197. #content {
  198. width: 700px;
  199. {block:IfNotSoft}margin:150px auto;{/block:IfNotSoft}
  200. {block:IfSoft}margin: 230px auto;{/block:IfSoft}
  201. {block:IfHideTitle}margin: 80px auto;{/block:IfHideTitle}}
  202.  
  203. #sidebar {
  204. background-color: {color:posts};
  205. width: 300px;
  206. text-align: center;
  207. position: fixed;
  208. {block:IfNotSoft}margin-left: -250px; top: 150px;{/block:IfNotSoft}
  209. {block:IfSoft}top: 230px;{/block:IfSoft}
  210. {block:IfHideTitle}top: 80px;{/block:IfHideTitle}
  211. padding: 0;
  212. border:{select:border size}px {select:border} {color:border};
  213. background-image: url('{image:sidebar background}');
  214. {block:IfTransparentPosts}background: transparent;{/block:IfTransparentPosts}
  215. {block:IfSoft}
  216. margin-left: -290px;
  217. filter: drop-shadow(0 0 8px {color:posts})
  218. drop-shadow(0 0 5px {color:posts})
  219. drop-shadow(0 0 5px {color:posts})
  220. drop-shadow(0 0 5px {color:posts});
  221. outline: 10px solid {color:posts};
  222. {/block:IfSoft}}
  223.  
  224. #sidebar img {
  225. border-bottom:{select:border size}px {select:border} {color:border};
  226. width: 300px;}
  227.  
  228. #sidebar2 {
  229. padding: 0;
  230. background-color: {color:posts};
  231. width: 300px;
  232. text-align: center;
  233. position: fixed;
  234. {block:IfNotSoft}margin-left: 550px; top: 150px;{/block:IfNotSoft}
  235. {block:IfSoft}top: 230px;{/block:IfSoft}
  236. {block:IfHideTitle}top: 80px;{/block:IfHideTitle}
  237. border:{select:border size}px {select:border} {color:border};
  238. background-image: url('{image:sidebar background}');
  239. {block:IfTransparentPosts}background: transparent;{/block:IfTransparentPosts}
  240. {block:IfSoft}
  241. margin-left: 630px;
  242. filter: drop-shadow(0 0 8px {color:posts})
  243. drop-shadow(0 0 5px {color:posts})
  244. drop-shadow(0 0 5px {color:posts})
  245. drop-shadow(0 0 5px {color:posts});
  246. outline: 10px solid {color:posts};
  247. {/block:IfSoft}}
  248.  
  249. #sidebar2 img {
  250. border-bottom:{select:border size}px {select:border} {color:border};
  251. width: 300px;}
  252.  
  253. #title {
  254. position: fixed; background: transparent;
  255. {block:IfCenterTitle}text-align: center;{/block:IfCenterTitle}
  256. {block:IfRightTitle}text-align: right;{/block:IfRightTitle}
  257. {block:IfNotSoft}margin: -90px auto; margin-left: -250px;{/block:IfNotSoft}
  258. font-size: {text:title size}px;
  259. margin-bottom: 10px;
  260. padding: 0px;
  261. z-index: 1;
  262. width: 1105px;
  263. {block:IfSoft}
  264. width: 1227px;
  265. margin-left: -290px;
  266. margin-top: -140px;
  267. {/block:IfSoft}
  268. }
  269.  
  270. #title a {
  271. {block:IfGlowText}
  272. text-shadow: 0 0 2px {color:title glow}, 0 0 2px {color:title glow};
  273. {/block:IfGlowText}
  274. background-color:{color:title background};
  275. background-image: url('{image:post background}');
  276. {block:IfTransparentPosts}background: transparent;{/block:IfTransparentPosts}
  277. color:{color:title};
  278. padding: 5px;
  279. border:{select:border size}px {select:border} {color:border};
  280. {block:IfSoft}
  281. filter: drop-shadow(0 0 8px {color:posts})
  282. drop-shadow(0 0 5px {color:posts})
  283. drop-shadow(0 0 5px {color:posts})
  284. drop-shadow(0 0 5px {color:posts});
  285. outline: 10px solid {color:posts};
  286. {/block:IfSoft}
  287. {block:IfGlitchTitle}
  288. letter-spacing: 2px;
  289. animation: glitch 3s steps(100) infinite;{/block:IfGlitchTitle}
  290. }
  291.  
  292. {block:IfGlitchTitle}
  293. @keyframes glitch {
  294. 0% { text-shadow: 3px 0 0 {color:link hover 1}, -3px 0 0 {color:link hover 2}; filter: blur(0);}
  295.  
  296. 10% { text-shadow: -3px 0 0 {color:link hover 1}, 3px 0 0 {color:link hover 2}; filter: blur(0);}
  297.  
  298. 20% { text-shadow: -3px 0 0 {color:link hover 1}, 3px 0 0 {color:link hover 3}; filter: blur(0);}
  299.  
  300. 30% { text-shadow: 0.8px 0 0 {color:link hover 2}, -0.8px 0 0 {color:link hover 3}; filter: blur(0);}
  301.  
  302. 40% { text-shadow: -3px 0 0 {color:link hover 2}, 3px 0 0 {color:link hover 3}; filter: blur(0);}
  303.  
  304. 50% { text-shadow: -3px 0 0 {color:link hover 1}, 3px 0 0 {color:link hover 3}; filter: blur(0);}
  305.  
  306. 60% { text-shadow: -3px 0 0 {color:link hover 1}, 3px 0 0 {color:link hover 2}; filter: blur(0);}
  307.  
  308. 70% { text-shadow: -3px 0 0 {color:link hover 1}, 3px 0 0 {color:link hover 2}; filter: blur(0);}
  309.  
  310. 80% { text-shadow: -3px 0 0 {color:link hover 1}, 3px 0 0 {color:link hover 2}; filter: blur(0);}
  311.  
  312. 90% { text-shadow: -3px 0 0 {color:link hover 1}, 3px 0 0 {color:link hover 3}; filter: blur(0);}
  313.  
  314. 100% { text-shadow: -3px 0 0 {color:link hover 2}, 3px 0 0 {color:link hover 3}; filter: blur(0);}}{/block:IfGlitchTitle}
  315.  
  316. #title a:hover {
  317. {block:IfGlitchTitle}animation-play-state: paused;{/block:IfGlitchTitle}
  318. {block:IfSoft}
  319. background:transparent;
  320. outline: transparent;
  321. border: 0;
  322. {/block:IfSoft}}
  323.  
  324. .side img { max-width: 100%;
  325. display: block;
  326. }
  327. .side a { border: 0;}
  328. .desc, .nxt { padding: 0px;}
  329. .links {
  330. padding: 0px;
  331. }
  332. .links a { margin-right: 10px;}
  333.  
  334.  
  335. #clout{
  336. padding: 10px;
  337. position: fixed;
  338. bottom: 0;
  339. left: 0;
  340. font-size: 20px;}
  341.  
  342. #post {
  343. background-color: {color:posts};
  344. background-image: url('{image:post background}');
  345. {block:IfTransparentPosts}background: transparent;{/block:IfTransparentPosts}
  346. position: relative;
  347. width: 400px;
  348. padding: 0;
  349. {block:IfNotSoft}margin-bottom: 60px; margin-left: 100px;{/block:IfNotSoft}
  350. border:{select:border size}px {select:border} {color:border};
  351. {block:IfSoft}
  352. margin-left: 120px;
  353. margin-bottom: 100px; bottom: 0;
  354. filter: drop-shadow(0 0 8px {color:posts})
  355. drop-shadow(0 0 5px {color:posts})
  356. drop-shadow(0 0 5px {color:posts})
  357. drop-shadow(0 0 5px {color:posts});
  358. outline: 10px solid {color:posts};
  359. {/block:IfSoft}}
  360.  
  361. #post blockquote {
  362. margin: 0 0 0 10px;
  363. border-left: 1px {select:border} {color:text};
  364. padding-left: 5px;
  365. }
  366.  
  367. #post img {
  368.  
  369. border-bottom:{select:border size}px {select:border} {color:border};
  370. }
  371.  
  372. #post img:hover {
  373. filter:hue-rotate(360deg);
  374. -webkit-transition: all 1s linear;
  375. -moz-transition: all 1s linear;
  376. transition: all 1s linear;}
  377.  
  378. .cap {
  379. padding: 5px;
  380. }
  381.  
  382. #notes {
  383. overflow: scroll;
  384. overflow-x: hidden;
  385. height: 300px;
  386. font-size: 12px;
  387. border-top:{select:border size}px {select:border} {color:border};}
  388.  
  389. #notes ol.notes {
  390. list-style-type: none;
  391. margin: 0;
  392. padding: 0;}
  393.  
  394. #notes img.avatar {
  395. margin: 0;
  396. width: 0;
  397. height: 0;}
  398.  
  399. #more {padding: 10px;}
  400.  
  401. .spotify_audio_player {height:80px!important; width:100%!important;}
  402. .soundcloud_audio_player {height:150px!important; width:100%!important;}
  403. .space { padding: 10px;}
  404.  
  405. .q {
  406. padding: 5px;
  407. text-transform: uppercase;
  408. text-align: left;}
  409.  
  410. .a {
  411. border-top:{select:border size}px {select:border} {color:border};
  412. border-bottom:{select:border size}px {select:border} {color:border};
  413. text-align: center;
  414. color: {color:links};
  415. padding: 5px;
  416. background-color: {color:background};}
  417.  
  418. #perma {
  419. text-align: left;
  420. padding: 5px;}
  421.  
  422. .tags {
  423. text-align: center;
  424. opacity: 0;
  425. height: 0;
  426. -webkit-transition: all 0.3s linear;
  427. -moz-transition: all 0.3s linear;
  428. transition: all 0.3s linear;}
  429.  
  430. #post:hover .tags {
  431. opacity: 1;
  432. height: auto;
  433. padding: 5px;}
  434.  
  435. #s-m-t-tooltip {
  436. background-color: rgba(0, 0, 0, 0.3);
  437. filter: drop-shadow(0 0 2px {color:tooltip background});
  438. background-image: url('{image:tooltip}');
  439. color: {color:tooltip font};
  440. {block:IfGlowText}
  441. text-shadow: 0 0 2px {color:tooltip font},
  442. 0 0 2px {color:tooltip font};
  443. {/block:IfGlowText}
  444. z-index: 999999999;
  445. text-transform: normal;
  446. text-align: center;
  447. font-weight: normal;
  448. transition: all 0.3s ease-out;
  449. -o-transition: all 0.3s ease-out;
  450. -webkit-transition: all 0.3s ease-out;
  451. -moz-transition: all 0.3s ease-out;
  452. color: {color:tip txt};
  453. max-width: 300px;
  454. word-wrap: break-word;
  455. padding: 5px;
  456. display: block;
  457. margin:-40px 7px -2px 20px;}
  458.  
  459. @font-face {font-family:"letters"; src: url("https://dl.dropboxusercontent.com/s/jpvm2pxtbfd2k0y/Letters%20for%20Learners.ttf?dl=0")}
  460. @font-face {font-family:"pokemon"; src: url("https://dl.dropboxusercontent.com/s/d9hz0y1y7o8xgbk/Pokemon%20GB.ttf?dl=0")}
  461. @font-face {font-family:"nintendo ds"; src: url("https://dl.dropboxusercontent.com/s/j571mthzfwzqkce/Nintendo-DS-BIOS.ttf?dl=00")}
  462. @font-face {font-family:"anime"; src: url("https://dl.dropboxusercontent.com/s/ivhzluvz37uwimd/animeace2_reg.otf?dl=0")}
  463.  
  464. .triangle {
  465. position:relative;
  466. margin-top:45px;
  467. margin-left:44px;
  468. z-index:9;
  469. width:33px;
  470. height:30px;
  471. overflow:hidden;}
  472.  
  473. .square img {
  474. border:{select:border size}px {select:border} {color:border};
  475. border-left: 0; border-top: 0;
  476. position:relative;
  477. margin-top:-75px;
  478. margin-left:0px
  479. width:120px; height: 120px;
  480. z-index: 1;
  481. }
  482.  
  483. .stuff {
  484. margin-bottom:10px;
  485. top:-4px;
  486. position:relative;
  487. left: 120px;
  488. height: 120px;
  489. width: 280px;
  490. margin-top:-116px;}
  491.  
  492. .what {
  493. padding-top: 10px;
  494. position:relative;
  495. text-align:center;
  496. font-size:14px;
  497. margin-bottom: 10px;}
  498.  
  499. .who {
  500. text-align:center;
  501. font-size:14px;
  502. text-transform:uppercase;
  503. letter-spacing:2px;
  504. margin-bottom: 10px;}
  505.  
  506. .when {
  507. font-size:14px;
  508. text-align:center;
  509. font-style: italic;}
  510. </style>
  511.  
  512.  
  513. </head>
  514.  
  515. <script>
  516. function gatherData(images, arr) {
  517. for (let i = 0; i < images.length; i++) {
  518. let currentData = {
  519. "width": images[i].getAttribute('data-width'),
  520. "height": images[i].getAttribute('data-height'),
  521. "low_res": images[i].getAttribute('data-lowres'),
  522. "high_res": images[i].getAttribute('data-highres')
  523. };
  524. arr.push(currentData);
  525. }
  526. }
  527. function getIndex(elem) {
  528. let i = 0;
  529. while( (elem = elem.previousElementSibling) != null ) i++;
  530. return i;
  531. }
  532. function lightbox(elem) {
  533. let currentPhotoset = elem.parentNode;
  534. let photosetPhotos = currentPhotoset.getElementsByTagName('div');
  535. let data = [];
  536. gatherData(photosetPhotos, data);
  537. Tumblr.Lightbox.init(data, getIndex(elem) + 1);
  538. }
  539. </script>
  540.  
  541. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.9/SmoothScroll.js"></script>
  542.  
  543. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  544.  
  545. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  546. <script>(function($){
  547. $(document).ready(function(){
  548. $("a[title]").style_my_tooltips({
  549. tip_follows_cursor:true,
  550. tip_delay_time:0,
  551. tip_fade_speed:0,
  552. attribute:"title"
  553. });
  554. });
  555. })(jQuery);
  556. </script>
  557.  
  558. <script>
  559. $(document).ready(function(){
  560. //remove tumblr redirects script by magnusthemes@tumblr
  561. $('a[href*="t.umblr.com/redirect"]').each(function(){
  562. var originalURL = $(this).attr("href").split("?z=")[1].split("&t=")[0];
  563. var replaceURL = decodeURIComponent(originalURL);
  564. $(this).attr("href", replaceURL);
  565. });
  566. });
  567. </script>
  568.  
  569.  
  570. <body>
  571. <div id="content">
  572. {block:IfNotHideTitle}
  573. <div id="title"><a href="/"><span id="bubble">{text:title}</span></a></div>
  574. {/block:IfNotHideTitle}
  575. <div id="sidebar">
  576. <div class="side"><a href="/"><img src="{image:sidebar}"></a></div>
  577. {block:IfNotHideDesc}<div class="desc">{text:description}</div>{/block:IfNotHideDesc}
  578. <div class="links">
  579. <a href="{text:link 1 url}">{text:link 1}</a>{text:links divider}
  580. <a href="{text:link 2 url}">{text:link 2}</a>{text:links divider}
  581. <a href="{text:link 3 url}">{text:link 3}</a>
  582. </div></div>
  583.  
  584. <div id="sidebar2">
  585. <div class="side"><a href="/"><img src="{image:sidebar2}"></a></div>
  586. {block:IfNotHideDesc}<div class="desc">{text:description 2}</div>{/block:IfNotHideDesc}
  587. <div class="nxt">
  588. {block:Pagination}{block:PreviousPage}
  589. <a href="{PreviousPage}">&larr;</a>{/block:PreviousPage}
  590. {block:JumpPagination length="5"}
  591. {block:CurrentPage}<span class="current_page"><b><big>{PageNumber}</big></b></span>
  592. {/block:CurrentPage}{block:JumpPage}
  593. <a class="jump_page" href="{URL}">{PageNumber}</a>
  594. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  595. <a href="{NextPage}">&rarr;</a> {/block:NextPage}{/block:Pagination}
  596. </div></div>
  597. {block:Posts}
  598. <div id="post">
  599. {block:Text}
  600. <div class="space">
  601. {block:Title}<a href="{Permalink}"><big>{Title}</big></a>{/block:Title}
  602. {Body}
  603. </div>
  604. {/block:Text}
  605.  
  606. {block:Quote}
  607. <div class="space">
  608. "{Quote}"
  609. {block:Source}&mdash; {Source}{/block:Source}
  610. </div>
  611. {/block:Quote}
  612.  
  613. {block:Link}
  614. <div class="space">
  615. <big><a href="{URL}">{Name}</a></big>
  616. {block:Description}{Description}{/block:Description}
  617. </div>
  618. {/block:Link}
  619.  
  620. {block:Chat}
  621. <div class="space">
  622. {block:Title}{Title}{/block:Title}
  623. {block:Lines}
  624. <div class="{Alt} user_{UserNumber}">
  625. {block:Label}{Label}{/block:Label} {Line} </div>
  626. {/block:Lines}
  627. </div>
  628. {/block:Chat}
  629.  
  630. {block:Answer}
  631. <div class="q">{Asker}</div>
  632. <div class="a">{Question}</div>
  633. {Answer}
  634. {/block:Answer}
  635.  
  636. {block:Photo}
  637. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{Permalink}"/>{LinkCloseTag}
  638. {/block:Photo}
  639.  
  640. {block:Photoset}
  641. <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>
  642. {/block:Photoset}
  643.  
  644. {block:Video}
  645. {Video-400}
  646. {/block:Video}
  647.  
  648. {block:Audio}
  649. {block:AudioPlayer}
  650. <div class="triangle">{AudioPlayerGrey}</div>
  651. {block:AlbumArt}<div class="square"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  652. <div class="stuff">
  653. <div class="what">
  654. {block:TrackName}"{TrackName}"{/block:TrackName}
  655. </div>
  656. <div class="who">
  657. {block:Artist}By {Artist}{/block:Artist}
  658. </div>
  659. <div class="when">
  660. {block:Album}From {Album}{/block:Album}
  661. </div>
  662. </div>
  663. {/block:AudioPlayer}
  664. {/block:Audio}
  665.  
  666. {block:ifNotHideCaption}
  667. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  668. {/block:ifNotHideCaption}
  669.  
  670. {block:PermalinkPage}
  671. {block:ifHideCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifHideCaption}
  672.  
  673. <div id="more">
  674. {block:NoteCount}<b>Notes</b> <a href="{Permalink}">{NoteCount}</a><br>{/block:NoteCount}
  675. {block:HasTags}<b>Tags</b> {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}<br>{/block:HasTags}
  676. {block:RebloggedFrom}
  677. <b>Via</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>
  678. <br>{/block:RebloggedFrom}
  679. {block:ContentSource}
  680. <b>Source</b> <a href="{SourceURL}">{SourceTitle}</a>
  681. {/block:ContentSource}</div>
  682.  
  683. {block:NoteCount}<div id="notes">
  684. {block:PostNotes}{PostNotes}{/block:PostNotes}
  685. </div>{/block:NoteCount}
  686. {/block:PermalinkPage}
  687.  
  688. {block:IndexPage}
  689. <div id="perma"><a href="{ReblogURL}" title="Reblog?" data-toggle="tooltip">{12Hour}:{Minutes}</a> <a href="{Permalink}" style="float:right;">{NoteCount}%</a>
  690. </div>
  691.  
  692. {block:HasTags}<div class="tags">
  693. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  694. {/block:Tags}
  695. </div>{/block:HasTags}{/block:IndexPage}
  696. </div>
  697.  
  698. {/block:Posts}
  699. </div>
  700. </div>
  701.  
  702. <div id="clout">
  703. <a href="https://ps1.tumblr.com/" title="@ps1" data-toggle="tooltip">&starf;</a>
  704. </div>
  705.  
  706. </body>
  707. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement