API tools faq
paste
Advertisement
uchihaclan

KATANA THEME

uchihaclan
Mar 26th, 2020 (edited)
1,277
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.26 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!---
  3.  
  4. 刀 THEME by @ps1/@mtfuji
  5.  
  6. .______________________________________________________|_._._._._._._._._._.
  7. \_____________________________________________________|_#_#_#_#_#_#_#_#_#_|
  8. l
  9.  
  10. It's 2020, what global tragedy do you think will come next?
  11. I made this theme because I was thinkin' about Sasuke surprisingly.
  12.  
  13. - rainbow borders bug out round borders for some divs idk why.
  14. - rainbow links do not work with any glow or outline text.
  15. -keep your title short or make the font size smaller so it doesn't overlap your posts.
  16. - the bottom image of your sb is optional.it will also slip underneath everything on your sb. so don't make the image to big.
  17. - align link pixels with select options.
  18.  
  19.  
  20. get cool fonts here
  21. https://fonts.google.com/
  22.  
  23. script credits
  24. new post format image fix
  25. https://glenthemes.tumblr.com/post/638038350689976320/npf-mobile-photoset-fix-by-glenthemes-new
  26.  
  27. cool photosets
  28. https://annasthms.github.io/photosets/
  29.  
  30. --->
  31.  
  32. <head>
  33. <title>{Title}</title>
  34. <link rel="icon" href="{image:FavIcon}" type="image/gif" >
  35. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  36. {block:Description}
  37. <meta name="description" content="{MetaDescription}" />
  38. {/block:Description}
  39.  
  40.  
  41. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  42.  
  43. <!--- Add Custom Fonts Here (like Google Fonts) --->
  44.  
  45. <link rel="preconnect" href="https://fonts.googleapis.com">
  46. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  47. <link href="https://fonts.googleapis.com/css2?family=Audiowide&family=Share+Tech+Mono&display=swap" rel="stylesheet">
  48.  
  49.  
  50. <link rel="preconnect" href="https://fonts.googleapis.com">
  51. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  52. <link href="https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
  53. <!--- Then add Font name to the 'Font Family' in Theme Options Area --->
  54.  
  55. <meta name="image:favicon" content=""/>
  56. <meta name="image:sidebar" content="https://i.imgur.com/pdFRbxx.png"/>
  57. <meta name="image:btm img" content="https://i.imgur.com/bWj0mCs.png"/>
  58. <meta name="image:background" content=""/>
  59. <meta name="image:link pxl" content="https://i.imgur.com/AdhTCvW.png"/>
  60. <meta name="image:sb bg" content=""/>
  61. <meta name="image:outer bg" content=""/>
  62. <meta name="image:cursor" content="https://i.imgur.com/nx9LK6f.png"/>
  63. <meta name="image:tooltip bg" content=""/>
  64.  
  65. <meta name="color:bg" content="#000">
  66. <meta name="color:title bg" content="#06284f">
  67. <meta name="color:title color" content="#920000">
  68. <meta name="color:title glow outline" content="#fff">
  69. <meta name="color:sb" content="#000">
  70. <meta name="color:desc color" content="#fff">
  71. <meta name="color:desc glow outline" content="#fff">
  72. <meta name="color:sb links" content="#0d4b92">
  73. <meta name="color:sb links glow outline" content="#0d4b92">
  74. <meta name="color:sb links hover" content="#920000">
  75. <meta name="color:outer bg" content="#06284f">
  76. <meta name="color:posts" content="#fff">
  77. <meta name="color:font color" content="#000">
  78. <meta name="color:font glow outline" content="#000">
  79. <meta name="color:links" content="#0d4b92">
  80. <meta name="color:links hover" content="#000">
  81. <meta name="color:links glow outline" content="#0d4b92">
  82. <meta name="color:footer bg" content="#920000">
  83. <meta name="color:footer txt" content="#000">
  84. <meta name="color:footer glow outline" content="#000">
  85. <meta name="color:tooltip color" content="#000">
  86. <meta name="color:tooltip glow outline" content="#000">
  87. <meta name="color:tooltip bg" content="#fff">
  88. <meta name="color:tooltip border" content="#920000">
  89. <meta name="color:select bg" content="#920000">
  90. <meta name="color:select txt" content="#000">
  91. <meta name="color:title border" content="#920000">
  92. <meta name="color:title border glow" content="#d10000">
  93. <meta name="color:sb border" content="#920000">
  94. <meta name="color:sb border glow" content="#d10000">
  95. <meta name="color:post border" content="#920000">
  96. <meta name="color:post border glow" content="#d10000">
  97.  
  98. <meta name="select:sb border" content="solid"/>
  99. <meta name="select:sb border" content="dashed"/>
  100. <meta name="select:sb border" content="dotted"/>
  101. <meta name="select:sb border" content="double"/>
  102. <meta name="select:sb border" content="inset"/>
  103. <meta name="select:sb border" content="outset"/>
  104. <meta name="select:sb border" content="ridge"/>
  105. <meta name="select:sb border" content="groove"/>
  106.  
  107. <meta name="select:post border" content="solid"/>
  108. <meta name="select:post border" content="dashed"/>
  109. <meta name="select:post border" content="dotted"/>
  110. <meta name="select:post border" content="double"/>
  111. <meta name="select:post border" content="inset"/>
  112. <meta name="select:post border" content="outset"/>
  113. <meta name="select:post border" content="ridge"/>
  114. <meta name="select:post border" content="groove"/>
  115.  
  116. <meta name="select:sb border size" content="1"/>
  117. <meta name="select:sb border size" content="2"/>
  118. <meta name="select:sb border size" content="3"/>
  119. <meta name="select:sb border size" content="4"/>
  120. <meta name="select:sb border size" content="5"/>
  121. <meta name="select:sb border size" content="0"/>
  122.  
  123. <meta name="select:post border size" content="1"/>
  124. <meta name="select:post border size" content="2"/>
  125. <meta name="select:post border size" content="3"/>
  126. <meta name="select:post border size" content="4"/>
  127. <meta name="select:post border size" content="5"/>
  128. <meta name="select:post border size" content="0"/>
  129.  
  130. <meta name="select:link pxl align" content="middle"/>
  131. <meta name="select:link pxl align" content="top"/>
  132. <meta name="select:link pxl align" content="bottom"/>
  133.  
  134. <meta name="text:font size" content="14">
  135. <meta name="text:font family" content="karla">
  136. <meta name="text:title" content="I have already awakened.">
  137. <meta name="text:title size" content="24">
  138. <meta name="text:title font" content="karla">
  139. <meta name="text:sb link size" content="20">
  140. <meta name="text:desc" content="I have long since closed my eyes... My only goal is in the darkness.">
  141. <meta name="text:desc size" content="14">
  142. <meta name="text:icon hover text" content="Tears and rain, fall down on my face, my body is unable to stay yet my heart is unwilling to leave.">
  143. <meta name="text:desc" content="I have long since closed my eyes... My only goal is in the darkness.">
  144. <meta name="text:link spacer" content="※"/>
  145.  
  146.  
  147. <meta name="if:custom cursor" content="0" />
  148. <meta name="if:tile background" content="1" />
  149. <meta name="if:tile sb background" content="1" />
  150. <meta name="if:tile outer background" content="1" />
  151. <meta name="if:round border" content="0" />
  152. <meta name="if:glow border" content="0" />
  153. <meta name="if:rainbow border" content="0"/>
  154. <meta name="if:outline text" content="0" />
  155. <meta name="if:glow text" content="0" />
  156. <meta name="if:sb img border" content="0"/>
  157. <meta name="if:link pxl" content="0"/>
  158. <meta name="if:rainbow links" content="0"/>
  159. <meta name="if:links underline" content="0"/>
  160. <meta name="if:links bold" content="0"/>
  161. <meta name="if:links italic" content="0"/>
  162. <meta name="if:hide title" content="0"/>
  163. <meta name="if:hide desc" content="0"/>
  164. <meta name="if:hide caption" content="0"/>
  165. <meta name="if:hide tags" content="0" />
  166. <meta name="if:xp scrollbar" content="0" />
  167. <meta name="if:light scrollbar" content="0" />
  168. <meta name="if:dark scrollbar" content="0" />
  169. <meta name="if:redirect" content="0" />
  170.  
  171. <meta name="text:redirect link" content="/tagged/0">
  172. <meta name="text:link 1" content="ONE">
  173. <meta name="text:link 1 URL" content="/">
  174. <meta name="text:link 2" content="TWO">
  175. <meta name="text:link 2 URL" content="/">
  176. <meta name="text:link 3" content="THREE">
  177. <meta name="text:link 3 URL" content="/">
  178. <meta name="text:link 4" content="FOUR">
  179. <meta name="text:link 4 URL" content="/">
  180.  
  181. <style type="text/css">
  182. ::-moz-selection {
  183. background: {color:select bg};
  184. color: {color:select txt};}
  185.  
  186. ::selection {
  187. background: {color:select bg};
  188. color: {color:select txt};}
  189.  
  190. #s-m-t-tooltip {
  191. z-index: 999999999;
  192. background-image: url({image:tooltip bg});
  193. background-color: {color:tooltip bg};
  194. color: {color:tooltip color};
  195. font-size: {text:Font Size}px;
  196. padding: 3px 5px;
  197. border: 1px {select:post border} {color:tooltip border};
  198. text-align: center;
  199. {block:IfRoundBorder}
  200. border-radius: 4px;
  201. {/block:IfRoundBorder}
  202. {block:IfGlowText}
  203. text-shadow: 0 0 1px {color:tooltip glow outline}, 0 0 3px {color:tooltip glow outline};
  204. {/block:IfGlowText}
  205. {block:IfOutlineText}
  206. 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};
  207. {/block:IfOutlineText}
  208. transition: all 0.3s ease-out;
  209. -o-transition: all 0.3s ease-out;
  210. -webkit-transition: all 0.3s ease-out;
  211. -moz-transition: all 0.3s ease-out;
  212. text-transform: normal;
  213. max-width: 300px;
  214. display: block;
  215. word-wrap: break-word;
  216. margin: -40px 0px 10px 20px;
  217. {block:IfRainbowBorder}
  218. --angle: 0deg;
  219. border: {select:border size}px {select:border};
  220. border-image: conic-gradient(from var(--angle), red, yellow, lime, aqua, blue, magenta, red) 1;
  221. animation: 7s rotate linear infinite;
  222. {block:IfRainbowBorder}
  223. }
  224.  
  225. {block:IfRainbowBorder}
  226. @keyframes rotate {
  227. to {
  228. --angle: 360deg;
  229. }
  230. }
  231.  
  232. @property --angle {
  233. syntax: '<angle>';
  234. initial-value: 0deg;
  235. inherits: false;
  236. }
  237. {/block:IfRainbowBorder}
  238.  
  239. body {
  240. background: {color:bg};
  241. background-image: url({image:background});
  242. background-attachment: fixed;
  243. {block:IfNotTileBackground}
  244. -webkit-background-size: cover;
  245. -moz-background-size: cover;
  246. -o-background-size: cover;
  247. background-size: cover;
  248. {/block:IfNotTileBackground}
  249. font-family: '{text:font family}';
  250. font-size: {text:font size}px;
  251. color: {color:font color};
  252. line-height: 130%;
  253. word-wrap: break-word;
  254. overflow-x:hidden;
  255. {block:IfGlowText}
  256. text-shadow: 0 0 1px {color:font glow outline}, 0 0 3px {color:font glow outline};
  257. {/block:IfGlowText}
  258. {block:IfOutlineText}
  259. text-shadow: -1px 0 {color:font glow outline}, 0 1px {color:font glow outline}, 1px 0 {color:font glow outline}, 0 -1px {color:font glow outline};
  260. {/block:IfOutlineText}}
  261.  
  262. {block:IfCustomCursor}
  263. body, *, a, a:hover { cursor:url({image:cursor}), auto;}{/block:IfCustomCursor}
  264.  
  265. p {margin: 0px;}
  266. ul {list-style: square;}
  267. img {max-width: 100%;}
  268. h1 {line-height: 130%;}
  269. h2 {line-height: 130%;}
  270.  
  271.  
  272. a:link, a:active, a:visited {
  273. {block:IfRainbowLinks}
  274. background-image: linear-gradient(to left, red, yellow, lime, aqua, blue, magenta, red);
  275. -webkit-background-clip: text;
  276. -webkit-text-fill-color: transparent;
  277. color: transparent;
  278. {/block:IfRainbowLinks}
  279. color: {color:links};
  280. {block:IfLinksBold}
  281. font-weight: bold;{/block:IfLinksBold}
  282. {block:IfLinksItalic}
  283. font-style: italic;{/block:IfLinksItalic}
  284. {block:IfGlowText}
  285. text-shadow: 0 0 1px {color:links glow outline}, 0 0 3px {color:links glow outline};
  286. {/block:IfGlowText}
  287. {block:IfOutlineText}
  288. text-shadow: -1px 0 {color:links glow outline}, 0 1px {color:links glow outline}, 1px 0 {color:links glow outline}, 0 -1px {color:links glow outline};
  289. {/block:IfOutlineText}
  290. {block:IfNotLinksUnderline}
  291. text-decoration: none;{/block:IfNotLinksUnderline}
  292. {block:IfLinksUnderline}
  293. text-decoration: underline;{/block:IfLinksUnderline}
  294. -webkit-transition: all 0.4s ease-in-out;
  295. -moz-transition: all 0.4s ease-in-out;
  296. -o-transition: all 0.4s ease-in-out;
  297. -ms-transition: all 0.4s ease-in-out;
  298. transition: all 0.4s ease-in-out;}
  299.  
  300.  
  301. a:hover {
  302. color: {color:Links Hover};
  303. {block:IfGlowText}
  304. text-shadow: 0 0 1px {color:links hover}, 0 0 3px {color:links hover};
  305. {/block:IfGlowText}
  306. {block:IfGlowText}
  307. text-shadow: 0 0 1px {color:links glow outline}, 0 0 3px {color:links glow outline};
  308. {/block:IfGlowText}
  309. {block:IfOutlineText}
  310. text-shadow: -1px 0 {color:links glow outline}, 0 1px {color:links glow outline}, 1px 0 {color:links glow outline}, 0 -1px {color:links glow outline};
  311. {/block:IfOutlineText}
  312. -webkit-transition: all 0.4s ease-in-out;
  313. -moz-transition: all 0.4s ease-in-out;
  314. -o-transition: all 0.4s ease-in-out;
  315. -ms-transition: all 0.4s ease-in-out;
  316. transition: all 0.4s ease-in-out;}
  317.  
  318. ::-webkit-scrollbar-track
  319. {
  320. background-color: {color:bg};
  321. }
  322.  
  323. ::-webkit-scrollbar
  324. {
  325. width: 5px;
  326. background-color: {color:bg};
  327. }
  328.  
  329. ::-webkit-scrollbar-thumb
  330. {
  331. background-color: {color:links};
  332. {block:IfRoundBorder}
  333. border-radius: 5px;
  334. {/block:IfRoundBorder}
  335. }
  336.  
  337.  
  338.  
  339. {block:IfLightScrollbar}
  340. ::-webkit-scrollbar {
  341. width:15px; height:15px;} /* made by @ps1 */
  342. ::-webkit-scrollbar-track {
  343. background-image: url(https://i.imgur.com/n1kAWKU.png);}
  344. ::-webkit-scrollbar-thumb {
  345. background-image: url(https://i.imgur.com/KePIOiE.png);
  346. border-top: 1px solid #D4D0C8; border-bottom: 1px solid #808080;}
  347. ::-webkit-scrollbar-button:vertical:decrement {
  348. background-image: url(https://i.imgur.com/ZF6PC55.png);
  349. width: 15px; height: 15px;}
  350. ::-webkit-scrollbar-button:vertical:increment {
  351. background-image: url(https://i.imgur.com/sMOMkQ7.png);
  352. width: 15px; height: 15px;}
  353. {/block:IfLightScrollbar}
  354.  
  355.  
  356. {block:IfDarkScrollbar}
  357. ::-webkit-scrollbar {
  358. width:15px; height:15px;} /* made by @ps1 */
  359. ::-webkit-scrollbar-track {
  360. background-image: url(https://i.imgur.com/1wwyNgR.png);}
  361. ::-webkit-scrollbar-thumb {
  362. background-image: url(https://i.imgur.com/3twDfJb.png);
  363. border-top: 1px solid #111; border-bottom: 1px solid #000;}
  364. ::-webkit-scrollbar-button:vertical:decrement {
  365. background-image: url(https://i.imgur.com/pSpgQbq.png);
  366. width: 15px; height: 15px;}
  367. ::-webkit-scrollbar-button:vertical:increment {
  368. background-image: url(https://i.imgur.com/IzbYg9x.png);
  369. width: 15px; height: 15px;}
  370. {/block:IfDarkScrollbar}
  371.  
  372.  
  373. {block:IfXpScrollbar}
  374. ::-webkit-scrollbar {
  375. width:16px; height:16px;} /* made by @ps1 */
  376. ::-webkit-scrollbar-track {
  377. background-color: #F7F5EE;}
  378. ::-webkit-scrollbar-thumb {
  379. background-image: url(https://i.imgur.com/CKou08s.png);
  380. border-top: 1px solid #BBCDF5; border-bottom: 1px solid #7C9FD3;
  381. border-radius: 3px;
  382. }
  383. ::-webkit-scrollbar-button:vertical:decrement {
  384. background-image: url(https://i.imgur.com/ObVjKL6.png);
  385. width: 16px; height: 17px;}
  386. ::-webkit-scrollbar-button:vertical:increment {
  387. background-image: url(https://i.imgur.com/1879VtO.png);
  388. width: 16px; height: 17px;}
  389. {/block:IfXpScrollbar}
  390.  
  391. #content {
  392. margin: 0 auto;
  393. width: 700px;}
  394.  
  395.  
  396. #sb {
  397. background-image: url({image:sb bg});
  398. background-attachment: fixed;
  399. {block:IfNotTileSbBackground}
  400. -webkit-background-size: cover;
  401. -moz-background-size: cover;
  402. -o-background-size: cover;
  403. background-size: cover;
  404. {/block:IfNotTileSbBackground}
  405. background-color: {color:sb};
  406. border: {select:sb border size}px {select:sb border} {color:sb border};
  407. border-top: 0; border-bottom: 0;
  408. {block:IfGlowBorder}
  409. filter: drop-shadow(0 0 4px {color:sb border glow})
  410. drop-shadow(0 0 4px {color:sb border glow});
  411. {/block:IfGlowBorder}
  412. font-size: {text:desc size}px;
  413. color: {color:desc color};
  414. {block:IfGlowText}
  415. text-shadow: 0 0 1px {color:desc glow outline}, 0 0 3px {color:desc glow outline};
  416. {/block:IfGlowText}
  417. {block:IfOutlineText}
  418. text-shadow: -1px 0 {color:desc glow outline}, 0 1px {color:desc glow outline}, 1px 0 {color:desc glow outline}, 0 -1px {color:desc glow outline};
  419. {/block:IfOutlineText}
  420. margin-left: 400px;
  421. {block:ifNotHideTitle}
  422. margin-top: -100px;
  423. {/block:ifNotHideTitle}
  424. {block:ifHideTitle}
  425. margin-top: -30px;
  426. {/block:ifHideTitle}
  427. position: fixed;
  428. width: 300px;
  429. height: 100%;
  430. line-height: 130%;
  431. text-align: center;
  432. {block:IfRainbowBorder}
  433. --angle: 0deg;
  434. border: {select:border size}px {select:border};
  435. border-image: conic-gradient(from var(--angle), red, yellow, lime, aqua, blue, magenta, red) 1;
  436. animation: 7s rotate linear infinite;
  437. {block:IfRainbowBorder}
  438. }
  439.  
  440. {block:IfRainbowBorder}
  441. @keyframes rotate {
  442. to {
  443. --angle: 360deg;
  444. }
  445. }
  446.  
  447. @property --angle {
  448. syntax: '<angle>';
  449. initial-value: 0deg;
  450. inherits: false;
  451. }
  452. {/block:IfRainbowBorder}
  453.  
  454. #sb img { display: block;
  455. webkit-transition: all 0.3s ease-in-out;
  456. -moz-transition: all 0.3s ease-in-out;
  457. -o-transition: all 0.3s ease-in-out;
  458. -ms-transition: all 0.3s ease-in-out;
  459. transition: all 0.3s ease-in-out;
  460. }
  461.  
  462. .top-link {
  463. margin: 10px 0 10px 0;
  464. font-size: {text:sb link size}px;
  465. }
  466. .btm-link {
  467. margin: 10px 0 10px 0;
  468. font-size: {text:sb link size}px;
  469. }
  470.  
  471. .top-link a, .btm-link a {
  472. color: {color:sb links};
  473. {block:IfGlowText}
  474. text-shadow: 0 0 1px {color:sb links glow outline}, 0 0 3px {color:sb links glow outline};
  475. {/block:IfGlowText}
  476. {block:IfOutlineText}
  477. text-shadow: -1px 0 {color:sb links glow outline}, 0 1px {color:sb links glow outline}, 1px 0 {color:sb links glow outline}, 0 -1px {color:sb links glow outline};
  478. {/block:IfOutlineText}
  479. }
  480.  
  481. .top-link a:hover, .btm-link a:hover {
  482. color: {color:sb links hover};
  483. }
  484.  
  485. .desc {
  486. border: {select:sb border size}px {select:sb border}
  487. {color:sb border};
  488. border-left: 0; border-right: 0;
  489. margin-top: 5px;
  490. padding: 8px 3px 8px 3px;
  491. {block:IfRainbowBorder}
  492. --angle: 0deg;
  493. border: {select:border size}px {select:border};
  494. border-image: conic-gradient(from var(--angle), red, yellow, lime, aqua, blue, magenta, red) 1;
  495. animation: 7s rotate linear infinite;
  496. {block:IfRainbowBorder}
  497. }
  498.  
  499. {block:IfRainbowBorder}
  500. @keyframes rotate {
  501. to {
  502. --angle: 360deg;
  503. }
  504. }
  505.  
  506. @property --angle {
  507. syntax: '<angle>';
  508. initial-value: 0deg;
  509. inherits: false;
  510. }
  511. {/block:IfRainbowBorder}
  512.  
  513. .btm-img {
  514. width: 300px;
  515. bottom: 0;
  516. position: fixed;
  517. z-index: -2;
  518. }
  519. .btm-img img {
  520. display: block;
  521.  
  522. }
  523.  
  524. .pagination {
  525. {block:IfRoundBorder}
  526. border-radius: 5px 5px 0 0;
  527. {/block:IfRoundBorder}
  528. background: {color:title bg};
  529. border: {select:post border size}px {select:post border} {color:title border};
  530. border-bottom: 0;
  531. {block:IfGlowBorder}
  532. filter: drop-shadow(0 0 4px {color:title border glow})
  533. drop-shadow(0 0 4px {color:title border glow});
  534. {/block:IfGlowBorder}
  535. {block:IfGlowText}
  536. text-shadow: 0 0 1px {color:title glow outline}, 0 0 3px {color:title glow outline};
  537. {/block:IfGlowText}
  538. {block:IfOutlineText}
  539. text-shadow: -1px 0 {color:title glow outline}, 0 1px {color:title glow outline}, 1px 0 {color:title glow outline}, 0 -1px {color:title glow outline};
  540. {/block:IfOutlineText}
  541. text-align: right;
  542. padding: 10px 15px;
  543. margin-left: -150px;
  544. margin-top: 100px;
  545. margin-bottom: -10px;
  546. width: 400px;
  547. {block:IfRainbowBorder}
  548. --angle: 0deg;
  549. border: {select:border size}px {select:border};
  550. border-image: conic-gradient(from var(--angle), red, yellow, lime, aqua, blue, magenta, red) 1;
  551. animation: 7s rotate linear infinite;
  552. {block:IfRainbowBorder}
  553. }
  554.  
  555. {block:IfRainbowBorder}
  556. @keyframes rotate {
  557. to {
  558. --angle: 360deg;
  559. }
  560. }
  561.  
  562. @property --angle {
  563. syntax: '<angle>';
  564. initial-value: 0deg;
  565. inherits: false;
  566. }
  567. {/block:IfRainbowBorder}
  568.  
  569. .pagination a {
  570. color: {color:title color};
  571. {block:IfRainbowLinks}
  572. background-image: linear-gradient(to left, red, yellow, lime, aqua, blue, magenta, red);
  573. -webkit-background-clip: text;
  574. -webkit-text-fill-color: transparent;
  575. color: transparent;
  576. {/block:IfRainbowLinks}
  577.  
  578. }
  579.  
  580. .pagination a:hover {
  581. color: {color:links hover};
  582. }
  583.  
  584.  
  585.  
  586. .title {
  587. border: {select:post border size}px {select:post border} {color:title border};
  588. border-top: 0;
  589. {block:IfRoundBorder}
  590. border-radius: 0 0 5px 5px;
  591. {/block:IfRoundBorder}
  592. text-align: center;
  593. line-height: 110%;
  594. font-size: {text:title size}px;
  595. font-family: {text:title font};
  596. width: 400px;
  597. padding: 10px 15px;
  598. {block:IfGlowBorder}
  599. filter: drop-shadow(0 0 4px {color:title border glow})
  600. drop-shadow(0 0 4px {color:title border glow});
  601. {/block:IfGlowBorder}
  602. background: {color:title bg};
  603. margin-left: -150px;
  604. position: fixed;
  605. top: 0;
  606. z-index: 999;
  607.  
  608. {block:IfRainbowBorder}
  609. --angle: 0deg;
  610. border: {select:border size}px {select:border};
  611. border-image: conic-gradient(from var(--angle), red, yellow, lime, aqua, blue, magenta, red) 1;
  612.  
  613. animation: 7s rotate linear infinite;
  614. {block:IfRainbowBorder}
  615.  
  616. }
  617.  
  618. {block:IfRainbowBorder}
  619. @keyframes rotate {
  620. to {
  621. --angle: 360deg;
  622. }
  623. }
  624.  
  625. @property --angle {
  626. syntax: '<angle>';
  627. initial-value: 0deg;
  628. inherits: false;
  629. }
  630. {/block:IfRainbowBorder}
  631.  
  632. .title a {
  633. {block:IfRainbowLinks}
  634. background-image: linear-gradient(to left, red, yellow, lime, aqua, blue, magenta, red);
  635. -webkit-background-clip: text;
  636. -webkit-text-fill-color: transparent;
  637. color: transparent;
  638. {/block:IfRainbowLinks}
  639. color: {color:title color};
  640. {block:IfGlowText}
  641. text-shadow: 0 0 1px {color:title glow outline}, 0 0 3px {color:title glow outline};
  642. {/block:IfGlowText}
  643. {block:IfOutlineText}
  644. text-shadow: -1px 0 {color:title glow outline}, 0 1px {color:title glow outline}, 1px 0 {color:title glow outline}, 0 -1px {color:title glow outline};
  645. {/block:IfOutlineText}
  646. {/block:ifWobblyTitle}
  647. text-decoration: none;
  648. {/block:ifWobblyTitle}
  649. }
  650.  
  651. .title a:hover, #notes a:hover {
  652. color: {color:links hover};
  653. }
  654.  
  655. .outer {
  656. position: relative;
  657. background-image: url({image:outer bg});
  658. {block:IfNotTileOuterBackground}
  659. -webkit-background-size: cover;
  660. -moz-background-size: cover;
  661. -o-background-size: cover;
  662. background-size: cover;
  663. {/block:IfNotTileOuterBackground}
  664. background-color: {color:outer bg};
  665. margin-left: -150px;
  666. {block:ifNotHideTitle}
  667. margin-top: 100px;
  668. margin-bottom: -60px;
  669. {/block:ifNotHideTitle}
  670. {block:ifHideTitle}
  671. margin-top: 30px;
  672. {/block:ifHideTitle}
  673.  
  674. padding: 15px;
  675. width: 400px;
  676. border: {select:post border size}px
  677. {select:post border} {color:post border};
  678. {block:IfRoundBorder}
  679. border-radius: 5px;
  680. {/block:IfRoundBorder}
  681. {block:IfGlowBorder}
  682. filter: drop-shadow(0 0 4px {color:post border glow})
  683. drop-shadow(0 0 4px {color:post border glow});
  684. {/block:IfGlowBorder}
  685. {block:IfRainbowBorder}
  686. --angle: 0deg;
  687. border: {select:border size}px {select:border};
  688. border-image: conic-gradient(from var(--angle), red, yellow, lime, aqua, blue, magenta, red) 1;
  689. animation: 7s rotate linear infinite;
  690. {block:IfRainbowBorder}
  691. }
  692.  
  693. {block:IfRainbowBorder}
  694. @keyframes rotate {
  695. to {
  696. --angle: 360deg;
  697. }
  698. }
  699.  
  700. @property --angle {
  701. syntax: '<angle>';
  702. initial-value: 0deg;
  703. inherits: false;
  704. }
  705. {/block:IfRainbowBorder}
  706.  
  707. .posts {
  708. background-color: {color:posts};
  709. padding: 15px;
  710. border: {select:post border size}px
  711. {select:post border} {color:post border};
  712. {block:IfRoundBorder}
  713. border-radius: 5px;
  714. {/block:IfRoundBorder}
  715. {block:IfRainbowBorder}
  716. --angle: 0deg;
  717. border: {select:border size}px {select:border};
  718. border-image: conic-gradient(from var(--angle), red, yellow, lime, aqua, blue, magenta, red) 1;
  719. animation: 7s rotate linear infinite;
  720. {block:IfRainbowBorder}
  721. }
  722.  
  723. {block:IfRainbowBorder}
  724. @keyframes rotate {
  725. to {
  726. --angle: 360deg;
  727. }
  728. }
  729.  
  730. @property --angle {
  731. syntax: '<angle>';
  732. initial-value: 0deg;
  733. inherits: false;
  734. }
  735. {/block:IfRainbowBorder}
  736.  
  737. .posts blockquote {
  738. margin: 0 0 0 10px;
  739. border-left: 1px solid {color:font color};
  740. padding-left: 5px;
  741. word-wrap: break-word;
  742. word-break: break-word;
  743. {block:IfRainbowBorder}
  744. --angle: 0deg;
  745. border: {select:border size}px {select:border};
  746. border-image: conic-gradient(from var(--angle), red, yellow, lime, aqua, blue, magenta, red) 1;
  747. animation: 7s rotate linear infinite;
  748. {block:IfRainbowBorder}
  749. }
  750.  
  751. {block:IfRainbowBorder}
  752. @keyframes rotate {
  753. to {
  754. --angle: 360deg;
  755. }
  756. }
  757.  
  758. @property --angle {
  759. syntax: '<angle>';
  760. initial-value: 0deg;
  761. inherits: false;
  762. }
  763. {/block:IfRainbowBorder}
  764.  
  765. .pic img { display: block;
  766. {block:IfRoundBorder}
  767. border-radius: 4px;
  768. {/block:IfRoundBorder}
  769. }
  770.  
  771. #sb img:hover, .pic img:hover {
  772. filter: blur(1px);
  773. -webkit-transition: all 0.5s ease-in-out;
  774. -moz-transition: all 0.5s ease-in-out;
  775. -o-transition: all 0.5s ease-in-out;
  776. -ms-transition: all 0.5s ease-in-out;
  777. transition: all 0.5s ease-in-out;
  778. }
  779.  
  780. [photoset-layout] img {
  781. -webkit-transition: all 0.5s ease-in-out;
  782. -moz-transition: all 0.5s ease-in-out;
  783. -o-transition: all 0.5s ease-in-out;
  784. -ms-transition: all 0.5s ease-in-out;
  785. transition: all 0.5s ease-in-out;}
  786.  
  787.  
  788. [photoset-layout] img:hover {
  789. filter: blur(1px);
  790. -webkit-transition: all 0.5s ease-in-out;
  791. -moz-transition: all 0.5s ease-in-out;
  792. -o-transition: all 0.5s ease-in-out;
  793. -ms-transition: all 0.5s ease-in-out;
  794. transition: all 0.5s ease-in-out;}
  795.  
  796.  
  797.  
  798. .tags {
  799. position: absolute;
  800. top: 0; left: 0;
  801. background: {color:posts};
  802. border-bottom: {select:post border size}px {select:post border} {color:post border};
  803. width: 400px;
  804. padding: 10px 15px;
  805. max-height:0px;
  806. line-height:130%;
  807. text-align:right;
  808. opacity:0;
  809. -webkit-transition: all 0.7s ease;
  810. transition: all 0.7s ease;
  811. -moz-transition: all 0.7s ease;
  812. -o-transition: all 0.7s ease;
  813. {block:IfRainbowBorder}
  814. --angle: 0deg;
  815. border: {select:border size}px {select:border};
  816. border-image: conic-gradient(from var(--angle), red, yellow, lime, aqua, blue, magenta, red) 1;
  817. animation: 7s rotate linear infinite;
  818. {block:IfRainbowBorder}
  819. }
  820.  
  821. {block:IfRainbowBorder}
  822. @keyframes rotate {
  823. to {
  824. --angle: 360deg;
  825. }
  826. }
  827.  
  828. @property --angle {
  829. syntax: '<angle>';
  830. initial-value: 0deg;
  831. inherits: false;
  832. }
  833. {/block:IfRainbowBorder}
  834.  
  835. .posts:hover .tags{
  836. max-height: 200px;
  837. opacity:1;
  838. -webkit-transition: all 0.7s ease;
  839. transition: all 0.7s ease;
  840. -moz-transition: all 0.7s ease;
  841. -o-transition: all 0.7s ease;
  842. }
  843.  
  844. #c { position: fixed; bottom: 15px; left: 15px; font-size: 24px;}
  845.  
  846. #notes {
  847. text-align: left;
  848. margin-top: 10px;
  849. background: {color:footer bg};
  850. padding: 5px 0 5px 0;
  851. {block:IfRoundBorder}
  852. border-radius: 4px;
  853. {/block:IfRoundBorder}
  854. }
  855.  
  856. #notes a {
  857. color: {color:footer txt};
  858. {block:IfGlowText}
  859. text-shadow: 0 0 1px {color:footer glow outline}, 0 0 3px {color:footer glow outline};
  860. {/block:IfGlowText}
  861. {block:IfOutlineText}
  862. text-shadow: -1px 0 {color:footer glow outline}, 0 1px {color:footer glow outline}, 1px 0 {color:footer glow outline}, 0 -1px {color:footer glow outline};
  863. {/block:IfOutlineText}
  864. }
  865.  
  866. #notes img {display: inline;}
  867.  
  868. #permanotes {
  869. margin-top: 20px;
  870. margin-bottom: 10px;
  871. overflow-x: auto;
  872. max-height: 300px;
  873. min-height: 100px;
  874. border: 1px solid {color:border};
  875. padding: 10px;
  876. {block:IfRainbowBorder}
  877. --angle: 0deg;
  878. border: {select:border size}px {select:border};
  879. border-image: conic-gradient(from var(--angle), red, yellow, lime, aqua, blue, magenta, red) 1;
  880. animation: 7s rotate linear infinite;
  881. {block:IfRainbowBorder}
  882. }
  883.  
  884. {block:IfRainbowBorder}
  885. @keyframes rotate {
  886. to {
  887. --angle: 360deg;
  888. }
  889. }
  890.  
  891. @property --angle {
  892. syntax: '<angle>';
  893. initial-value: 0deg;
  894. inherits: false;
  895. }
  896. {/block:IfRainbowBorder}
  897.  
  898. #permanotes ol.notes {
  899. list-style-type: none;
  900. margin: 0;
  901. padding: 0;}
  902.  
  903. #permanotes img.avatar {
  904. margin-right: 10px;
  905. display: inline;
  906. width: 16px;
  907. height: 16px;}
  908.  
  909. .quote {
  910. text-align: justify;
  911. font-style: italic;
  912. font-weight: bold;
  913. font-size: 140%;
  914. line-height: 130%;}
  915.  
  916. .source {
  917. text-align: right;}
  918.  
  919. .art {
  920. height: 150px;
  921. }
  922.  
  923. .art img {
  924. width: 150px;
  925. height: 150px;
  926. }
  927.  
  928. .radio {
  929. left: 90px;
  930. top: 90px;
  931. width: 19px;
  932. height: 19px;
  933. background-color: #fff;
  934. padding: 10px;
  935. opacity: 1;
  936. {block:IfRoundBorder}
  937. border-radius: 50%;
  938. {/block:IfRoundBorder}
  939. position: absolute;
  940. }
  941.  
  942. .playa {
  943. margin-left: 0px;
  944. width: 25px;
  945. height: 25px;
  946. overflow: hidden;
  947. margin-top: -4px;
  948. margin-left: -7px;
  949. filter: contrast(2);
  950. overflow: hidden;
  951. }
  952.  
  953. .track {
  954. position: absolute;
  955. padding: 0 0 5px 0px;
  956. width: 195px;
  957. margin-left: 160px;
  958. font-size: large;
  959. line-height: 120%;
  960. }
  961.  
  962. .audiowrapper {
  963. position: relative; display:inline-block;}
  964.  
  965. .spotify_audio_player {
  966. width: 100%;
  967. height:80px !important;
  968.  
  969. }
  970.  
  971. .video {
  972. position: relative;
  973. padding-bottom: 75%;
  974. height: 0;
  975. overflow: hidden;
  976. }
  977.  
  978. .video iframe, .video object, .video embed {
  979. position: absolute;
  980. top: 0;
  981. left: 0;
  982. width: 100%;
  983. height: 100%;
  984. }
  985.  
  986. #askimg {
  987. margin-left: 5px;
  988. }
  989.  
  990. #askimg img {
  991. display: block;
  992. margin-top: 5px;
  993. }
  994.  
  995. #asker {
  996. height: 40px;
  997. margin-top: -30px;
  998. padding-left: 60px;
  999. line-height: {text:font size}px;;
  1000. position: absolute;
  1001. }
  1002.  
  1003.  
  1004. #a {
  1005. margin-top: 10px;
  1006. padding-left: 5px;
  1007. }
  1008.  
  1009. .bubble {
  1010. background: {color:footer bg};
  1011. position: relative;
  1012. padding: 10px;
  1013. color: {color:footer txt};
  1014. {block:IfRoundBorder}
  1015. border-radius: 5px;
  1016. {/block:IfRoundBorder}
  1017. {block:IfGlowText}
  1018. text-shadow: 0 0 1px {color:footer glow outline}, 0 0 3px {color:footer glow outline};
  1019. {/block:IfGlowText}
  1020. {block:IfOutlineText}
  1021. text-shadow: -1px 0 {color:footer glow outline}, 0 1px {color:footer glow outline}, 1px 0 {color:footer glow outline}, 0 -1px {color:footer glow outline};
  1022. {/block:IfOutlineText}
  1023. }
  1024. .triangle {
  1025. width: 0;
  1026. margin-left: 15px;
  1027. border-top: 10px solid {color:footer bg};
  1028. border-left: 10px solid transparent;
  1029. border-right: 10px solid transparent;
  1030. }
  1031.  
  1032.  
  1033. </style>
  1034.  
  1035. {block:IfRedirect}
  1036. <script>
  1037. if(window.location.pathname == '/') location.replace('{text:Redirect Link}');
  1038. </script>
  1039. {block:IfRedirect}
  1040.  
  1041.  
  1042. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1043.  
  1044. <script src="https://static.tumblr.com/uopakca/GVcnvdwbq/jquery.style-my-tooltips.js"></script>
  1045.  
  1046.  
  1047. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  1048. <script>(function($){
  1049. $(document).ready(function(){
  1050. $("a[title]").style_my_tooltips({
  1051. tip_follows_cursor:true,
  1052. tip_delay_time:0,
  1053. tip_fade_speed:0,
  1054. attribute:"title"
  1055. });
  1056. });
  1057. })(jQuery);
  1058. </script>
  1059.  
  1060.  
  1061. <script>
  1062. function gatherData(images, arr) {
  1063. for (let i = 0; i < images.length; i++) {
  1064. let currentData = {
  1065. "width": images[i].getAttribute('data-width'),
  1066. "height": images[i].getAttribute('data-height'),
  1067. "low_res": images[i].getAttribute('data-lowres'),
  1068. "high_res": images[i].getAttribute('data-highres')
  1069. };
  1070. arr.push(currentData);
  1071. }
  1072. }
  1073. function getIndex(elem) {
  1074. let i = 0;
  1075. while( (elem = elem.previousElementSibling) != null ) i++;
  1076. return i;
  1077. }
  1078. function lightbox(elem) {
  1079. let currentPhotoset = elem.parentNode;
  1080. let photosetPhotos = currentPhotoset.getElementsByTagName('div');
  1081. let data = [];
  1082. gatherData(photosetPhotos, data);
  1083. Tumblr.Lightbox.init(data, getIndex(elem) + 1);
  1084. }
  1085. </script>
  1086.  
  1087. </head>
  1088.  
  1089.  
  1090.  
  1091. <div id="content">
  1092. <div id="sb">
  1093.  
  1094. <center>
  1095. <div class="top-link">
  1096. <a href="{text:link 1 URL}">{text:link 1}</a>{block:ifNotLinkPxl} {text:link spacer} {/block:ifNotLinkPxl}
  1097. {block:ifLinkPxl}<img src="{image:link pxl}" style="display: inline; vertical-align: {select:link pxl align}; margin: 0 5px 0 5px">{block:ifLinkPxl}
  1098. <a href="{text:link 2 URL}">{text:link 2}</a></div>
  1099. <a href="/" data-toggle="tooltip" title="{text:icon hover text}"><img src="{image:sidebar}"
  1100. style="
  1101. {block:IfSbImgBorder}
  1102. border: {select:sb border size}px {select:sb border}
  1103. {color:sb border};
  1104. border-left: 0; border-right: 0;
  1105. {block:IfSbImgBorder}
  1106. {block:IfRainbowBorder}
  1107. --angle: 0deg;
  1108. border: {select:border size}px {select:border};
  1109. border-image: conic-gradient(from var(--angle), red, yellow, lime, aqua, blue, magenta, red) 1;
  1110. animation: 7s rotate linear infinite;
  1111. {block:IfRainbowBorder}
  1112. }
  1113.  
  1114. {block:IfRainbowBorder}
  1115. @keyframes rotate {
  1116. to {
  1117. --angle: 360deg;
  1118. }
  1119. }
  1120.  
  1121. @property --angle {
  1122. syntax: '<angle>';
  1123. initial-value: 0deg;
  1124. inherits: false;
  1125. }
  1126. {/block:IfRainbowBorder}"></a>
  1127. <div class="btm-link">
  1128. <a href="{text:link 3 URL}">{text:link 3}</a>{block:ifNotLinkPxl} {text:link spacer} {/block:ifNotLinkPxl}
  1129. {block:ifLinkPxl}<img src="{image:link pxl}" style="display: inline; vertical-align: {select:link pxl align}; margin: 0 5px 0 5px">{block:ifLinkPxl} <a href="{text:link 4 URL}">{text:link 4}</a>
  1130. </div>
  1131.  
  1132.  
  1133. {block:ifNotHideDesc}
  1134. <div class="desc">{text:desc}</div>
  1135. {/block:ifNotHideDesc}
  1136.  
  1137. <div class="btm-img"><img src="{image:btm img}"></div>
  1138. </center>
  1139. </div>
  1140.  
  1141.  
  1142.  
  1143.  
  1144. {block:ifNotHideTitle}
  1145. <div class="title"><a href="/">{text:title}</a></div>
  1146. {/block:ifNotHideTitle}
  1147.  
  1148.  
  1149. {block:Posts}
  1150. <div class="outer">
  1151. <div class="posts">
  1152.  
  1153.  
  1154. {block:Text}
  1155. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  1156. {Body}
  1157. {/block:Text}
  1158.  
  1159. {block:Quote}
  1160. <div class="quote">"{Quote}"</div>
  1161. {block:Source}<div class="source">&mdash; {Source}</div>{/block:Source}
  1162. {/block:Quote}
  1163.  
  1164. {block:Link}
  1165. <big><a href="{URL}">{Name}</a></big>
  1166. {block:Description}{Description}{/block:Description}
  1167. {/block:Link}
  1168.  
  1169. {block:Chat}
  1170. {block:Title}{Title}{/block:Title}
  1171. {block:Lines}
  1172. <div class="{Alt} user_{UserNumber}">
  1173. {block:Label}{Label}{/block:Label} {Line}
  1174. </div>
  1175. {/block:Lines}
  1176. {/block:Chat}
  1177.  
  1178.  
  1179. {block:Answer}
  1180. <div class="bubble">{Question}
  1181. </div>
  1182. <div class="triangle"></div>
  1183.  
  1184. <div id="askimg"><img src="{AskerPortraitURL-40}"></div>
  1185. <div id="asker">{Asker}</div>
  1186. <div id="a">{Answer}</div>
  1187. {/block:Answer}
  1188.  
  1189.  
  1190.  
  1191.  
  1192. {block:Photo}
  1193. <div class="pic">
  1194. {block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-400}"></a>{/block:IndexPage}
  1195.  
  1196. {block:PermalinkPage}<a href="{LinkURL}"><img src="{PhotoURL-400}"></a>{/block:PermalinkPage}
  1197. </div>
  1198.  
  1199. {/block:Photo}
  1200.  
  1201. {block:Photoset}
  1202. <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>
  1203. {/block:Photoset}
  1204.  
  1205. {block:Video}
  1206. <div class="video">{Video-400}</div>
  1207. {/block:Video}
  1208.  
  1209. {block:Audio}
  1210. {block:AudioPlayer}<div class="radio"><div class="playa">{AudioPlayer}</div></div>
  1211. <div class="track">
  1212. {block:TrackName}Track: {TrackName}<Br>{/block:TrackName}
  1213. {block:Artist}Artist: {Artist}<br>{/block:Artist}
  1214. {block:Album}Album: {Album}{/block:Album}
  1215. </div>
  1216. {block:AlbumArt}<div class="art"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}{/block:AudioPlayer}
  1217. {block:AudioEmbed}{AudioEmbed-400}{/block:AudioEmbed}
  1218. {/block:Audio}
  1219.  
  1220. {block:ifNotHideCaption}
  1221. {block:Caption}<p style="margin-top: 5px;">{Caption}</p>{/block:Caption}
  1222. {/block:ifNotHideCaption}
  1223.  
  1224.  
  1225. {block:IndexPage}<div id="notes">
  1226. <a href="{Permalink}" style="padding-left: 7px" data-toggle="tooltip" title="{TimeAgo}">{ShortMonth} {DayOfMonth}</a>
  1227. <a href="{Permalink}" style="float: right; padding-right: 7px">{12Hour}{CapitalAmPm}</a>
  1228. </div>{/block:IndexPage}
  1229.  
  1230. {block:IndexPage}
  1231. <div class="tags">
  1232. <a href="{Permalink}" style="float:left">{NoteCount}N</a>
  1233. <a href="{ReblogURL}">reblog</a> {block:RebloggedFrom} - <a href="{ReblogParentURL}">via</a> {/block:RebloggedFrom}{block:ContentSource}- <a href="{SourceURL}">source</a>{/block:ContentSource}<br>
  1234.  
  1235.  
  1236. {block:ifNotHideTags}{block:HasTags}
  1237. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  1238. {/block:Tags}{/block:HasTags}{/block:ifNotHideTags}</div>
  1239. {/block:IndexPage}
  1240.  
  1241.  
  1242. {block:PermalinkPage}
  1243. {block:ifHideCaption}
  1244. {block:Caption}{Caption}{/block:Caption}
  1245. {/block:ifHideCaption}
  1246.  
  1247. <p style="text-align: right; margin-top:10px">{block:NoteCount}<a href="{Permalink}" style="float: left;">{NoteCount}%</a>{/block:NoteCount}
  1248. {block:RebloggedFrom}
  1249. via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource}
  1250. source <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
  1251. </p>
  1252. <p style="text-align: center; margin-top:5px">
  1253. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}<br>{/block:HasTags}
  1254. </p>
  1255.  
  1256. {block:NoteCount}<div id="permanotes">
  1257. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1258. </div>{/block:NoteCount}
  1259. {/block:PermalinkPage}
  1260. </div>
  1261. </div>
  1262. {/block:Posts}
  1263.  
  1264. {block:IndexPage}
  1265. {block:Pagination}
  1266. <div class="pagination"> {block:PreviousPage}<a href="{PreviousPage}" style="float:left;">Previous</a>{/block:PreviousPage}{block:NextPage}
  1267. <a href="{NextPage}">Next</a></p>{/block:NextPage}</div>{/block:Pagination}
  1268. {/block:IndexPage}
  1269.  
  1270. </div>
  1271. </div>
  1272.  
  1273.  
  1274.  
  1275. <div id="c">
  1276. <a href="https://ps1.tumblr.com/" style="text-decoration: none; font-style: normal;" data-toggle="tooltip" title="@ps1">&#9828;</a>
  1277. </div>
  1278.  
  1279.  
  1280.  
  1281.  
  1282. </body>
  1283. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!