API tools faq
paste
Advertisement
uchihaclan

AND YOU WILL SHED TEARS OF SCARLET

uchihaclan
Nov 10th, 2020 (edited)
1,299
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.79 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!---
  3. AND YOU WILL SHED TEARS OF SCARLET by tobirama
  4. take codes from here, i'll know and i'll execute you like how tobirama did to izuna.
  5. enjoy the theme, you may change the credit text to whatever you want, but don't [re]move it.
  6.  
  7. sidebar images have widths 300px
  8.  
  9. character codes for floating text can be selected here! you must use HTML entity and copy only the numbers.
  10.  
  11. https://www.htmlsymbols.xyz/
  12.  
  13. photosets
  14. https://annasthms.github.io/photosets/
  15.  
  16. if you need help with this just message me.
  17. --->
  18.  
  19. <head>
  20.  
  21. <script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  22. <!--
  23. NPF IMAGES READJUSTMENT | @glenthemes
  24. v2.0 [last updated: 2021-06-03]
  25. -->
  26. <link href="//glen-npf-2020.glitch.me/npf-override.css" rel="stylesheet">
  27. <script src="//glen-npf-2020.glitch.me/npf-evenize.js"></script>
  28.  
  29. <style type="text/css">
  30. :root {
  31. --NPF-Image-Spacing:4px;
  32. --NPF-Bottom-Gap-From-Captions:1em;
  33. }
  34. </style>
  35.  
  36. {block:IfBlobs}
  37. <script type="text/javascript">
  38. // <![CDATA[
  39. var colour="{color:blob color}"; // what colour are the blobs
  40. var speed=75; // speed of animation, lower is faster
  41. var blobs=10; // how many blobs are in the jar
  42. var charc=String.fromCharCode(9834); // you must use HTML entity
  43.  
  44. /***************************\
  45. * Blobs in a Jar Effect *
  46. *(c)2012-13 mf2fm web-design*
  47. * http://www.mf2fm.com/rv *
  48. * DON'T EDIT BELOW THIS BOX *
  49. \***************************/
  50.  
  51. var div;
  52. var xpos=new Array();
  53. var ypos=new Array();
  54. var zpos=new Array();
  55. var dx=new Array();
  56. var dy=new Array();
  57. var dz=new Array();
  58. var blob=new Array();
  59. var swide=800;
  60. var shigh=600;
  61. var ie_version=(navigator.appVersion.indexOf("MSIE")!=-1)?parseFloat(navigator.appVersion.split("MSIE")[1]):false;
  62.  
  63. function addLoadEvent(funky) {
  64. var oldonload=window.onload;
  65. if (typeof(oldonload)!='function') window.onload=funky;
  66. else window.onload=function() {
  67. if (oldonload) oldonload();
  68. funky();
  69. }
  70. }
  71.  
  72. addLoadEvent(fill_the_jar);
  73.  
  74. function fill_the_jar() {
  75. var i, dvs;
  76. div=document.createElement('div');
  77. dvs=div.style;
  78. dvs.position='fixed';
  79. dvs.left='0px';
  80. dvs.top='0px';
  81. dvs.width='1px';
  82. dvs.height='1px';
  83. document.body.appendChild(div);
  84. set_width();
  85. for (i=0; i<blobs; i++) {
  86. add_blob(i);
  87. jamjar(i);
  88. }
  89. }
  90.  
  91. function add_blob(ref) {
  92. var dv, sy;
  93. dv=document.createElement('div');
  94. sy=dv.style;
  95. sy.position='absolute';
  96. sy.textAlign='center';
  97. if (ie_version && ie_version<10) {
  98. sy.fontSize="10px";
  99. sy.width="100px";
  100. sy.height="100px";
  101. sy.paddingTop="40px";
  102. sy.color=colour;
  103. dv.appendChild(document.createTextNode(charc));
  104. }
  105. else if (ie_version) {
  106. sy.fontSize="1px";
  107. sy.width="0px";
  108. sy.height="0px";
  109. }
  110. else {
  111. dv.appendChild(document.createTextNode(charc));
  112. sy.color='rgba(0,0,0,0)';
  113. }
  114. ypos[ref]=Math.floor(shigh*Math.random());
  115. dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  116. xpos[ref]=Math.floor(swide*Math.random());
  117. dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  118. zpos[ref]=Math.random()*20;
  119. dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
  120. blob[ref]=dv;
  121. div.appendChild(blob[ref]);
  122. set_blob(ref);
  123. }
  124.  
  125. function rejig(ref, xy) {
  126. if (xy=='y') {
  127. dx[ref]=(0.5+Math.random())*sign(dx[ref]);
  128. dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
  129. }
  130. else {
  131. dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
  132. dy[ref]=(0.5+Math.random())*sign(dy[ref]);
  133. }
  134. }
  135.  
  136. function sign(a) {
  137. if (a<0) return (-2);
  138. else if (a>0) return (2);
  139. else return (0);
  140. }
  141.  
  142. function set_blob(ref) {
  143. var sy;
  144. sy=blob[ref].style;
  145. sy.top=ypos[ref]+'px';
  146. sy.left=xpos[ref]+'px';
  147. if (ie_version && ie_version<10) {
  148. sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
  149. sy.fontSize=30-zpos[ref]+"px";
  150. }
  151. else if (ie_version) {
  152. sy.boxShadow="0px 0px 40px "+zpos[ref]+"px "+colour;
  153. }
  154. else {
  155. sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
  156. sy.fontSize=40+zpos[ref]+'px';
  157. }
  158. }
  159.  
  160. function jamjar(ref) {
  161. if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
  162. ypos[ref]+=dy[ref];
  163. if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
  164. xpos[ref]+=dx[ref];
  165. if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
  166. zpos[ref]+=dz[ref];
  167. set_blob(ref);
  168. setTimeout("jamjar("+ref+")", speed);
  169. }
  170.  
  171. window.onresize=set_width;
  172. function set_width() {
  173. var sw_min=999999;
  174. var sh_min=999999;
  175. if (document.documentElement && document.documentElement.clientWidth) {
  176. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  177. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  178. }
  179. if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
  180. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  181. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  182. }
  183. if (document.body.clientWidth) {
  184. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  185. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  186. }
  187. if (sw_min==999999 || sh_min==999999) {
  188. sw_min=800;
  189. sh_min=600;
  190. }
  191. swide=sw_min;
  192. shigh=sh_min;
  193. }
  194. // ]]>
  195. </script>
  196. {/block:IfBlobs}
  197.  
  198. <title>{Title}</title>
  199. <link rel="icon" href="{image:FavIcon}" type="image/gif" >
  200. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  201. {block:Description}
  202. <meta name="description" content="{MetaDescription}" />
  203. {/block:Description}
  204.  
  205. <!--- Add Custom Fonts Here (like Google Fonts) --->
  206.  
  207.  
  208. <!--- Then add Font name to the 'Font Family' in Theme Options Area --->
  209.  
  210. <meta name="image:favicon" content=""/>
  211. <meta name="image:sidebar" content="https://i.imgur.com/QwJKlMH.png"/>
  212. <meta name="image:sidebar2" content="https://i.imgur.com/43EZhSO.png"/>
  213. <meta name="image:title" content="https://i.imgur.com/aOhswkJ.png"/>
  214. <meta name="image:desc" content="https://i.imgur.com/aOhswkJ.png"/>
  215. <meta name="image:link pxl" content="https://i.imgur.com/KuwWliP.gif"/>
  216. <meta name="image:img under desc1" content="https://i.imgur.com/0Kh47Yx.png"/>
  217. <meta name="image:img under desc2" content="https://i.imgur.com/g0deNUF.gif"/>
  218. <meta name="image:background" content=""/>
  219. <meta name="image:posts" content=""/>
  220. <meta name="image:perma pxl" content="https://i.imgur.com/vW3p9R7.gif"/>
  221. <meta name="image:cursor" content="https://i.imgur.com/WGDM5yx.png"/>
  222.  
  223. <meta name="color:background" content="#F0F0F0">
  224. <meta name="color:posts" content="#fff">
  225. <meta name="color:shadow" content="#bbb">
  226. <meta name="color:desc bg" content="#fff">
  227. <meta name="color:description font" content="#000">
  228. <meta name="color:description glow outline" content="#000">
  229. <meta name="color:sidebar links" content="#56bf4b">
  230. <meta name="color:sidebar links glow outline" content="#56bf4b">
  231. <meta name="color:font color" content="#000">
  232. <meta name="color:font glow outline" content="#000">
  233. <meta name="color:links" content="#56bf4b">
  234. <meta name="color:links hover" content="#bbb">
  235. <meta name="color:links glow outline" content="#56bf4b">
  236. <meta name="color:title" content="#000">
  237. <meta name="color:title glow outline" content="#fff">
  238. <meta name="color:permalink color" content="#000">
  239. <meta name="color:permalink glow outline" content="#000">
  240. <meta name="color:tooltip color" content="#000">
  241. <meta name="color:tooltip background" content="#ccc">
  242. <meta name="color:sidebar border" content="#000">
  243. <meta name="color:post border" content="#000">
  244. <meta name="color:blob color" content="#56bf4b">
  245.  
  246. <meta name="select:post border" content="solid"/>
  247. <meta name="select:post border" content="dashed"/>
  248. <meta name="select:post border" content="dotted"/>
  249. <meta name="select:post border" content="double"/>
  250. <meta name="select:post border" content="inset"/>
  251. <meta name="select:post border" content="outset"/>
  252. <meta name="select:post border" content="ridge"/>
  253. <meta name="select:post border" content="groove"/>
  254.  
  255. <meta name="select:sidebar border" content="solid"/>
  256. <meta name="select:sidebar border" content="dashed"/>
  257. <meta name="select:sidebar border" content="dotted"/>
  258. <meta name="select:sidebar border" content="double"/>
  259. <meta name="select:sidebar border" content="inset"/>
  260. <meta name="select:sidebar border" content="outset"/>
  261. <meta name="select:sidebar border" content="ridge"/>
  262. <meta name="select:sidebar border" content="groove"/>
  263.  
  264. <meta name="text:post border" content="1"/>
  265. <meta name="text:sidebar border" content="1"/>
  266.  
  267. <meta name="text:font family" content="malgun gothic">
  268. <meta name="text:post text size" content="13">
  269. <meta name="text:title font" content="bebop">
  270. <meta name="text:title" content="AND YOU WILL SHED TEARS OF SCARLET...">
  271. <meta name="text:title size" content="30">
  272. <meta name="text:description" content="SEE YOU SPACE COWBOY...">
  273.  
  274. <meta name="text:description2" content="SEE YOU COWGIRL, SOMEDAY, SOMEWHERE!">
  275. <meta name="text:description size" content="13">
  276. <meta name="text:sidebar link size" content="13">
  277.  
  278. <meta name="if:blobs" content="0"/>
  279. <meta name="if:shadow" content="0"/>
  280. <meta name="if:round border" content="0"/>
  281. <meta name="if:hide img border" content="0"/>
  282. <meta name="if:bold links" content="0"/>
  283. <meta name="if:italic links" content="0"/>
  284. <meta name="if:links underline" content="0"/>
  285. <meta name="if:custom cursor" content="0" />
  286. <meta name="if:tile background" content="0" />
  287. <meta name="if:hide title" content="0"/>
  288. <meta name="if:glow text" content="0" />
  289. <meta name="if:outline text" content="0" />
  290. <meta name="if:hide caption" content="0"/>
  291. <meta name="if:hide tags" content="0" />
  292. <meta name="if:dark tooltip" content="0"/>
  293. <meta name="if:redirect" content="0" />
  294.  
  295. <meta name="text:redirect link" content="/tagged/0">
  296. <meta name="text:link 1" content="000001">
  297. <meta name="text:link 1 URL" content="/">
  298. <meta name="text:link 2" content="000002">
  299. <meta name="text:link 2 URL" content="/">
  300. <meta name="text:link 3" content="000003">
  301. <meta name="text:link 3 URL" content="/">
  302. <meta name="text:link 4" content="000004">
  303. <meta name="text:link 4 URL" content="/">
  304.  
  305. <style type="text/css">
  306. @font-face {font-family:"bebop"; src: url("https://dl.dropboxusercontent.com/s/j3pnzh7uoqsf6ht/Cheltenham%20Bold%20Italic.otf?dl=0")}
  307.  
  308.  
  309. ::-moz-selection {
  310. background: {color:links};
  311. color: {color:links hover};
  312. {block:IfGlowText}
  313. text-shadow: 0 0 2px {color:Links Hover},
  314. 0 0 2px {color:Links Hover};
  315. {/block:IfGlowText}}
  316.  
  317. ::selection {
  318. background: {color:links};
  319. color: {color:links hover};
  320. {block:IfGlowText}
  321. text-shadow: 0 0 2px {color:Links Hover},
  322. 0 0 2px {color:Links Hover};
  323. {/block:IfGlowText}}
  324.  
  325. #s-m-t-tooltip {
  326. z-index: 999999999;
  327. background-color: rgba(255, 255, 255, 0.4);
  328. {block:IfDarkTooltip}background-color: rgba(0, 0, 0, 0.4);{/block:IfDarkTooltip}
  329. filter: drop-shadow(0 0 2px {color:tooltip background});
  330. {block:IfRoundBorder}
  331. border-radius: 10px;
  332. {/block:IfRoundBorder}
  333. color: {color:tooltip color};
  334. font-size: {text:post text size}px;
  335. text-align: center;
  336. {block:IfGlowText}
  337. text-shadow: 0 0 2px {color:tooltip color},
  338. 0 0 3px {color:tooltip color};
  339. {/block:IfGlowText}
  340. {block:IfOutlineText}
  341. 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};
  342. {/block:IfOutlineText}
  343. transition: all 0.3s ease-out;
  344. -o-transition: all 0.3s ease-out;
  345. -webkit-transition: all 0.3s ease-out;
  346. -moz-transition: all 0.3s ease-out;
  347. text-transform: normal;
  348. max-width: 300px;
  349. display: block;
  350. word-wrap: break-word;
  351. padding: 5px 7px 5px 7px;
  352. margin: -30px 0px 10px 20px;}
  353.  
  354. body {
  355. background: {color:background};
  356. background-image: url({image:Background});
  357. background-attachment: fixed;
  358. {block:IfNotTileBackground}
  359. -webkit-background-size: cover;
  360. -moz-background-size: cover;
  361. -o-background-size: cover;
  362. background-size: cover;
  363. {/block:IfNotTileBackground}
  364. font-family: '{text:font family}';
  365. font-size: {text:post text size}px;
  366. color: {color:font color};
  367. line-height: 120%;
  368. word-wrap: break-word;
  369. overflow-x:hidden;
  370. {block:IfGlowText}
  371. text-shadow: 0 0 2px {color:font glow outline}, 0 0 3px {color:font glow outline};
  372. {/block:IfGlowText}
  373. {block:IfOutlineText}
  374. 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};
  375. {/block:IfOutlineText}}
  376.  
  377. {block:IfCustomCursor}
  378. body, *, a, a:hover { cursor:url({image:cursor}), auto;}
  379. {/block:IfCustomCursor}
  380.  
  381. p {margin: 0px;}
  382. ul {list-style: square;}
  383. img {max-width: 100%;}
  384. h1 {line-height: 150%;}
  385. iframe, img, embed, object, video {max-width: 100%;}
  386.  
  387. a:link, a:active, a:visited {
  388. {block:IfBoldLinks}font-weight: bold;{/block:IfBoldLinks}
  389. {block:IfItalicLinks}
  390. font-style: italic;{/block:IfItalicLinks}
  391. color: {color:links};
  392. {block:IfGlowText}
  393. text-shadow: 0 0 2px {color:links glow outline}, 0 0 3px {color:links glow outline};
  394. {/block:IfGlowText}
  395. {block:IfOutlineText}
  396. 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};
  397. {/block:IfOutlineText}
  398. {block:IfNotLinksUnderline}
  399. text-decoration: none;{/block:IfNotLinksUnderline}
  400. {block:IfLinksUnderline}
  401. text-decoration: underline;
  402. {/block:IfLinksUnderline}
  403. -webkit-transition: all 0.2s ease-in-out;
  404. -moz-transition: all 0.2s ease-in-out;
  405. -o-transition: all 0.2s ease-in-out;
  406. -ms-transition: all 0.2s ease-in-out;
  407. transition: all 0.2s ease-in-out;}
  408.  
  409. a:hover {
  410. color:transparent;
  411. text-shadow: 0 0 4px {color:Links Hover};
  412. text-decoration: none;
  413. -webkit-transition: all 0.2s ease-in-out;
  414. -moz-transition: all 0.2s ease-in-out;
  415. -o-transition: all 0.2s ease-in-out;
  416. -ms-transition: all 0.2s ease-in-out;
  417. transition: all 0.2s ease-in-out;
  418. {block:IfGlowText}
  419. text-shadow: 0 0 5px {color:Links Hover},
  420. 0 0 5px {color:Links Hover};
  421. {/block:IfGlowText}}
  422.  
  423. ::-webkit-scrollbar-track {
  424. background-color: {color:background};
  425. }
  426. ::-webkit-scrollbar {
  427. width: 10px;}
  428. ::-webkit-scrollbar-thumb {
  429. background-color: {color:links};}
  430.  
  431. .desc::-webkit-scrollbar-track {
  432. background-color: {color:desc bg};
  433. }
  434. .desc::-webkit-scrollbar {
  435. width: 5px;}
  436. .desc::-webkit-scrollbar-thumb {
  437. background-color: {color:sidebar links};}
  438.  
  439.  
  440. #content {
  441. margin: 50px auto;
  442. width: 800px;}
  443.  
  444. #container {
  445. margin: auto;
  446. }
  447.  
  448. #sidebar {
  449. color: {color:font color};
  450. background-color: transparent;
  451. position: fixed;
  452. margin-left: -200px;
  453. height: auto;
  454. width: 300px;
  455. padding: 0;}
  456.  
  457. #sidebar2 {
  458. color: {color:font color};
  459. background-color: transparent;
  460. position: fixed;
  461. margin-left: 700px;
  462. height: auto;
  463. width: 300px;
  464. padding: 0;}
  465.  
  466. .sb img {
  467. {block:IfRoundBorder}border-radius: 5px;{/block:IfRoundBorder}
  468. {block:IfNotHideImgBorder}border: {text:sidebar border}px {select:sidebar border} {color:sidebar border};{block:IfNotHideImgBorder}
  469. {block:IfHideImgBorder}border: 0;{/block:IfHideImgBorder}
  470. display:block;
  471. }
  472.  
  473. .desc {
  474. padding: 5px;
  475. width: 97%;
  476. {block:IfRoundBorder}
  477. border-radius: 5px;
  478. {/block:IfRoundBorder}
  479. margin-top: 20px;
  480. background-image: url({image:desc});
  481. background-color: {color:desc bg};
  482. border: {text:sidebar border}px {select:sidebar border} {color:sidebar border};
  483. text-align: center;
  484. color: {color:description font};
  485. font-size: {text:description size}px;
  486. line-height: {text:description size}px;
  487. {block:IfGlowText}
  488. text-shadow: 0 0 2px {color:description glow outline},
  489. 0 0 3px {color:description glow outline};
  490. {/block:IfGlowText}
  491. {block:IfOutlineText}
  492. text-shadow: -1px 0 {color:description glow outline}, 0 1px {color:description glow outline}, 1px 0 {color:description glow outline}, 0 -1px {color:description glow outline};
  493. {/block:IfOutlineText}
  494. max-height: 100px;
  495. overflow: auto;
  496. overflow-x: hidden;}
  497.  
  498. .linkz {
  499. font-size: {text:sidebar link size}px;
  500. line-height: {text:sidebar link size}px;}
  501.  
  502. .link {
  503. width: 100%;
  504. max-height: 0;
  505. line-height:130%;
  506. text-align: center;
  507. -webkit-transition: all 0.4s ease;
  508. transition: all 0.4s ease;
  509. -moz-transition: all 0.4s ease;
  510. -o-transition: all 0.4s ease;
  511. opacity:0;
  512. {block:IfRoundBorder}
  513. border-radius: 5px;
  514. {/block:IfRoundBorder}
  515. background-image: url({image:desc});
  516. background-color: {color:desc bg};
  517. background-attachment: fixed;
  518. border: {text:sidebar border}px {select:sidebar border} {color:sidebar border};}
  519.  
  520. .link img {vertical-align: bottom;}
  521.  
  522. .linkz:hover .link{
  523. max-height: 150px;
  524. opacity: 1;
  525. margin-top: 20px;
  526. -webkit-transition: all 0.4s ease;
  527. transition: all 0.4s ease;
  528. -moz-transition: all 0.4s ease;
  529. -o-transition: all 0.4s ease;}
  530.  
  531. .linkz a {
  532. color: {color:sidebar links};
  533. {block:IfGlowText}
  534. text-shadow: 0 0 2px {color:sidebar links glow outline},
  535. 0 0 3px {color:sidebar links glow outline};
  536. {/block:IfGlowText}
  537. {block:IfOutlineText}
  538. text-shadow: -1px 0 {color:sidebar links glow outline}, 0 1px {color:sidebar links glow outline}, 1px 0 {color:sidebar links glow outline}, 0 -1px {color:sidebar links glow outline};
  539. {/block:IfOutlineText}}
  540.  
  541. .linkz a {color: {color:sidebar links};
  542. {block:IfGlowText}
  543. text-shadow: 0 0 2px {color:sidebar links glow outline},
  544. 0 0 3px {color:sidebar links glow outline};
  545. {/block:IfGlowText}
  546. {block:IfOutlineText}
  547. text-shadow: -1px 0 {color:sidebar links glow outline}, 0 1px {color:sidebar links glow outline}, 1px 0 {color:sidebar links glow outline}, 0 -1px {color:sidebar links glow outline};
  548. {/block:IfOutlineText}}
  549.  
  550. .linkz a:hover {
  551. color:transparent;
  552. text-shadow: 0 0 5px {color:links hover},
  553. 0 0 5px {color:links hover};}
  554.  
  555. .title {
  556. font-family: {text:title font};
  557. {block:IfRoundBorder}
  558. border-radius: 5px;
  559. {/block:IfRoundBorder}
  560. font-size:{text:title size}px;
  561. margin-bottom: 20px;
  562. padding: 0;
  563. background-image: url({image:title});
  564. background-attachment: fixed;
  565. background-color: {color:desc bg};
  566. border: {text:sidebar border}px {select:sidebar border} {color:sidebar border};}
  567.  
  568. .title a {
  569. color: {color:title};
  570. {block:IfGlowText}
  571. text-shadow: 0 0 2px {color:title glow outline},
  572. 0 0 3px {color:title glow outline};
  573. {/block:IfGlowText}
  574. {block:IfOutlineText}
  575. 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};
  576. {/block:IfOutlineText}}
  577. .title a:hover {
  578. color:transparent;
  579. text-shadow: 0 0 5px {color:links hover},
  580. 0 0 5px {color:links hover};}
  581.  
  582. .li {
  583. padding: 10px 0px 0px 0px;
  584. height: {text:title size}px;}
  585.  
  586. .text {
  587. width: 490px;
  588. background-color: {color:posts};
  589. {block:IfRoundBorder}
  590. border-radius: 5px;
  591. {/block:IfRoundBorder}
  592. padding: 5px;
  593. {block:IfShadow}
  594. filter: drop-shadow(7px 7px 4px {color:shadow});{/block:IfShadow}
  595. border: {text:post border}px {select:post border} {color:post border};}
  596.  
  597. .posts {
  598. background-color: transparent;
  599. margin: auto;
  600. width: 500px;
  601. margin-bottom: 60px;
  602. text-align: left;
  603. position: relative;}
  604.  
  605. .posts blockquote {
  606. margin: 0 0 5px 20px;
  607. padding: 0 0 0 5px;
  608. border-left: 1px solid {color:links};}
  609.  
  610. .pic img {
  611. {block:IfHideImgBorder}border: 0;{/block:IfHideImgBorder}
  612. {block:IfNotHideImgBorder}
  613. border: {text:post border}px {select:post border} {color:post border};
  614. {block:IfNotHideImgBorder}
  615. {block:IfRoundBorder}
  616. border-radius: 5px;
  617. {/block:IfRoundBorder}
  618. {block:IfShadow}
  619. filter: drop-shadow(7px 7px 4px {color:shadow});{/block:IfShadow}
  620.  
  621. display: block;
  622. -webkit-transition: all 0.5s ease-in-out;
  623. -moz-transition: all 0.5s ease-in-out;
  624. -o-transition: all 0.5s ease-in-out;
  625. -ms-transition: all 0.5s ease-in-out;
  626. transition: all 0.5s ease-in-out;}
  627.  
  628. .pic img:hover {
  629. filter: drop-shadow(-7px -7px 4px {color:shadow});
  630. -webkit-transition: all 0.3s ease-in-out;
  631. -moz-transition: all 0.3s ease-in-out;
  632. -o-transition: all 0.3s ease-in-out;
  633. -ms-transition: all 0.3s ease-in-out;
  634. transition: all 0.3s ease-in-out;}
  635.  
  636. [photoset-layout] {
  637. {block:IfHideImgBorder}border: 0;{/block:IfHideImgBorder}
  638. {block:IfNotHideImgBorder}
  639. border: {text:post border}px {select:post border} {color:post border};
  640. {block:IfNotHideImgBorder}
  641. {block:IfShadow}
  642. filter: drop-shadow(7px 7px 4px {color:shadow});{/block:IfShadow}
  643. -webkit-transition: all 0.3s ease-in-out;
  644. -moz-transition: all 0.3s ease-in-out;
  645. -o-transition: all 0.3s ease-in-out;
  646. -ms-transition: all 0.3s ease-in-out;
  647. transition: all 0.3s ease-in-out;}
  648.  
  649.  
  650. [photoset-layout]:hover {
  651. filter: drop-shadow(-7px -7px 4px {color:shadow});
  652. -webkit-transition: all 0.3s ease-in-out;
  653. -moz-transition: all 0.3s ease-in-out;
  654. -o-transition: all 0.3s ease-in-out;
  655. -ms-transition: all 0.3s ease-in-out;
  656. transition: all 0.3s ease-in-out;}
  657.  
  658. .permalinky a {
  659. color: {color:permalink color};
  660. {block:IfGlowText}
  661. text-shadow: 0 0 2px {color:permalink glow outline},
  662. 0 0 3px {color:permalink glow outline};
  663. {/block:IfGlowText}
  664. {block:IfOutlineText}
  665. text-shadow: -1px 0 {color:permalink glow outline},
  666. 0 1px {color:permalink glow outline},
  667. 1px 0 {color:permalink glow outline},
  668. 0 -1px {color:permalink glow outline};
  669. {/block:IfOutlineText}}
  670.  
  671. .permalinky a:hover {
  672. color:transparent;
  673. text-shadow: 0 0 5px {color:links hover},
  674. 0 0 5px {color:links hover};}
  675.  
  676. .permalinky {
  677. text-align: center;
  678. margin-top: 20px;}
  679.  
  680. .permalinky img {vertical-align: middle;}
  681.  
  682. .tags {
  683. max-height: 0;
  684. line-height:130%;
  685. text-align:center;
  686. -webkit-transition: all 0.4s ease;
  687. transition: all 0.4s ease;
  688. -moz-transition: all 0.4s ease;
  689. -o-transition: all 0.4s ease;
  690. opacity:0;}
  691.  
  692. .permalinky:hover .tags{
  693. max-height: 250px;
  694. opacity: 1;
  695. -webkit-transition: all 0.4s ease;
  696. transition: all 0.4s ease;
  697. -moz-transition: all 0.4s ease;
  698. -o-transition: all 0.4s ease;}
  699.  
  700.  
  701. .wrapper{
  702. display:table;}
  703.  
  704. .box {
  705. display:table-cell;
  706. padding:0px;
  707. background-color: {color:posts};
  708. {block:IfRoundBorder}
  709. border-radius: 5px;
  710. {/block:IfRoundBorder}
  711. padding: 10px;
  712. {block:IfShadow}
  713. filter: drop-shadow(7px 7px 4px {color:shadow});{/block:IfShadow}
  714. border: {text:post border}px {select:post border} {color:post border};
  715. width: 100%;}
  716.  
  717. #permanotes {
  718. margin-top: 20px;
  719. margin-bottom: 10px;}
  720.  
  721. #permanotes ol.notes {
  722. list-style-type: none;
  723. text-align: left;
  724. margin: 0;
  725. padding: 0;
  726. overflow: scroll;
  727. overflow-x: hidden;
  728. max-height: 400px;
  729. background-color: {color:posts};
  730. padding: 10px;
  731. {block:IfRoundBorder}
  732. border-radius: 5px;
  733. {/block:IfRoundBorder}
  734. {block:IfShadow}
  735. filter: drop-shadow(7px 7px 4px {color:shadow});{/block:IfShadow}
  736. border: {text:post border}px {select:post border} {color:post border};}
  737.  
  738. #permanotes img.avatar {
  739. margin-right: 10px;
  740. display: inline;
  741. width: 16px;
  742. height: 16px;}
  743.  
  744. .pagination {
  745. margin: auto;
  746. width: 100px;
  747. background-color: {color:posts};
  748. {block:IfRoundBorder}
  749. border-radius: 5px;
  750. {/block:IfRoundBorder}
  751. padding: 10px;
  752. {block:IfShadow}
  753. filter: drop-shadow(7px 7px 4px {color:shadow});{/block:IfShadow}
  754. border: {text:post border}px {select:post border} {color:post border};
  755. text-align: center;
  756. margin-bottom: 50px;}
  757.  
  758. .quote {
  759. text-align: justify;
  760. font-style: italic;
  761. font-weight: bold;
  762. font-size: 140%;
  763. line-height: 130%;}
  764.  
  765. .source {
  766. text-align: right;}
  767.  
  768. .spotify_audio_player {
  769. height:80px!important;
  770. width:100%!important;}
  771.  
  772. .soundcloud_audio_player {
  773. height:150px!important;
  774. width:100%!important;}
  775.  
  776. .trackback {
  777. position: absolute;
  778. left: 33px;
  779. top: 33px;
  780. width: 19px;
  781. height: 19px;
  782. background-color: #fff;
  783. padding: 10px;
  784. opacity: .4;}
  785.  
  786. .pressplay{
  787. position: relative;
  788. width: 25px;
  789. height: 25px;
  790. overflow: hidden;
  791. left: -6px;
  792. top: -3px;}
  793.  
  794. .albumpic {
  795. position: absolute;
  796. left: 0px;
  797. top: 0px;
  798. width: 100px;
  799. height: 100px;
  800. }
  801.  
  802. .albumpic img {
  803. width: 100%;
  804. height: auto;
  805. border: 1px solid {color:font color};
  806. {block:IfRoundBorder}
  807. border-radius: 5px;
  808. {/block:IfRoundBorder}
  809. {block:IfShadow}
  810. filter: drop-shadow(7px 7px 4px {color:shadow});{/block:IfShadow}
  811. }
  812.  
  813. .trackinfo {
  814. width: auto;
  815. display:inline-block;
  816. margin-left: 120px;
  817. min-height: 85px;}
  818.  
  819. .audiowrapper {
  820. position: relative;
  821. display:inline-block;
  822. margin-bottom: 15px;
  823. }
  824.  
  825. #second {
  826. position: fixed;
  827. bottom: 10px;
  828. left: 10px;
  829. font-size: 20px;}
  830.  
  831. #second a {text-decoration: none; font-weight: normal; font-style: normal;}
  832.  
  833. .pxu-photo {
  834. {block:IfShadow}
  835. filter: drop-shadow(7px 7px 4px {color:shadow});{/block:IfShadow}
  836. outline: {text:post border}px {select:post border} {color:post border};
  837. margin-left: 3px;
  838. }
  839.  
  840.  
  841. </style>
  842.  
  843.  
  844. {block:IfRedirect}
  845. <script>
  846. if(window.location.pathname == '/') location.replace('{text:Redirect Link}');
  847. </script>
  848. {block:IfRedirect}
  849.  
  850. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  851.  
  852. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  853.  
  854. <script>
  855. (function($){
  856. $(document).ready(function(){
  857. $("[title]").style_my_tooltips();
  858. });
  859. })(jQuery);
  860. </script>
  861.  
  862. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  863.  
  864. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.9/SmoothScroll.js"></script>
  865.  
  866.  
  867.  
  868. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  869. <script>
  870. function gatherData(images, arr) {
  871. for (let i = 0; i < images.length; i++) {
  872. let currentData = {
  873. "width": images[i].getAttribute('data-width'),
  874. "height": images[i].getAttribute('data-height'),
  875. "low_res": images[i].getAttribute('data-lowres'),
  876. "high_res": images[i].getAttribute('data-highres')
  877. };
  878. arr.push(currentData);
  879. }
  880. }
  881. function getIndex(elem) {
  882. let i = 0;
  883. while( (elem = elem.previousElementSibling) != null ) i++;
  884. return i;
  885. }
  886. function lightbox(elem) {
  887. let currentPhotoset = elem.parentNode;
  888. let photosetPhotos = currentPhotoset.getElementsByTagName('div');
  889. let data = [];
  890. gatherData(photosetPhotos, data);
  891. Tumblr.Lightbox.init(data, getIndex(elem) + 1);
  892. }
  893. </script>
  894.  
  895. </head>
  896.  
  897. <div id="content">
  898. <div id="sidebar">
  899. {block:ifNotHideTitle}
  900. <div class="title"><marquee class="li" scrollamount="8" direction="left" onmouseover="stop()" onmouseout="start()"><a href="/">{text:title}</marquee></a></div>
  901. {/block:ifNotHideTitle}
  902.  
  903. <div class="sb"><a href="/"><img src="{image:sidebar}"></a></div>
  904.  
  905. <div class="linkz">
  906. <div class="desc">{text:description}</div>
  907.  
  908. <div class="link">
  909. <p style="text-align: right;">
  910. <a href="{text:link 1 URL}">{text:link 1}</a> <img src="{image:link pxl}"><br>
  911. <a href="{text:link 2 URL}">{text:link 2}</a> <img src="{image:link pxl}"></p>
  912. </div></div>
  913.  
  914. <center><img src="{image:img under desc1}" style="margin-top: 20px;"></center>
  915. </div>
  916.  
  917.  
  918.  
  919. <div id="sidebar2">
  920. {block:ifNotHideTitle}
  921. <div class="title"><marquee class="li" scrollamount="8" direction="left" onmouseover="stop()" onmouseout="start()"><a href="/">{text:title}</marquee></a></div>
  922. {/block:ifNotHideTitle}
  923.  
  924. <div class="sb"><a href="/"><img src="{image:sidebar2}"></a></div>
  925.  
  926. <div class="linkz">
  927. <div class="desc">{text:description2}</div>
  928.  
  929. <div class="link">
  930. <p style="text-align: left;"><img src="{image:link pxl}"> <a href="{text:link 3 URL}">{text:link 3}</a>
  931. <br><img src="{image:link pxl}"> <a href="{text:link 4 URL}">{text:link 4}</a></p>
  932. </div></div>
  933.  
  934. <center><img src="{image:img under desc2}" style="margin-top: 20px;"></center>
  935. </div>
  936.  
  937. </div>
  938.  
  939.  
  940. <div id="container">
  941.  
  942. {block:Posts}
  943. <div class="posts">
  944.  
  945. {block:Text}<div class="text">
  946. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  947. {Body}</div>
  948. {/block:Text}
  949.  
  950. {block:Quote}
  951. <div class="text"><div class="quote">"{Quote}"</div>
  952. {block:Source}<div class="source">&mdash; {Source}</div>{/block:Source}</DIV>
  953. {/block:Quote}
  954.  
  955. {block:Link}
  956. <div class="text"><big><a href="{URL}">{Name}</a></big>
  957. {block:Description}{Description}{/block:Description}</div>
  958. {/block:Link}
  959.  
  960. {block:Chat}
  961. <div class="text">{block:Title}{Title}{/block:Title}
  962. {block:Lines}
  963. <div class="{Alt} user_{UserNumber}">
  964. {block:Label}{Label}{/block:Label} {Line}
  965. </div>
  966. {/block:Lines}</div>
  967. {/block:Chat}
  968.  
  969.  
  970.  
  971.  
  972. {block:Answer}
  973. <div class="wrapper" style="width: 100%">
  974. <div class="box" style="width: 30%; text-align: center; background: {color:ask icon bg};">
  975. {Asker}<br><img src="{AskerPortraitURL-96}" style="margin: 10px;">
  976. </div>
  977. <div class="box" style="padding: 0px; border-left: 0; text-align: center;">
  978. <div class="q" style=" padding-bottom: 10px;">{Question}</div>
  979. <p style="padding-bottom: 5px; border-top: {text:post border}px {select:post border} {color:post border}">{Answer}</p></div>
  980. </div>
  981. {/block:Answer}
  982.  
  983.  
  984. {block:Photo}
  985. <div class="pic">
  986. {block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-500}"></a>{/block:IndexPage}
  987.  
  988. {block:PermalinkPage}<a href="{LinkURL}"><img src="{PhotoURL-500}"></a>{/block:PermalinkPage}
  989. </div>
  990. {/block:Photo}
  991.  
  992. {block:Photoset}
  993. <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>
  994. {/block:Photoset}
  995.  
  996. {block:Video}
  997. {block:IfNot250Posts}{Video-500}{/block:IfNot250Posts}
  998. {block:If250Posts}{Video-250}{/block:If250Posts}
  999. {/block:Video}
  1000.  
  1001. {block:AudioPlayer}
  1002. <div class="audiowrapper">
  1003. {block:AlbumArt}
  1004. <div class="albumpic"><img src="{AlbumArtURL}"></div>
  1005. {/block:AlbumArt}
  1006. <div class="trackback">
  1007. <div class="pressplay">
  1008. {AudioPlayer}
  1009. </div></div>
  1010. <div class="trackinfo">
  1011. {block:TrackName}{TrackName}{/block:TrackName}<br>
  1012. {block:Artist}<b>{Artist}</b>{/block:Artist}<br>
  1013. {block:Album}<i>{Album}</i>{/block:Album}<br>
  1014. </div></div>
  1015. {block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}
  1016. {/block:AudioPlayer}
  1017.  
  1018. {block:ifNotHideCaption}
  1019. {block:Caption}<div class="text" style="margin-top: 30px;">{Caption}</div>{/block:Caption}
  1020. {/block:ifNotHideCaption}
  1021.  
  1022. {block:IndexPage}<div class="permalinky">
  1023. <a href="{Permalink}"> {ShortMonth} {ShortYear}</a> <img src="{image:perma pxl}" style="padding: 0px 10px 0 10px;"> <a href="{ReblogURL}" data-toggle="tooltip" title="Reblog?">{NoteCount}N</a>
  1024.  
  1025. {block:ifNotHideTags}
  1026. <div class="tags">
  1027. {block:HasTags}{block:Tags}
  1028. <a href="{TagURL}">{Tag}</a>
  1029. {/block:Tags}{/block:HasTags}</div>
  1030. {/block:ifNotHideTags}
  1031. </div>{/block:IndexPage}
  1032.  
  1033. {block:PermalinkPage}
  1034. {block:ifHideCaption}
  1035. {block:Caption}{Caption}{/block:Caption}
  1036. {/block:ifHideCaption}
  1037.  
  1038. <p style="text-align: left;">
  1039. {block:NoteCount}<a href="{Permalink}">{NoteCount}N</a>{/block:NoteCount}
  1040. {block:RebloggedFrom}
  1041. &mdash; <a href="{ReblogParentURL}" data-toggle="tooltip" title="via">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource}/<a href="{SourceURL}" data-toggle="tooltip" title="source">{SourceTitle}</a><br>
  1042. {/block:ContentSource}
  1043. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}<br>{/block:HasTags}
  1044. </p>
  1045.  
  1046. {block:NoteCount}<div id="permanotes">
  1047. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1048. </div>{/block:NoteCount}
  1049. {/block:PermalinkPage}
  1050. </div>
  1051. {/block:Posts}
  1052.  
  1053. {block:IndexPage}<div class="pagination">
  1054. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&minus;</a>{/block:PreviousPage}
  1055. {block:NextPage}
  1056. <a href="{NextPage}">&plus;</a>{/block:NextPage}{/block:Pagination}
  1057. </div>{/block:IndexPage}
  1058.  
  1059.  
  1060.  
  1061.  
  1062. <div id="second"><a href="https://tobirama.tumblr.com/" data-toggle="tooltip" title="AND YOU WILL SHED TEARS OF SCARLET by @tobirama">&#11030;</a></div>
  1063.  
  1064. </body>
  1065. </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!