API tools faq
paste
os2d

holding out for a hero 2.0

os2d
Jul 18th, 2020 (edited)
662
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.46 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. theme by misha @ramdons
  6. idgaf what you do with this theme lmk if there are issues and show me if you make anything
  7.  
  8. ----->
  9.  
  10. <meta charset="utf-8">
  11. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  12. {block:Description}
  13. <meta name="description" content="{MetaDescription}" />
  14. {/block:Description}
  15.  
  16. <title>{Title}</title>
  17.  
  18.  
  19. {block:ifredirect}
  20. {block:IndexPage}<script type="text/javascript">
  21. var url = location.href;
  22. if (url == "{BlogURL}") {
  23. window.location = "{BlogURL}tagged/{text:redirect tag}";
  24. }
  25. </script>{/block:IndexPage}
  26. {/block:ifredirect}
  27.  
  28.  
  29. {block:ifsparkles}<script type="text/javascript">
  30. // <![CDATA[
  31. var colour="{color:sparkles}"; // in addition to "random" can be set to any valid colour eg "#f0f" or "red"
  32. var sparkles=50;
  33.  
  34. /****************************
  35. * Tinkerbell Magic Sparkle *
  36. *(c)2005-13 mf2fm web-design*
  37. * http://www.mf2fm.com/rv *
  38. * DON'T EDIT BELOW THIS BOX *
  39. ****************************/
  40. var x=ox=400;
  41. var y=oy=300;
  42. var swide=800;
  43. var shigh=600;
  44. var sleft=sdown=0;
  45. var tiny=new Array();
  46. var star=new Array();
  47. var starv=new Array();
  48. var starx=new Array();
  49. var stary=new Array();
  50. var tinyx=new Array();
  51. var tinyy=new Array();
  52. var tinyv=new Array();
  53.  
  54. window.onload=function() { if (document.getElementById) {
  55. var i, rats, rlef, rdow;
  56. for (var i=0; i<sparkles; i++) {
  57. var rats=createDiv(3, 3);
  58. rats.style.visibility="hidden";
  59. rats.style.zIndex="999";
  60. document.body.appendChild(tiny[i]=rats);
  61. starv[i]=0;
  62. tinyv[i]=0;
  63. var rats=createDiv(5, 5);
  64. rats.style.backgroundColor="transparent";
  65. rats.style.visibility="hidden";
  66. rats.style.zIndex="999";
  67. var rlef=createDiv(1, 5);
  68. var rdow=createDiv(5, 1);
  69. rats.appendChild(rlef);
  70. rats.appendChild(rdow);
  71. rlef.style.top="2px";
  72. rlef.style.left="0px";
  73. rdow.style.top="0px";
  74. rdow.style.left="2px";
  75. document.body.appendChild(star[i]=rats);
  76. }
  77. set_width();
  78. sparkle();
  79. }}
  80.  
  81. function sparkle() {
  82. var c;
  83. if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {
  84. ox=x;
  85. oy=y;
  86. for (c=0; c<sparkles; c++) if (!starv[c]) {
  87. star[c].style.left=(starx[c]=x)+"px";
  88. star[c].style.top=(stary[c]=y+1)+"px";
  89. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  90. star[c].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour;
  91. star[c].style.visibility="visible";
  92. starv[c]=50;
  93. break;
  94. }
  95. }
  96. for (c=0; c<sparkles; c++) {
  97. if (starv[c]) update_star(c);
  98. if (tinyv[c]) update_tiny(c);
  99. }
  100. setTimeout("sparkle()", 40);
  101. }
  102.  
  103. function update_star(i) {
  104. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  105. if (starv[i]) {
  106. stary[i]+=1+Math.random()*3;
  107. starx[i]+=(i%5-2)/5;
  108. if (stary[i]<shigh+sdown) {
  109. star[i].style.top=stary[i]+"px";
  110. star[i].style.left=starx[i]+"px";
  111. }
  112. else {
  113. star[i].style.visibility="hidden";
  114. starv[i]=0;
  115. return;
  116. }
  117. }
  118. else {
  119. tinyv[i]=50;
  120. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  121. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  122. tiny[i].style.width="2px";
  123. tiny[i].style.height="2px";
  124. tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor;
  125. star[i].style.visibility="hidden";
  126. tiny[i].style.visibility="visible"
  127. }
  128. }
  129.  
  130. function update_tiny(i) {
  131. if (--tinyv[i]==25) {
  132. tiny[i].style.width="1px";
  133. tiny[i].style.height="1px";
  134. }
  135. if (tinyv[i]) {
  136. tinyy[i]+=1+Math.random()*3;
  137. tinyx[i]+=(i%5-2)/5;
  138. if (tinyy[i]<shigh+sdown) {
  139. tiny[i].style.top=tinyy[i]+"px";
  140. tiny[i].style.left=tinyx[i]+"px";
  141. }
  142. else {
  143. tiny[i].style.visibility="hidden";
  144. tinyv[i]=0;
  145. return;
  146. }
  147. }
  148. else tiny[i].style.visibility="hidden";
  149. }
  150.  
  151. document.onmousemove=mouse;
  152. function mouse(e) {
  153. if (e) {
  154. y=e.pageY;
  155. x=e.pageX;
  156. }
  157. else {
  158. set_scroll();
  159. y=event.y+sdown;
  160. x=event.x+sleft;
  161. }
  162. }
  163.  
  164. window.onscroll=set_scroll;
  165. function set_scroll() {
  166. if (typeof(self.pageYOffset)=='number') {
  167. sdown=self.pageYOffset;
  168. sleft=self.pageXOffset;
  169. }
  170. else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
  171. sdown=document.body.scrollTop;
  172. sleft=document.body.scrollLeft;
  173. }
  174. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  175. sleft=document.documentElement.scrollLeft;
  176. sdown=document.documentElement.scrollTop;
  177. }
  178. else {
  179. sdown=0;
  180. sleft=0;
  181. }
  182. }
  183.  
  184. window.onresize=set_width;
  185. function set_width() {
  186. var sw_min=999999;
  187. var sh_min=999999;
  188. if (document.documentElement && document.documentElement.clientWidth) {
  189. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  190. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  191. }
  192. if (typeof(self.innerWidth)=='number' && self.innerWidth) {
  193. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  194. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  195. }
  196. if (document.body.clientWidth) {
  197. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  198. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  199. }
  200. if (sw_min==999999 || sh_min==999999) {
  201. sw_min=800;
  202. sh_min=600;
  203. }
  204. swide=sw_min;
  205. shigh=sh_min;
  206. }
  207.  
  208. function createDiv(height, width) {
  209. var div=document.createElement("div");
  210. div.style.position="absolute";
  211. div.style.height=height+"px";
  212. div.style.width=width+"px";
  213. div.style.overflow="hidden";
  214. return (div);
  215. }
  216.  
  217. function newColour() {
  218. var c=new Array();
  219. c[0]=255;
  220. c[1]=Math.floor(Math.random()*256);
  221. c[2]=Math.floor(Math.random()*(256-c[1]/2));
  222. c.sort(function(){return (0.5 - Math.random());});
  223. return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")");
  224. }
  225. // ]]>
  226. </script>{/block:ifsparkles}
  227.  
  228.  
  229. <meta name="image:favicon" content="">
  230. <meta name="image:icon" content="">
  231.  
  232. <meta name="image:pixel 1" content=""/>
  233. <meta name="image:pixel 2" content=""/>
  234. <meta name="image:pixel 3" content=""/>
  235. <meta name="image:pixel 4" content=""/>
  236.  
  237. <meta name="image:permalink" content=""/>
  238.  
  239. <meta name="image:bg" content=""/>
  240. <meta name="image:post bg" content="">
  241. <meta name="image:text post bg" content="">
  242. <meta name="image:container bg" content="">
  243. <meta name="image:bottom bg" content="">
  244.  
  245. <meta name="image:scrollbar thumb" content="">
  246. <meta name="image:scrollbar bg" content="">
  247.  
  248. <meta name="color:bg" content=""/>
  249. <meta name="color:post bg" content="">
  250. <meta name="color:text post bg" content="">
  251. <meta name="color:container bg" content="">
  252. <meta name="color:bottom bg" content="">
  253.  
  254. <meta name="color:post glow" content="#999">
  255. <meta name="color:container glow" content="#999">
  256. <meta name="color:post hover" content="#999">
  257.  
  258. <meta name="color:scrollbar thumb" content="">
  259. <meta name="color:scrollbar bg" content="">
  260.  
  261. <meta name="color:sparkles" content="black">
  262. <meta name="color:container border" content="">
  263. <meta name="color:border" content="">
  264. <meta name="color:inner border" content="">
  265. <meta name="color:icon border" content="">
  266.  
  267. <meta name="color:text" content="">
  268. <meta name="color:text glow" content="">
  269.  
  270. <meta name="color:link" content="">
  271. <meta name="color:link outline" content="">
  272. <meta name="color:link glow" content="">
  273. <meta name="color:link hover" content="">
  274. <meta name="color:link outline hover" content="">
  275. <meta name="color:link glow hover" content="">
  276.  
  277. <meta name="color:tooltip text" content="#000">
  278. <meta name="color:tooltip bg" content="#fff">
  279. <meta name="color:selection" content="#fff">
  280. <meta name="color:selection bg" content="#efefef">
  281.  
  282. <meta name="if:cover bg" content="">
  283.  
  284. <meta name="if:image blur on hover" content="" >
  285.  
  286. <meta name="if:text glow" content="">
  287. <meta name="if:link glow" content="">
  288. <meta name="if:link outline" content="">
  289. <meta name="if:link drop" content="">
  290. <meta name="if:link blur" content="">
  291. <meta name="if:link strikethrough" content="">
  292. <meta name="if:link italic" content="">
  293. <meta name="if:link bold" content="">
  294. <meta name="if:rainbow links" content="">
  295. <meta name="if:pastel rainbow links" content="">
  296.  
  297. <meta name="if:container glow" content="" >
  298. <meta name="if:container drop shadow" content="" >
  299.  
  300. <meta name="if:post glow" content="" >
  301. <meta name="if:post drop shadow" content="" >
  302. <meta name="if:post hover" content="0" >
  303.  
  304. <meta name="if:bottom thing" content="0" >
  305. <meta name="if:marquee bottom" content="0" >
  306.  
  307. <meta name="if:redirect" content="" >
  308. <meta name="if:captions" content="" >
  309. <meta name="if:rounded" content="" >
  310. <meta name="if:circle icon" content="" >
  311. <meta name="if:fuzzy border" content="" >
  312. <meta name="if:footer" content="" >
  313. <meta name="if:image footer" content="" >
  314. <meta name="if:tags" content="" >
  315. <meta name="if:icon tooltip" content="" >
  316. <meta name="if:sparkles" content="">
  317. <meta name="if:fancy scrollbar" content="1">
  318.  
  319. <meta name="select:containerborder" content="none">
  320. <meta name="select:containerborder" content="solid">
  321. <meta name="select:containerborder" content="dotted">
  322. <meta name="select:containerborder" content="dashed">
  323. <meta name="select:containerborder" content="outset">
  324. <meta name="select:containerborder" content="double">
  325. <meta name="select:containerborder" content="ridge">
  326.  
  327. <meta name="select:border" content="none">
  328. <meta name="select:border" content="solid">
  329. <meta name="select:border" content="dotted">
  330. <meta name="select:border" content="dashed">
  331. <meta name="select:border" content="outset">
  332. <meta name="select:border" content="double">
  333. <meta name="select:border" content="ridge">
  334.  
  335. <meta name="select:innerborder" content="none">
  336. <meta name="select:innerborder" content="solid">
  337. <meta name="select:innerborder" content="dotted">
  338. <meta name="select:innerborder" content="dashed">
  339. <meta name="select:innerborder" content="outset">
  340. <meta name="select:innerborder" content="double">
  341. <meta name="select:innerborder" content="ridge">
  342.  
  343. <meta name="select:iconborder" content="none">
  344. <meta name="select:iconborder" content="solid">
  345. <meta name="select:iconborder" content="dotted">
  346. <meta name="select:iconborder" content="dashed">
  347. <meta name="select:iconborder" content="outset">
  348. <meta name="select:iconborder" content="double">
  349. <meta name="select:iconborder" content="ridge">
  350.  
  351. <meta name="select:font" content="arial">
  352. <meta name="select:font" content="ms pgothic">
  353. <meta name="select:font" content="times">
  354. <meta name="select:font" content="short stack">
  355. <meta name="select:font" content="bellota">
  356. <meta name="select:font" content="Liu Jian Mao Cao">
  357. <meta name="select:font" content="Playfair Display">
  358. <meta name="select:font" content="Pacifico">
  359. <meta name="select:font" content="Rajdhani">
  360. <meta name="select:font" content="Bebas Neue">
  361. <meta name="select:font" content="Advent Pro">
  362. <meta name="select:font" content="Orbitron">
  363. <meta name="select:font" content="Metal Mania">
  364. <meta name="select:font" content="MuseoModerno">
  365. <meta name="select:font" content="Press Start 2P">
  366. <meta name="select:font" content="Staatliches">
  367.  
  368. <meta name="select:bottomfont" content="arial">
  369. <meta name="select:bottomfont" content="ms pgothic">
  370. <meta name="select:bottomfont" content="times">
  371. <meta name="select:bottomfont" content="short stack">
  372. <meta name="select:bottomfont" content="bellota">
  373. <meta name="select:bottomfont" content="Liu Jian Mao Cao">
  374. <meta name="select:bottomfont" content="Playfair Display">
  375. <meta name="select:bottomfont" content="Pacifico">
  376. <meta name="select:bottomfont" content="Rajdhani">
  377. <meta name="select:bottomfont" content="Bebas Neue">
  378. <meta name="select:bottomfont" content="Advent Pro">
  379. <meta name="select:bottomfont" content="Orbitron">
  380. <meta name="select:bottomfont" content="Metal Mania">
  381. <meta name="select:bottomfont" content="MuseoModerno">
  382. <meta name="select:bottomfont" content="Press Start 2P">
  383. <meta name="select:bottomfont" content="Staatliches">
  384.  
  385. <meta name="text:font size" content="20">
  386. <meta name="text:bottom font size" content="12">
  387. <meta name="text:nav font size" content="12">
  388.  
  389. <meta name="text:icon size" content="250">
  390. <meta name="text:container height" content="350">
  391.  
  392. <meta name="text:link 1 url" content="/">
  393. <meta name="text:link 2 url" content="/">
  394. <meta name="text:link 3 url" content="/">
  395. <meta name="text:link 4 url" content="/">
  396.  
  397. <meta name="text:bottom" content="evil">
  398. <meta name="text:footer note thingy" content=".99$">
  399. <meta name="text:icon hover" content="hi hi ^_^">
  400.  
  401. <meta name="text:container border width" content="2">
  402. <meta name="text:border width" content="2">
  403. <meta name="text:inner border width" content="2">
  404. <meta name="text:icon border width" content="2">
  405.  
  406. <meta name="text:redirect tag" content="">
  407. <meta name="text:marquee speed" content="10">
  408.  
  409. <meta name="text:next page" content="forward">
  410. <meta name="text:previous page" content="return">
  411.  
  412. <link rel="shortcut icon" href="{image:favicon}">
  413. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  414. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  415.  
  416. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  417.  
  418. <link href="https://fonts.googleapis.com/css?family=Advent+Pro|Bebas+Neue|Bellota|Liu+Jian+Mao+Cao|Orbitron|Pacifico|Playfair+Display|Rajdhani&display=swap" rel="stylesheet">
  419.  
  420. <link href="https://fonts.googleapis.com/css2?family=Metal+Mania&family=MuseoModerno:wght@531&family=Press+Start+2P&family=Short+Stack&family=Staatliches&display=swap" rel="stylesheet">
  421.  
  422.  
  423. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  424.  
  425. <style type="text/css">
  426.  
  427. /*Scrollbar and Selection*/
  428.  
  429. ::selection {
  430. background: {color:selection bg};
  431. color: {color:selection};
  432. }
  433. ::-moz-selection {
  434. background: {color:selection bg};
  435. color: {color:selection};
  436. }
  437.  
  438.  
  439. {block:iffancyscrollbar}
  440. ::-webkit-scrollbar {
  441. width: 16px;
  442. height: 10px;
  443. }
  444. ::-webkit-scrollbar-thumb {
  445. background-color: #fff;
  446. background-image: url(https://i.imgur.com/Qtm9Z60.png);
  447. border-top: 1px solid #bdbdbd;
  448. border-left: 1px solid #bdbdbd;
  449. border-right: 1px solid black;
  450. border-bottom: 1px solid black;
  451. }
  452. ::-webkit-scrollbar-track {
  453. background-color: #fff;
  454. background-image: url(https://i.imgur.com/IGXGYKz.png);
  455. }
  456. ::-webkit-scrollbar-button:vertical:increment {
  457. background-image: url(https://i.imgur.com/WhC8iy3.png);
  458. width: 14px;
  459. height: 16px;
  460. border-top: 1px solid #bdbdbd;
  461. border-left: 1px solid #bdbdbd;
  462. border-right: 1px solid black;
  463. border-bottom: 1px solid black;
  464. }
  465. ::-webkit-scrollbar-button:vertical:decrement {
  466. background-image: url(https://i.imgur.com/fQ18mrR.png);
  467. border-top: 1px solid #bdbdbd;
  468. border-left: 1px solid #bdbdbd;
  469. border-right: 1px solid black;
  470. border-bottom: 1px solid black;
  471. width: 14px;
  472. height: 16px;
  473. }
  474. {/block:iffancyscrollbar}
  475.  
  476.  
  477. {block:ifnotfancyscrollbar}
  478. ::-webkit-scrollbar {
  479. width: 16px;
  480. height: 10px;
  481. }
  482. ::-webkit-scrollbar-thumb {
  483. background:{color:scrollbar thumb};
  484. background-image: url('{image:scrollbar thumb}');
  485. border: 1px outset {color:scrollbar thumb};
  486. {block:ifrounded}
  487. border-radius:12px;
  488. {/block:ifrounded}
  489. }
  490. ::-webkit-scrollbar-track {
  491. background:{color:scrollbar bg};
  492. background-image: url('{image:scrollbar bg}');
  493. }
  494.  
  495. ::-webkit-scrollbar-button:vertical:increment {
  496. background:{color:scrollbar thumb};
  497. background-image: url('{image:scrollbar thumb}');
  498. border: 1px outset {color:scrollbar thumb};
  499. width: 14px;
  500. height: 16px;
  501. }
  502. ::-webkit-scrollbar-button:vertical:decrement {
  503. background:{color:scrollbar thumb};
  504. background-image: url('{image:scrollbar thumb}');
  505. border: 1px outset {color:scrollbar thumb};
  506. width: 14px;
  507. height: 16px;
  508. }
  509.  
  510. {/block:ifnotfancyscrollbar}
  511.  
  512. /*
  513. general text styles, fonts and colours
  514. */
  515.  
  516. *{
  517. padding:0;
  518. margin:0;
  519. }
  520.  
  521. body {
  522. margin:0px;
  523.  
  524. background:{color:bg};
  525. background-image: url('{image:bg}');
  526. {block:ifnotcoverbg}
  527. background-repeat: repeat;
  528. background-attachment: fixed;
  529. {/block:ifnotcoverbg}
  530. {block:ifcoverbg}
  531. background-size: cover;
  532. background-attachment: fixed;
  533. {/block:ifcoverbg}
  534.  
  535. font-family:{select:font}, cursive;
  536. font-size:{text:font size}px;
  537. line-height:140%;
  538. color:{color:text};
  539.  
  540. {block:iftextglow}
  541. text-shadow: 0 0 2px {color:text glow};
  542. {/block:iftextglow}
  543.  
  544. overflow:hidden;
  545. }
  546.  
  547. p{
  548. margin:0 0 10px 0;
  549. padding:0;
  550. }
  551.  
  552. pre {
  553. white-space: pre-wrap;
  554. white-space: -moz-pre-wrap;
  555. white-space: -pre-wrap;
  556. white-space: -o-pre-wrap;
  557. word-wrap: break-word;
  558. }
  559.  
  560. /*Links styling*/
  561. a{
  562. color:{color:link};
  563. text-decoration:none;
  564.  
  565. {block:iflinkglow}
  566. text-shadow:0 0 2px {color:link glow}, 0 0 2px {color:link glow};
  567. {/block:iflinkglow}
  568.  
  569. {block:iflinkoutline}
  570.  
  571. text-shadow: -1px 0 {color:link outline}, 0 1px {color:link outline}, 1px 0 {color:link outline}, 0 -1px {color:link outline}{block:iflinkglow}, 0 0 3px {color:link glow}, 0 0 3px {color:link glow} {/block:iflinkglow};
  572.  
  573. {/block:iflinkoutline}
  574.  
  575.  
  576. {block:iflinkbold}
  577. font-weight:bold;
  578. {/block:iflinkbold}
  579.  
  580. transition:0.3s;
  581. -o-transition: all 0.3s ease-out;
  582. -webkit-transition: all 0.3s ease-out;
  583. -moz-transition: all 0.3s ease-out;
  584.  
  585. }
  586.  
  587. a:hover{
  588. color:{color:link hover};
  589.  
  590. {block:iflinkglow}
  591. text-shadow:0 0 2px {color:link glow hover}, 0 0 2px {color:link glow hover};
  592. {/block:iflinkglow}
  593.  
  594. {block:iflinkstrikethrough}
  595. text-decoration: line-through;
  596. {/block:iflinkstrikethrough}
  597.  
  598. {block:iflinkitalic}
  599. font-style: italic;
  600. {/block:iflinkitalic}
  601.  
  602. {block:iflinkblur}
  603. filter: blur(1px);
  604. {/block:iflinkblur}
  605.  
  606. {block:ifrainbowlinks}
  607. -webkit-animation:rainbow 1s infinite;
  608. -ms-animation:rainbow 1s infinite;
  609. -o-animation:rainbow 1s infinite;
  610. animation:rainbow 1s infinite;
  611. {/block:ifrainbowlinks}
  612.  
  613. {block:ifpastelrainbowlinks}
  614. -webkit-animation:pastelrainbow 1s infinite;
  615. -ms-animation:pastelrainbow 1s infinite;
  616. -o-animation:pastelrainbow 1s infinite;
  617. animation:pastelrainbow 1s infinite;
  618. {/block:ifpastelrainbowlinks}
  619.  
  620.  
  621. {block:iflinkoutline}
  622. text-shadow: -1px 0 {color:link outline hover}, 0 1px {color:link outline hover}, 1px 0 {color:link outline hover}, 0 -1px {color:link outline hover}{block:iflinkglow}, 0 0 3px {color:link glow hover}, 0 0 3px {color:link glow hover} {/block:iflinkglow};
  623. {/block:iflinkoutline}
  624.  
  625.  
  626. {block:iflinkblur}
  627. filter: blur(1px);
  628. {/block:iflinkblur}
  629.  
  630. {block:iflinkdrop}
  631. text-shadow: 0 1px 1px {color:link outline hover}, 0 1px 1px {color:link outline hover}, 0 1px 0px{color:link outline hover}, 0px 1px 0px {color:link outline hover}, 0px 2px 0px {color:link outline hover}, 0px 3px 0px {color:link outline hover},0px 4px 0px {color:link outline hover};
  632. {/block:iflinkdrop}
  633.  
  634. transition:0.3s;
  635. -o-transition: all 0.3s ease-out;
  636. -webkit-transition: all 0.3s ease-out;
  637. -moz-transition: all 0.3s ease-out;
  638. cursor:help;
  639. }
  640.  
  641.  
  642. li{
  643. margin-left:-15px;
  644. }
  645.  
  646. img{
  647. transition:0.3s;
  648. margin-bottom:-10px;
  649. }
  650.  
  651. img:hover {
  652. {block:ifimagebluronhover}
  653. filter:blur(1px);
  654. {/block:ifimagebluronhover}
  655. transition:0.3s;
  656. }
  657.  
  658.  
  659. /*
  660. containers etc
  661. */
  662. #wrapper{
  663. width:fit-content;
  664. position: absolute;
  665. top: 50%;
  666. left: 50%;
  667. transform: translate(calc(-50% + 20px), -30%);
  668.  
  669. {block:ifcontainerdropshadow}
  670. transform: translate(calc(-50% + 35px), calc(-25% - 10px));
  671. {/block:ifcontainerdropshadow}
  672.  
  673. }
  674.  
  675. #sidebar{
  676. position:fixed;
  677.  
  678. z-index:69;
  679.  
  680. left: 50%;
  681. transform: translate(-50%, -60%);
  682.  
  683. transition:0.3s;
  684. -o-transition: all 0.3s ease-out;
  685. -webkit-transition: all 0.3s ease-out;
  686. -moz-transition: all 0.3s ease-out;
  687.  
  688. display:grid;
  689. grid-template-columns:auto 270px auto;
  690.  
  691. align-items:center;
  692.  
  693. width:400px;
  694.  
  695. }
  696.  
  697. #wrapper:hover #sidebar{
  698. transform: translate(-50%, calc(-100% + 10px));
  699. transition:0.3s;
  700. -o-transition: all 0.3s ease-out;
  701. -webkit-transition: all 0.3s ease-out;
  702. -moz-transition: all 0.3s ease-out;
  703. }
  704.  
  705. #sidebar:hover .description a img{
  706. animation:fadeIn 0.3s;
  707. display:block;
  708. transition:0.3s;
  709. }
  710.  
  711.  
  712. #icon{
  713. background:{color:post bg};
  714.  
  715. transition:0.3s;
  716. -o-transition: all 0.3s ease-out;
  717. -webkit-transition: all 0.3s ease-out;
  718. -moz-transition: all 0.3s ease-out;
  719. width:{text:icon size}px;
  720. {block:ifrounded}
  721. border-radius: 5px;
  722. {/block:ifrounded}
  723.  
  724. {block:ifcircleicon}
  725. border-radius: 50%;
  726. {/block:ifcircleicon}
  727.  
  728. border: {text:icon border width}px {select:iconborder} {color:icon border};
  729.  
  730. }
  731.  
  732. #icon:hover{
  733. {block:ifposthover}
  734. box-shadow:0 0 5px {color:post hover};
  735. transition:0.3s;
  736. -o-transition: all 0.3s ease-out;
  737. -webkit-transition: all 0.3s ease-out;
  738. -moz-transition: all 0.3s ease-out;
  739. {/block:ifposthover}
  740. }
  741.  
  742. .description{
  743. margin:auto;
  744. display: grid;
  745. grid-gap: 25%;
  746. }
  747.  
  748. .description a img{
  749. padding: 10px 10px 10px 10px;
  750. border: {text:icon border width}px {select:iconborder} {color:icon border};
  751. transition: 0.3s;
  752. -o-transition: all 0.3s ease-out;
  753. -webkit-transition: all 0.3s ease-out;
  754. -moz-transition: all 0.3s ease-out;
  755. width: 250px;
  756. max-height: 100px;
  757. background:{color:text post bg};
  758. overflow-y: auto;
  759. display: none;
  760. margin: 10px;
  761. width: 20px;
  762. {block:ifrounded}
  763. border-radius: 5px;
  764. {/block:ifrounded}
  765.  
  766. {block:iffuzzyborder}
  767. border:none;
  768. box-shadow:0 0 5px 5px {color:text post bg};
  769. {/block:iffuzzyborder}
  770. }
  771.  
  772. .descriptiona a img:hover{
  773. {block:ifposthover}
  774. box-shadow:0 0 5px {color:post hover};
  775. transition:0.3s;
  776. -o-transition: all 0.3s ease-out;
  777. -webkit-transition: all 0.3s ease-out;
  778. -moz-transition: all 0.3s ease-out;
  779. {/block:ifposthover}
  780. }
  781.  
  782. #content{
  783. width: fit-content;
  784. overflow: auto;
  785. padding: 15px;
  786. height: {text:container height}px;
  787. background:{color:container bg};
  788. background-image: url('{image:container bg}');
  789. border: {text:container border width}px {select:containerborder} {color:container border};
  790.  
  791. {block:ifcontainerdropshadow}
  792. filter:drop-shadow(10px 10px rgba(0, 0, 0, 0.37));
  793. {/block:ifcontainerdropshadow}
  794.  
  795. {block:ifcontainerglow}
  796. box-shadow: 0 0 5px {color:container glow};
  797. {/block:ifcontainerglow}
  798.  
  799. {block:ifrounded}
  800. border-radius: 5px;
  801. {/block:ifrounded}
  802. }
  803.  
  804. #bottom{
  805. overflow: hidden;
  806. white-space: nowrap;
  807. padding: 10px;
  808. margin-top:20px;
  809.  
  810. text-align:center;
  811.  
  812. background:{color:bottom bg};
  813. background-image: url('{image:bottom bg}');
  814. border: {text:container border width}px {select:containerborder} {color:container border};
  815.  
  816. {block:ifcontainerdropshadow}
  817. filter:drop-shadow(10px 10px rgba(0, 0, 0, 0.37));
  818. {/block:ifcontainerdropshadow}
  819.  
  820. {block:ifcontainerglow}
  821. box-shadow: 0 0 5px {color:container glow};
  822. {/block:ifcontainerglow}
  823.  
  824. {block:ifrounded}
  825. border-radius: 5px;
  826. {/block:ifrounded}
  827.  
  828. font-family:{select:bottomfont};
  829. font-size:{text:bottom font size}px;
  830. width:448px;
  831.  
  832. }
  833.  
  834. .marquee{
  835. display: inline-block;
  836. padding-left: 100%;
  837. animation: marquee {text:marquee speed}s linear infinite;
  838. }
  839.  
  840. @keyframes marquee{
  841. 0% {
  842. transform: translate(0, 0);
  843. }
  844. 100% {
  845. transform: translate(-100%, 0);
  846. }
  847. }
  848.  
  849. .post{
  850. padding:0;
  851. width:400px;
  852.  
  853. -webkit-animation: fadeIn 0.3s;
  854. animation: fadeIn 0.3s;
  855.  
  856. margin:0 0 50px 0;
  857. overflow:hidden;
  858. background:{color:post bg};
  859. background-image: url('{image:post bg}');
  860. border: {text:border width}px {select:border} {color:border};
  861.  
  862. {block:ifpostdropshadow}
  863. filter:drop-shadow(10px 10px rgba(0, 0, 0, 0.37));
  864. {/block:ifpostdropshadow}
  865.  
  866. {block:ifpostglow}
  867. box-shadow: 0 0 5px {color:post glow};
  868. {/block:ifpostglow}
  869.  
  870.  
  871. {block:iffuzzyborder}
  872. border:none;
  873. box-shadow:0 0 5px 5px {color:post bg};
  874. {/block:iffuzzyborder}
  875.  
  876. padding: 10px 10px 0 10px;
  877.  
  878. {block:ifrounded}
  879. border-radius: 5px;
  880. {/block:ifrounded}
  881. transition:0.3s;
  882. -o-transition: all 0.3s ease-out;
  883. -webkit-transition: all 0.3s ease-out;
  884. -moz-transition: all 0.3s ease-out;
  885. }
  886.  
  887.  
  888. .post:last-of-type{
  889. margin-bottom:0;
  890. }
  891.  
  892. .post:hover{
  893. {block:ifposthover}
  894. box-shadow:0 0 5px {color:post hover};
  895. transition:0.3s;
  896. -o-transition: all 0.3s ease-out;
  897. -webkit-transition: all 0.3s ease-out;
  898. -moz-transition: all 0.3s ease-out;
  899. {/block:ifposthover}
  900. }
  901.  
  902. @-webkit-keyframes fadeIn {
  903. from { opacity: 0; }
  904. to { opacity: 1; }
  905. }
  906. @keyframes fadeIn {
  907. from { opacity: 0; }
  908. to { opacity: 1; }
  909. }
  910.  
  911. .insides{
  912. padding:10px;
  913. margin-bottom:10px;
  914. background:{color:text post bg};
  915. background-image: url('{image:text post bg}');
  916. padding:10px;
  917. margin-bottom:10px;
  918. border: {text:inner border width}px {select:innerborder} {color:inner border};
  919. {block:ifrounded}
  920. border-radius: 5px;
  921. {/block:ifrounded}
  922. }
  923.  
  924. #sidebar img, .post img{
  925. max-width:100%;
  926. }
  927.  
  928. #nav{
  929. font-size:{text:nav font size}px;
  930. line-height:140%;
  931. text-align:center;
  932. margin-top:calc(-{text:nav font size}px / 2);
  933. }
  934.  
  935. #s-m-t-tooltip {
  936. z-index: 9999;
  937. background: {color:tooltip bg};
  938. font-size: {text:font size}px;
  939. line-height: 140%;
  940. text-align:center;
  941. font-family:{text:font};
  942. letter-spacing: 1px;
  943. -o-transition: all 0.3s ease-out;
  944. -webkit-transition: all 0.3s ease-out;
  945. -moz-transition: all 0.3s ease-out;
  946. text-transform: normal;
  947. color: {color:tooltip text};
  948. border: {text:inner border width}px {select:innerborder} {color:inner border};
  949. {block:ifrounded}
  950. border-radius: 5px;
  951. {/block:ifrounded}
  952.  
  953. {block:iffuzzyborder}
  954. border:none;
  955. box-shadow:0 0 5px 5px {color:text post bg};
  956. {/block:iffuzzyborder}
  957. max-width: 300px;
  958. word-wrap: break-word;
  959. padding: 7px;
  960. display: block;
  961. margin: 24px 14px 7px 12px;
  962. }
  963.  
  964.  
  965. /*
  966. content in the body of the posts - quotes, asks, etc
  967. "media" contains photos, photosets, videos, audio posts
  968. */
  969. .media{
  970. margin:0 0 calc(10px - 0.2em) 0;
  971. }
  972.  
  973. .media a{
  974. margin:0;
  975. }
  976.  
  977. .media img{
  978. margin-bottom:0;
  979. }
  980.  
  981. .title{
  982. font-weight:normal;
  983. font-size:18px;
  984. margin:0 0 10px 0;
  985. }
  986.  
  987. .quote{
  988. font-weight:normal;
  989. font-size:16px;
  990. font-style:italic;
  991. margin:0 0 10px 0;
  992. }
  993.  
  994. .question{
  995. margin-bottom:10px;
  996. border: 1px outset gray;
  997. background-image: url(https://i.imgur.com/IGXGYKz.png);
  998. padding: 10px 10px 0px 10px;
  999. {block:ifrounded}
  1000. border-radius: 5px;
  1001. {/block:ifrounded}
  1002. }
  1003.  
  1004. blockquote{
  1005. margin:0 0 10px 10px;
  1006. padding:0 0 0 10px;
  1007. border-left:solid 1px #000;
  1008. }
  1009.  
  1010. .html_photoset{
  1011. margin-bottom:0px;
  1012. }
  1013.  
  1014. .caption{
  1015. margin-top:10px;
  1016. }
  1017.  
  1018. /*
  1019. post footers - date, tags, via and source
  1020. */
  1021. .post .footer{
  1022. margin:0;
  1023. text-align:left;
  1024. }
  1025.  
  1026. #footer{
  1027. text-align:center;
  1028. display: grid;
  1029. grid-template-columns: 33% auto 33%;
  1030. align-items: center;
  1031. }
  1032.  
  1033. #footer img{
  1034. margin-bottom: 0;
  1035. }
  1036.  
  1037. #ribs{
  1038. position: absolute;
  1039. top: 50%;
  1040. left: 50%;
  1041. -webkit-transform: translate(-50%, -50%);
  1042. -ms-transform: translate(-50%, -50%);
  1043. transform: translate(-50%, -50%);
  1044. }
  1045.  
  1046. #ow {
  1047. position: absolute;
  1048. top: 0;
  1049. bottom: 0;
  1050. left: 0;
  1051. right: 0;
  1052. height: 100%;
  1053. width: 100%;
  1054. opacity: 0;
  1055. transition: .5s ease;
  1056. }
  1057.  
  1058. .post:hover #ow {
  1059. opacity: 1;
  1060. }
  1061.  
  1062. /*
  1063. post notes
  1064. */
  1065. ol.notes{
  1066. list-style-type: none;
  1067. padding: 10px;
  1068. margin: 0;
  1069. max-height: 300px;
  1070. overflow: auto;
  1071. margin-bottom: 10px;
  1072.  
  1073. background:{color:text post bg};
  1074. background-image: url('{image:text post bg}');
  1075. padding:10px;
  1076. margin-bottom:10px;
  1077. border: {text:inner border width}px {select:innerborder} {color:inner border};
  1078. {block:ifrounded}
  1079. border-radius: 5px;
  1080. {/block:ifrounded}
  1081. }
  1082.  
  1083. ol.notes li.note img{
  1084. width: 1em;
  1085. height: 1em;
  1086. margin: 5px;
  1087. margin-bottom: -4px;
  1088. }
  1089.  
  1090. ol.notes li.note{
  1091. margin:0px;
  1092. }
  1093.  
  1094. /*AUDIO*/
  1095.  
  1096. .playbutton {
  1097. position:relative;
  1098. margin-top:45px;
  1099. margin-left:44px;
  1100. z-index:9;
  1101. width:33px;
  1102. height:30px;
  1103. overflow:hidden;
  1104.  
  1105. }
  1106.  
  1107. .albumart{
  1108. padding-bottom:-10px;
  1109. }
  1110.  
  1111. .albumart img {
  1112. background:url(https://i.imgur.com/IGXGYKz.png);
  1113. position:relative;
  1114. margin-top:-75px;
  1115. margin-left:0px
  1116. height:120px;
  1117. width:120px;
  1118.  
  1119. border: 1px outset #bdbdbd;
  1120.  
  1121. {block:ifrounded}
  1122. -webkit-border-top-left-radius: 5px;
  1123. -webkit-border-bottom-left-radius: 5px;
  1124. -moz-border-radius-topleft: 5px;
  1125. -moz-border-radius-bottomleft: 5px;
  1126. border-top-left-radius: 5px;
  1127. border-bottom-left-radius: 5px;
  1128. {/block:ifrounded}
  1129.  
  1130.  
  1131. }
  1132.  
  1133. .trackinfo {
  1134. border: 1px outset #bdbdbd;
  1135. background:#000;
  1136. background:url(https://i.imgur.com/IGXGYKz.png);
  1137. color:black;
  1138. top: calc(5px - ({text:font size}px / 5));
  1139. position:relative;
  1140. margin-left:120px;
  1141. height:120px;
  1142. margin-top:-120px;
  1143. font-size:15px;
  1144. {block:ifrounded}
  1145. -webkit-border-top-right-radius: 5px;
  1146. -webkit-border-bottom-right-radius: 5px;
  1147. -moz-border-radius-topright: 5px;
  1148. -moz-border-radius-bottomright: 5px;
  1149. border-top-right-radius: 5px;
  1150. border-bottom-right-radius: 5px;
  1151. {/block:ifrounded}
  1152.  
  1153. }
  1154.  
  1155. .trackname {
  1156. position:relative;
  1157. padding-top:10px;
  1158. text-align:center;
  1159. text-transform:uppercase;
  1160.  
  1161. }
  1162.  
  1163. .artist {
  1164. text-align:center;
  1165. text-transform:uppercase;
  1166. font-style: italic;
  1167. }
  1168.  
  1169.  
  1170. /*tags*/
  1171. .tags {
  1172. background:{color:text post bg};
  1173. background-image: url('{image:text post bg}');
  1174. border: {text:inner border width}px {select:innerborder} {color:inner border};
  1175. {block:ifrounded}
  1176. border-radius: 5px;
  1177. {/block:ifrounded}
  1178. max-height:0px;
  1179. line-height:140%;
  1180. text-align:left;
  1181. opacity:0;
  1182. -webkit-transition: all 0.5s ease;
  1183. transition: all 0.5s ease;
  1184. -moz-transition: all 0.5s ease;
  1185. -o-transition: all 0.5s ease;
  1186.  
  1187. }
  1188.  
  1189. .post:hover .tags{
  1190. opacity:1;
  1191. max-height:300px;
  1192. -webkit-transition: all 0.5s ease;
  1193. transition: all 0.5s ease;
  1194. -moz-transition: all 0.5s ease;
  1195. -o-transition: all 0.5s ease;
  1196. padding:10px;
  1197. margin-bottom:10px;
  1198.  
  1199. }
  1200.  
  1201.  
  1202. @-webkit-keyframes rainbow {
  1203. 0% {color: #ff0000;}
  1204. 10% {color: #ff8000;}
  1205. 20% {color: #ffff00;}
  1206. 30% {color: #80ff00;}
  1207. 40% {color: #00ff00;}
  1208. 50% {color: #00ff80;}
  1209. 60% {color: #00ffff;}
  1210. 70% {color: #0080ff;}
  1211. 80% {color: #0000ff;}
  1212. 90% {color: #8000ff;}
  1213. 100% {color: #ff0080;}
  1214. }
  1215. @-ms-keyframes rainbow {
  1216. 0% {color: #ff0000;}
  1217. 10% {color: #ff8000;}
  1218. 20% {color: #ffff00;}
  1219. 30% {color: #80ff00;}
  1220. 40% {color: #00ff00;}
  1221. 50% {color: #00ff80;}
  1222. 60% {color: #00ffff;}
  1223. 70% {color: #0080ff;}
  1224. 80% {color: #0000ff;}
  1225. 90% {color: #8000ff;}
  1226. 100% {color: #ff0080;}
  1227. }
  1228. @-o-keyframes rainbow {
  1229. 0% {color: #ff0000;}
  1230. 10% {color: #ff8000;}
  1231. 20% {color: #ffff00;}
  1232. 30% {color: #80ff00;}
  1233. 40% {color: #00ff00;}
  1234. 50% {color: #00ff80;}
  1235. 60% {color: #00ffff;}
  1236. 70% {color: #0080ff;}
  1237. 80% {color: #0000ff;}
  1238. 90% {color: #8000ff;}
  1239. 100% {color: #ff0080;}
  1240. }
  1241. @keyframes rainbow {
  1242. 0% {color: #ff0000;}
  1243. 10% {color: #ff8000;}
  1244. 20% {color: #ffff00;}
  1245. 30% {color: #80ff00;}
  1246. 40% {color: #00ff00;}
  1247. 50% {color: #00ff80;}
  1248. 60% {color: #00ffff;}
  1249. 70% {color: #0080ff;}
  1250. 80% {color: #0000ff;}
  1251. 90% {color: #8000ff;}
  1252. 100% {color: #ff0080;}
  1253. }
  1254.  
  1255. /*PASTEL RAINBOW*/
  1256. @-webkit-keyframes pastelrainbow {
  1257. 0% {color: #ff9494; }
  1258. 16% {color: #ffbb94; }
  1259. 32% {color: #ffe194; }
  1260. 48% {color: #b1f2ba; }
  1261. 64% {color: #b8f5ff; }
  1262. 80% {color: #d8b8ff; }
  1263. 100% {color: #ffb8ee; }
  1264. }
  1265. @-ms-keyframes pastelrainbow {
  1266. 0% {color: #ff9494; }
  1267. 16% {color: #ffbb94; }
  1268. 32% {color: #ffe194; }
  1269. 48% {color: #b1f2ba; }
  1270. 64% {color: #b8f5ff; }
  1271. 80% {color: #d8b8ff; }
  1272. 100% {color: #ffb8ee; }
  1273. }
  1274. @-o-keyframes pastelrainbow {
  1275. 0% {color: #ff9494; }
  1276. 16% {color: #ffbb94; }
  1277. 32% {color: #ffe194; }
  1278. 48% {color: #b1f2ba; }
  1279. 64% {color: #b8f5ff; }
  1280. 80% {color: #d8b8ff; }
  1281. 100% {color: #ffb8ee; }
  1282. }
  1283. @keyframes pastelrainbow {
  1284. 0% {color: #ff9494; }
  1285. 16% {color: #ffbb94; }
  1286. 32% {color: #ffe194; }
  1287. 48% {color: #b1f2ba; }
  1288. 64% {color: #b8f5ff; }
  1289. 80% {color: #d8b8ff; }
  1290. 100% {color: #ffb8ee; }
  1291. }
  1292.  
  1293. {CustomCSS}
  1294. </style>
  1295. </head>
  1296.  
  1297. <body>
  1298. <a title='ramdons' href='https://ramdons.tumblr.com'><img style='position:fixed; bottom:15px; left:5px; width:20px;' src='https://cdn.discordapp.com/attachments/392883996952100887/734223693206782025/723745494513221652.png'></a>
  1299.  
  1300. <div id="wrapper">
  1301.  
  1302. <div id="sidebar">
  1303.  
  1304. <div class='description leftthingy' style='text-align:center;'>
  1305. <a href='{text:link 1 url}'><img src='{image:pixel 1}'></a>
  1306. <a href='{text:link 2 url}'><img src='{image:pixel 2}'></a>
  1307. </div>
  1308.  
  1309. {block:ifnoticontooltip}
  1310. <a href='/' style='grid-column:2/3; margin:auto;' ><img id='icon' src="{image:icon}"></a>
  1311. {/block:ifnoticontooltip}
  1312. {block:ificontooltip}
  1313. <a href='/' style='grid-column:2/3; margin:auto;' title='{text:icon hover}'><img id='icon' src="{image:icon}"></a>
  1314. {/block:ificontooltip}
  1315.  
  1316. <div class='description rightthingy' style='text-align:center;'>
  1317. <a href='{text:link 3 url}'><img src='{image:pixel 3}'></a>
  1318. <a href='{text:link 4 url}'><img src='{image:pixel 4}'></a>
  1319. </div>
  1320. </div>
  1321.  
  1322. <div id="content">
  1323.  
  1324. {block:Posts}
  1325.  
  1326. <div class="post">
  1327.  
  1328. {block:Text}
  1329. <div class='insides'>
  1330. {block:Title}
  1331. <div class="title" style='font-size:1.25em;'><b>{Title}</b></div>
  1332. {/block:Title}
  1333. {Body}
  1334. </div>
  1335. {/block:Text}
  1336.  
  1337. {block:Photo}
  1338. <div class="media">
  1339. {LinkOpenTag}
  1340. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  1341. {LinkCloseTag}
  1342. {block:ifimagefooter}
  1343. <div id='ow'>
  1344. <a id='ribs' href="{Permalink}">{NoteCount}{text:footer note thingy}</a>
  1345. </div>
  1346. {/block:ifimagefooter}
  1347. {block:ifcaptions}
  1348. {block:Caption}
  1349. <div class="caption insides">
  1350. {Caption}
  1351. </div>
  1352. {/block:Caption}
  1353. {/block:ifcaptions}
  1354.  
  1355. </div>
  1356.  
  1357. {/block:Photo}
  1358.  
  1359. {block:Photoset}
  1360. <div class="media">{Photoset-400}</div>
  1361.  
  1362. {block:Caption}
  1363. {block:ifcaptions}
  1364. {block:Caption}
  1365. <div class="caption insides">
  1366. {Caption}
  1367. </div>
  1368. {/block:Caption}
  1369. {/block:ifcaptions}
  1370. {/block:Caption}
  1371. {/block:Photoset}
  1372.  
  1373. {block:Quote}
  1374. <div class='insides'>
  1375.  
  1376. <div class="quote">"{Quote}"</div>
  1377. {block:Source}
  1378. <div class="quotesource">{Source}</div>
  1379. {/block:Source}
  1380. </div>
  1381. {/block:Quote}
  1382.  
  1383. {block:Link}
  1384. <div class='insides'>
  1385.  
  1386. <div class="title"><a href="{URL}">{Name}</a></div>
  1387. {block:Description}
  1388. <div class="description">{Description}</div>
  1389. {/block:Description}
  1390. </div>
  1391. {/block:Link}
  1392.  
  1393. {block:Chat}
  1394. <div class='insides'>
  1395.  
  1396. {block:Title}
  1397. <div class="title">{Title}</div>
  1398.  
  1399. {/block:Title}
  1400.  
  1401. {block:Lines}
  1402. <div class="{Alt} user_{UserNumber}">
  1403. {block:Label}
  1404. <b>{Label}</b>{/block:Label}
  1405. &nbsp;{Line}
  1406. </div>
  1407. {/block:Lines}
  1408. </div>
  1409. {/block:Chat}
  1410.  
  1411. {block:Video}
  1412. <div class="media">{Video-400}</div>
  1413. {block:Caption}<div class="caption insides">{Caption}</div>{/block:Caption}
  1414. {/block:Video}
  1415.  
  1416. {block:Audio}
  1417. <div class='insides'>
  1418. {block:AudioPlayer}
  1419. <div class='playbutton'>{AudioPlayerGrey}</div>
  1420. {block:AlbumArt}<div class='albumart'><img src='{AlbumArtURL}'></div>{/block:AlbumArt}
  1421. <div class='trackinfo'>
  1422. <div class='trackname'>
  1423. {block:TrackName}{TrackName}{/block:TrackName}
  1424. </div>
  1425. <div class='artist'>
  1426. {block:Artist}{Artist}{/block:Artist}
  1427. </div>
  1428. </div>
  1429. {block:Caption}{Caption}{/block:Caption}
  1430. {/block:AudioPlayer}
  1431. </div>
  1432. {/block:Audio}
  1433.  
  1434. {block:Answer}
  1435. <div class='insides'>
  1436.  
  1437. <div class="question">{Asker}: {Question}</div>
  1438. <div class="caption">{Answer}</div>
  1439. </div>
  1440. {/block:Answer}
  1441.  
  1442.  
  1443. {block:iffooter}
  1444.  
  1445. <div id='footer' class='insides'>
  1446. <a style='text-align:left;' href="{Permalink}">{NoteCount}{text:footer note thingy}</a>
  1447. <a style='text-align:center;' href="{Permalink}"><img src='{image:permalink}'></a>
  1448. <a style='text-align:right;' href="{ReblogURL}">↻</a>
  1449. </div>
  1450.  
  1451.  
  1452. {/block:iffooter}
  1453.  
  1454. {block:iftags}
  1455. {block:HasTags}
  1456. <div class='tags'>
  1457. {block:Tags}
  1458. <a href="{TagURL}">#{Tag}</a>
  1459. {/block:Tags}
  1460. </div>
  1461. {/block:HasTags}
  1462. {/block:iftags}
  1463.  
  1464. <!--{block:Date}-->
  1465. <!--<div class="footer">-->
  1466. <!--<a href="{Permalink}">{TimeAgo}{block:NoteCount} ({NoteCountWithLabel}){/block:NoteCount}</a>-->
  1467. <!--{block:HasTags}<br>{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}-->
  1468. <!--{block:RebloggedFrom}<br><a href="{ReblogParentURL}">{lang:Reblogged from ReblogParentName}</a>{/block:RebloggedFrom}-->
  1469. <!--{block:ContentSource}<br><a href="{SourceURL}">{lang:Source}: {SourceTitle}</a>{/block:ContentSource}-->
  1470. <!--</div>-->
  1471. <!--{/block:Date}-->
  1472.  
  1473. {block:PermalinkPage}
  1474. {block:NoteCount}
  1475. {block:Caption}
  1476. <div class="caption insides">
  1477. {Caption}
  1478. </div>
  1479. {/block:Caption}
  1480. {block:HasTags}
  1481. <div class='tags'>
  1482. {block:Tags}
  1483. <a href="{TagURL}">#{Tag}</a>
  1484. {/block:Tags}
  1485. </div>
  1486. {/block:HasTags}
  1487. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1488. {/block:NoteCount}
  1489. {/block:PermalinkPage}
  1490.  
  1491. </div>
  1492.  
  1493. {/block:Posts}
  1494.  
  1495.  
  1496. {block:Pagination}
  1497. <div id="nav">
  1498. {block:PreviousPage}<a style='float:left;' href="{PreviousPage}">{text:previous page}</a>{/block:PreviousPage}
  1499. {block:NextPage}<a style='float:right;' href="{NextPage}">{text:next page}</a>{/block:NextPage}
  1500. </div>
  1501. {/block:Pagination}
  1502.  
  1503. </div>
  1504.  
  1505. {block:ifbottomthing}
  1506. <div id='bottom'>
  1507. {block:ifmarqueebottom}
  1508. <div class='marquee'>
  1509. {text:bottom}
  1510. </div>
  1511. {/block:ifmarqueebottom}
  1512. {block:ifnotmarqueebottom}
  1513. <div>
  1514. {text:bottom}
  1515. </div>
  1516. {/block:ifnotmarqueebottom}
  1517. </div>
  1518. {/block:ifbottomthing}
  1519.  
  1520.  
  1521. </div>
  1522.  
  1523. </div>
  1524.  
  1525. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  1526. <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  1527. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  1528. <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  1529. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  1530. <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  1531.  
  1532. <script src="https://static.tumblr.com/rtrqcib/VGGnlh8rf/jquery.style-my-tooltips.min.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:0,attribute:"title"});});})(jQuery);</script>
  1533. </body>
  1534. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!