API tools faq
paste
Advertisement
Sky_Blue

for stag

Sky_Blue
May 29th, 2023
97
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.82 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5.  
  6. for @stag. thank you!!! <3
  7.  
  8. ----->
  9.  
  10. <script type="text/javascript">
  11. // <![CDATA[
  12. var colours=new Array('{color:hearts 1}', '{color:hearts 2}', '{color:hearts 3}', '{color:hearts 4}', '{color:hearts 5}', '{color:hearts 6}'); // colours of the hearts
  13. var minisize=16; // smallest size of hearts in pixels
  14. var maxisize=28; // biggest size of hearts in pixels
  15. var hearts=66; // maximum number of hearts on screen
  16. var over_or_under="over"; // set to "over" for hearts to always be on top, or "under" to allow them to float behind other objects
  17.  
  18. /*****************************
  19. *JavaScript Love Heart Cursor*
  20. * (c)2013+ mf2fm web-design *
  21. * http://www.mf2fm.com/rv *
  22. * DON'T EDIT BELOW THIS BOX *
  23. *****************************/
  24. var x=ox=400;
  25. var y=oy=300;
  26. var swide=800;
  27. var shigh=600;
  28. var sleft=sdown=0;
  29. var herz=new Array();
  30. var herzx=new Array();
  31. var herzy=new Array();
  32. var herzs=new Array();
  33. var kiss=false;
  34.  
  35. if (typeof('addRVLoadEvent')!='function') function addRVLoadEvent(funky) {
  36. var oldonload=window.onload;
  37. if (typeof(oldonload)!='function') window.onload=funky;
  38. else window.onload=function() {
  39. if (oldonload) oldonload();
  40. funky();
  41. }
  42. }
  43.  
  44. addRVLoadEvent(mwah);
  45.  
  46. function mwah() { if (document.getElementById) {
  47. var i, heart;
  48. for (i=0; i<hearts; i++) {
  49. heart=createDiv("auto", "auto");
  50. heart.style.visibility="hidden";
  51. heart.style.zIndex=(over_or_under=="over")?"1001":"0";
  52. heart.style.color=colours[i%colours.length];
  53. heart.style.pointerEvents="none";
  54. if (navigator.appName=="Microsoft Internet Explorer") heart.style.filter="alpha(opacity=75)";
  55. else heart.style.opacity=0.75;
  56. heart.appendChild(document.createTextNode(String.fromCharCode(9829)));
  57. document.body.appendChild(heart);
  58. herz[i]=heart;
  59. herzy[i]=false;
  60. }
  61. set_scroll();
  62. set_width();
  63. herzle();
  64. }}
  65.  
  66. function herzle() {
  67. var c;
  68. if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {
  69. ox=x;
  70. oy=y;
  71. for (c=0; c<hearts; c++) if (herzy[c]===false) {
  72. herz[c].firstChild.nodeValue=String.fromCharCode(9829);
  73. herz[c].style.left=(herzx[c]=x-minisize/2)+"px";
  74. herz[c].style.top=(herzy[c]=y-minisize)+"px";
  75. herz[c].style.fontSize=minisize+"px";
  76. herz[c].style.fontWeight='normal';
  77. herz[c].style.visibility='visible';
  78. herzs[c]=minisize;
  79. break;
  80. }
  81. }
  82. for (c=0; c<hearts; c++) if (herzy[c]!==false) blow_me_a_kiss(c);
  83. setTimeout("herzle()", 40);
  84. }
  85.  
  86. document.onmousedown=pucker;
  87. document.onmouseup=function(){clearTimeout(kiss);};
  88.  
  89. function pucker() {
  90. ox=-1;
  91. oy=-1;
  92. kiss=setTimeout('pucker()', 100);
  93. }
  94.  
  95. function blow_me_a_kiss(i) {
  96. herzy[i]-=herzs[i]/minisize+i%2;
  97. herzx[i]+=(i%5-2)/5;
  98. if (herzy[i]<sdown-herzs[i] || herzx[i]<sleft-herzs[i] || herzx[i]>sleft+swide-herzs[i]) {
  99. herz[i].style.visibility="hidden";
  100. herzy[i]=false;
  101. }
  102. else if (herzs[i]>minisize+2 && Math.random()<.5/hearts) break_my_heart(i);
  103. else {
  104. if (Math.random()<maxisize/herzy[i] && herzs[i]<maxisize) herz[i].style.fontSize=(++herzs[i])+"px";
  105. herz[i].style.top=herzy[i]+"px";
  106. herz[i].style.left=herzx[i]+"px";
  107. }
  108. }
  109.  
  110. function break_my_heart(i) {
  111. var t;
  112. herz[i].firstChild.nodeValue=String.fromCharCode(9676);
  113. herz[i].style.fontWeight='bold';
  114. herzy[i]=false;
  115. for (t=herzs[i]; t<=maxisize; t++) setTimeout('herz['+i+'].style.fontSize="'+t+'px"', 60*(t-herzs[i]));
  116. setTimeout('herz['+i+'].style.visibility="hidden";', 60*(t-herzs[i]));
  117. }
  118.  
  119. document.onmousemove=mouse;
  120. function mouse(e) {
  121. if (e) {
  122. y=e.pageY;
  123. x=e.pageX;
  124. }
  125. else {
  126. set_scroll();
  127. y=event.y+sdown;
  128. x=event.x+sleft;
  129. }
  130. }
  131.  
  132. window.onresize=set_width;
  133. function set_width() {
  134. var sw_min=999999;
  135. var sh_min=999999;
  136. if (document.documentElement && document.documentElement.clientWidth) {
  137. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  138. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  139. }
  140. if (typeof(self.innerWidth)=='number' && self.innerWidth) {
  141. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  142. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  143. }
  144. if (document.body.clientWidth) {
  145. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  146. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  147. }
  148. if (sw_min==999999 || sh_min==999999) {
  149. sw_min=800;
  150. sh_min=600;
  151. }
  152. swide=sw_min;
  153. shigh=sh_min;
  154. }
  155.  
  156. window.onscroll=set_scroll;
  157. function set_scroll() {
  158. if (typeof(self.pageYOffset)=='number') {
  159. sdown=self.pageYOffset;
  160. sleft=self.pageXOffset;
  161. }
  162. else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
  163. sdown=document.body.scrollTop;
  164. sleft=document.body.scrollLeft;
  165. }
  166. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  167. sleft=document.documentElement.scrollLeft;
  168. sdown=document.documentElement.scrollTop;
  169. }
  170. else {
  171. sdown=0;
  172. sleft=0;
  173. }
  174. }
  175.  
  176. function createDiv(height, width) {
  177. var div=document.createElement("div");
  178. div.style.position="absolute";
  179. div.style.height=height;
  180. div.style.width=width;
  181. div.style.overflow="hidden";
  182. div.style.backgroundColor="transparent";
  183. return (div);
  184. }
  185. // ]]>
  186. </script>
  187.  
  188. <script src="https://kit.fontawesome.com/f936906ae0.js" crossorigin="anonymous"></script>
  189.  
  190. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  191.  
  192. <meta charset="utf-8">
  193. <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  194. {block:Description}
  195. <meta name="description" content="{MetaDescription}" />
  196. {/block:Description}
  197.  
  198. <title>{Title}</title>
  199.  
  200. <link rel="shortcut icon" href="{image:favicon}">
  201. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  202. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  203.  
  204. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  205.  
  206. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  207.  
  208. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  209. <script src="https://static.tumblr.com/rtrqcib/VGGnlh8rf/jquery.style-my-tooltips.min.js"></script>
  210. <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>
  211.  
  212. <link href="https://fonts.googleapis.com/css?family=Kosugi+Maru|Short+Stack" rel="stylesheet">
  213.  
  214. <link rel="stylesheet" href="https://static.tumblr.com/p6yopnt/PxJr3vu6k/scrollbar.css">
  215.  
  216. <script>
  217. function gatherData(images, arr) {
  218. for (let i = 0; i < images.length; i++) {
  219. let currentData = {
  220. "width": images[i].getAttribute('data-width'),
  221. "height": images[i].getAttribute('data-height'),
  222. "low_res": images[i].getAttribute('data-lowres'),
  223. "high_res": images[i].getAttribute('data-highres')
  224. };
  225. arr.push(currentData);
  226. }
  227. }
  228. function getIndex(elem) {
  229. let i = 0;
  230. while( (elem = elem.previousElementSibling) != null ) i++;
  231. return i;
  232. }
  233. function lightbox(elem) {
  234. let currentPhotoset = elem.parentNode;
  235. let photosetPhotos = currentPhotoset.getElementsByTagName('div');
  236. let data = [];
  237. gatherData(photosetPhotos, data);
  238. Tumblr.Lightbox.init(data, getIndex(elem) + 1);
  239. }
  240. </script>
  241.  
  242. <meta name="image:favicon" content=""/>
  243. <meta name="image:sidebar img" content=""/>
  244. <meta name="image:background" content=""/>
  245. <meta name="image:floatie" content=""/>
  246. <meta name="image:cursor" content="https://64.media.tumblr.com/tumblr_m2wj74KrAK1qfamg6.gif"/>
  247.  
  248. <meta name="color:border" content=""/>
  249. <meta name="color:background" content=""/>
  250. <meta name="color:desc background" content=""/>
  251. <meta name="color:links background" content=""/>
  252. <meta name="color:footer background" content=""/>
  253. <meta name="color:post background" content="#fff"/>
  254. <meta name="color:nav background" content="#fff"/>
  255. <meta name="color:box shadow" content=""/>
  256. <meta name="color:text" content="#000"/>
  257. <meta name="color:links" content=""/>
  258. <meta name="color:links hover" content=""/>
  259. <meta name="color:links shadow" content=""/>
  260. <meta name="color:tooltip background" content="#fff"/>
  261. <meta name="color:tooltip text" content="#000"/>
  262. <meta name="color:selection background" content=""/>
  263. <meta name="color:selection text" content="#000"/>
  264. <meta name="color:hearts 1" content="#000">
  265. <meta name="color:hearts 2" content="#000">
  266. <meta name="color:hearts 3" content="#000">
  267. <meta name="color:hearts 4" content="#000">
  268. <meta name="color:hearts 5" content="#000">
  269. <meta name="color:hearts 6" content="#000">
  270.  
  271. <meta name="if:redirect" content=""/>
  272. <meta name="if:hover blur" content=""/>
  273. <meta name="if:captions" content="1"/>
  274. <meta name="if:background cover" content=""/>
  275.  
  276. <meta name="select:border style" content="solid"/>
  277. <meta name="select:border style" content="dashed"/>
  278. <meta name="select:border style" content="dotted"/>
  279. <meta name="select:border style" content="double"/>
  280. <meta name="select:border style" content="inset"/>
  281. <meta name="select:border style" content="outset"/>
  282. <meta name="select:border style" content="groove"/>
  283. <meta name="select:border style" content="ridge"/>
  284.  
  285. <meta name="text:font size" content="20"/>
  286. <meta name="text:font" content="arial"/>
  287. <meta name="text:border width" content="4"/>
  288. <meta name="text:description" content="description"/>
  289. <meta name="text:link 1" content="i"/>
  290. <meta name="text:link 1 url" content="/"/>
  291. <meta name="text:link 2" content="ii"/>
  292. <meta name="text:link 2 url" content="/"/>
  293. <meta name="text:link 3" content="iii"/>
  294. <meta name="text:link 3 url" content="/"/>
  295. <meta name="text:redirect" content=""/>
  296.  
  297. </head>
  298.  
  299. <style type="text/css">
  300. body, *, a, a:hover { cursor:url({image:cursor}), auto; }
  301.  
  302. .embed_iframe{
  303. width: 100%;
  304. }
  305.  
  306. .tmblr-full img{
  307. box-sizing:border-box !important;
  308. }
  309.  
  310. ::selection {
  311. background: {color:selection background};
  312. color:{color:selection text};
  313. }
  314.  
  315. ::-moz-selection {
  316. background: {color:selection background};
  317. color:{color:selection text};
  318. }
  319.  
  320. #s-m-t-tooltip{
  321. margin: 20px 0 0 20px;
  322. padding: 5px;
  323. max-width: 300px;
  324. background-color:{color:tooltip background};
  325. color:{color:tooltip text};
  326. border:{text:border width}px {select:border style} {color:border};
  327. z-index: 9999;
  328. }
  329.  
  330. @font-face{
  331. font-family: 'Magica';
  332. src: url(https://static.tumblr.com/p6yopnt/Qkiqnu0r5/theheart.ttf);
  333. }
  334. @font-face{
  335. font-family: 'DEAD END';
  336. src: url(https://static.tumblr.com/pvnotae/DzVqdg2j5/dead_end.ttf);
  337. }
  338. @font-face{
  339. font-family: 'Decibil';
  340. src: url(https://static.tumblr.com/pvnotae/kwwqdg2pw/decibel_2.ttf);
  341. }
  342. @font-face{
  343. font-family: 'Aachen';
  344. src: url(https://static.tumblr.com/pvnotae/YIoqdg2yp/aachen-bold-opentype.otf);
  345. }
  346.  
  347. body {
  348. margin:0px;
  349. background:{color:background};
  350. background-image: url('{image:background}');
  351. {block:ifbackgroundcover}
  352. background-size: cover;
  353. {/block:ifbackgroundcover}
  354. {block:ifnotbackgroundcover}
  355. background-repeat:repeat;
  356. {/block:ifnotbackgroundcover}
  357. background-attachment:fixed;
  358. font-family:{text:font};
  359. font-size:{text:font size}px;
  360. color:{color:text};
  361. }
  362.  
  363. p{
  364. margin:5px 0px;
  365. padding:0;
  366. }
  367.  
  368. pre {
  369. white-space: pre-wrap;
  370. white-space: -moz-pre-wrap;
  371. white-space: -pre-wrap;
  372. white-space: -o-pre-wrap;
  373. word-wrap: break-word;
  374. }
  375.  
  376. a{
  377. color:{color:links};
  378. text-decoration:none;
  379. transition:0.5s;
  380. text-shadow: 0px 0px 10px {color:links shadow};
  381. }
  382.  
  383. a:hover{
  384. color:{color:links hover};
  385. {block:ifhoverblur}
  386. -webkit-filter: blur(.9px);
  387. {/block:ifhoverblur}
  388. transition:0.5s;
  389. text-shadow: 0px 0px 10px {color:links shadow};
  390. }
  391.  
  392. a.tumblr_blog{
  393. display:inline-block;
  394. margin-bottom:5px;
  395. }
  396.  
  397. li{
  398. margin-left:-15px;
  399. }
  400.  
  401. #wrapper{
  402. width:1200px;
  403. margin:10px auto;
  404. animation: fadeEffect 0.5s;
  405. display:flex;
  406. flex-direction:row-reverse;
  407. }
  408.  
  409. @keyframes fadeEffect {
  410. from {opacity: 0;}
  411. to {opacity: 1;}
  412. }
  413.  
  414. #content{
  415. margin:auto;
  416. }
  417.  
  418. #sidebar{
  419. position:fixed;
  420. display: flex;
  421. flex-direction:row;
  422. height:fit-content;
  423. height:-moz-fit-content;
  424. top: 0;
  425. bottom: 0;
  426. margin: auto;
  427. gap:10px;
  428.  
  429. }
  430.  
  431. #icon{
  432. width:250px;
  433. height:500px;
  434. margin-right:-10px;
  435. }
  436.  
  437. #icon img{
  438. width:250px;
  439. height:500px;
  440. object-fit:cover;
  441. display:block;
  442. border:{text:border width}px {select:border style} {color:border};
  443. box-sizing:border-box;
  444. box-shadow: 0px 0px 5px 2px {color:box shadow};
  445. }
  446.  
  447. #links{
  448. display:flex;
  449. flex-direction:column;
  450. gap:10px;
  451. margin-left:10px;
  452. justify-content:flex-end;
  453. }
  454.  
  455. #links a{
  456. border:{text:border width}px {select:border style} {color:border};
  457. max-width:fit-content;
  458. max-width:-moz-fit-content;
  459. padding:5px;
  460. background-color:{color:links background};
  461. box-shadow: 0px 0px 5px 2px {color:box shadow};
  462. }
  463.  
  464. #desc{
  465. position:absolute;
  466. background-color:{color:desc background};
  467. border:{text:border width}px {select:border style} {color:border};
  468. margin:10px;
  469. width:230px;
  470. box-sizing:border-box;
  471. padding:5px;
  472. bottom:0px;
  473. text-align:center;
  474. box-shadow: 0px 0px 5px 2px {color:box shadow};
  475. }
  476.  
  477. .post{
  478. width:500px;
  479. margin:10px auto;
  480. overflow:hidden;
  481. border:{text:border width}px {select:border style} {color:border};
  482. background:{color:post background};
  483. box-sizing:border-box;
  484. word-break:break-word;
  485. box-shadow: 0px 0px 5px 2px {color:box shadow};
  486. }
  487.  
  488. .footer{
  489. text-align:center;
  490. margin:auto;
  491. margin-top:10px;
  492. border:{text:border width}px {select:border style} {color:border};
  493. padding:10px;
  494. background-color:{color:footer background};
  495. }
  496.  
  497. .answer .embed_iframe{
  498. width: 340px;
  499. }
  500.  
  501. .nfp_row{
  502. margin-left:0px;
  503. margin-right:0px;
  504. }
  505.  
  506. #nav{
  507. width: 500px;
  508. margin: 30px auto;
  509. text-align: center;
  510. display: flex;
  511. justify-content: space-evenly;
  512. border:{text:border width}px {select:border style} {color:border};
  513. box-sizing:border-box;
  514. padding:10px;
  515. background-color:{color:nav background};
  516. box-shadow: 0px 0px 5px 2px {color:box shadow};
  517. }
  518.  
  519. video{
  520. max-width:100%;
  521. height:auto!important;
  522. border:{text:border width}px {select:border style} {color:border};
  523. }
  524.  
  525. .video-container iframe,
  526. .video-container object,
  527. .video-container embed {
  528. position: center;
  529. max-width: 472px;
  530. max-height: 460px;
  531. border:{text:border width}px {select:border style} {color:border};
  532. box-sizing:border-box;
  533. }
  534.  
  535. .video-wrapper {
  536. max-width: 460px;
  537. max-height: 460px;
  538. box-sizing:border-box;
  539.  
  540. }
  541.  
  542. iframe.tumblr_audio_player {
  543. height: 85px;
  544. border:{text:border width}px {select:border style} {color:border};
  545. box-sizing:border-box;
  546. display:block;
  547. }
  548.  
  549. .media{
  550. margin:0 0 0px 0;
  551. text-align:center;
  552. }
  553.  
  554. .media:hover{
  555. {block:ifhoverblur}
  556. -webkit-filter: blur(.9px);
  557. {/block:ifhoverblur}
  558. }
  559.  
  560. .media img{
  561. border:{text:border width}px {select:border style} {color:border};
  562. display:block;
  563. box-sizing:border-box;
  564. }
  565.  
  566. .title{
  567. font-size:calc({text:font size}px * 2 - 10px);
  568. font-weight:bold;
  569. margin:10px 0 10px 0;
  570. color:{color:text};
  571. }
  572.  
  573. h1, h2, h3, h4, h5, h6{
  574. font-size:calc({text:font size}px * 2 - 10px);
  575. font-weight:bold;
  576. margin:10px 0 10px 0;
  577. color:{color:text};
  578. }
  579.  
  580. .quote{
  581. font-weight:normal;
  582. font-size:{text:font size};
  583. font-style:italic;
  584. margin:0 0 10px 0;
  585. }
  586.  
  587. .question {
  588. position: relative;
  589. border:{text:border width}px {select:border style} {color:border};
  590. background-color:{color:description background};
  591. padding: 10px;
  592. margin-left:10px;
  593. width:100%;
  594. word-break: break-all;
  595. }
  596.  
  597. .asker{
  598. display:flex;
  599. align-items: flex-start;
  600. }
  601.  
  602. .asker img{
  603. border:{text:border width}px {select:border style} {color:border};
  604. }
  605.  
  606. .answer{
  607. position: relative;
  608. border:{text:border width}px {select:border style} {color:border};
  609. background-color:{color:description background};
  610. padding: 10px;
  611. margin-right:10px;
  612. width:100%;
  613. word-break: break-all;
  614. }
  615.  
  616. .answerer{
  617. margin-top:10px;
  618. display:flex;
  619. align-items: flex-start;
  620. }
  621.  
  622. .answerer img{
  623. border:{text:border width}px {select:border style} {color:border};
  624. }
  625.  
  626. .caption{
  627. margin-top:10px;
  628. }
  629.  
  630. blockquote{
  631. margin:10px;
  632. padding-left:10px;
  633. border-left:{text:border width}px {select:border style} {color:border};
  634. }
  635.  
  636. blockquote img{
  637. max-width:100%;
  638. height:auto;
  639. object-fit:cover;
  640. display: block;
  641. border:{text:border width}px {select:border style} {color:border};
  642. box-sizing:border-box;
  643. }
  644.  
  645. img{
  646. max-width:100%;
  647. height:auto;
  648. }
  649.  
  650. ol.notes{
  651. border:{text:border width}px {select:border style} {color:border};
  652. background-color:{color:post background};
  653. margin-top:10px;
  654. padding:10px;
  655. list-style-type:none;
  656. max-height:200px;
  657. overflow:auto;
  658. margin-bottom:0px;
  659. }
  660.  
  661. ol.notes li.note img{
  662. width:16px;
  663. height:16px;
  664. margin-right:3px;
  665. }
  666.  
  667. ol.notes li.note{
  668. margin:0px;
  669. }
  670.  
  671. .tags {
  672. }
  673.  
  674. [photoset-layout] {
  675. grid-gap: 10px;
  676. }
  677.  
  678. [photoset-layout] img {
  679. border:{text:border width}px {select:border style} {color:border};
  680. display: block;
  681. height: 100%;
  682. width: 100%;
  683. object-fit: cover;
  684. background-color:{color:description background};
  685. }
  686.  
  687. [photoset-layout] div {
  688. }
  689.  
  690. .answer .embed_iframe{
  691. width: 240px;
  692. }
  693.  
  694. #floatie img{
  695. position:fixed;
  696. bottom:10px;
  697. left:10px;
  698. max-width:300px;
  699. height:auto;
  700. }
  701.  
  702. </style>
  703. <body>
  704. {block:ifredirect}
  705. {block:IndexPage}
  706. <script type="text/javascript">
  707. var url = location.href;
  708. if (url == "{BlogURL}") {
  709. window.location = "{BlogURL}tagged/{text:redirect}";
  710. }
  711. </script>
  712. {/block:IndexPage}
  713. {/block:ifredirect}
  714.  
  715. <div id="floatie"><img src="{image:floatie}"></div>
  716.  
  717. <div id="wrapper">
  718.  
  719. <div id="sidebar">
  720. <div id="icon">
  721. <div id="desc">{text:description}</div>
  722. <a href="/"><img src="{image:sidebar img}"></a>
  723. </div>
  724. <div id="links">
  725. <a href="{text:link 1 url}">{text:link 1}</a>
  726. <a href="{text:link 2 url}">{text:link 2}</a>
  727. <a href="{text:link 3 url}">{text:link 3}</a>
  728. </div>
  729. </div>
  730.  
  731.  
  732. <div id="content">
  733. {block:Posts}
  734.  
  735. <div class="post" post-type="{PostType}">
  736.  
  737. <div style="padding:10px">
  738.  
  739. {block:Text}
  740. {block:Title}
  741. <div class="title">{Title}</div>
  742. {/block:Title}
  743. {Body}
  744. {/block:Text}
  745.  
  746. {block:Photo}
  747. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  748. {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  749. {/block:Photo}
  750.  
  751. {block:Photoset}
  752. <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>
  753. {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  754. {/block:Photoset}
  755.  
  756. {block:Quote}
  757. <div class="quote">"{Quote}"</div>
  758. {block:Source}
  759. <div class="quotesource">{Source}</div>
  760. {/block:Source}
  761. {/block:Quote}
  762.  
  763. {block:Link}
  764. <div class="title"><a href="{URL}">{Name}</a></div>
  765. {block:Description}
  766. <div class="description">{Description}</div>
  767. {/block:Description}
  768. {/block:Link}
  769.  
  770. {block:Chat}
  771. {block:Title}
  772. <div class="title">{Title}</div>
  773. {/block:Title}
  774.  
  775. {block:Lines}
  776. <div class="{Alt} user_{UserNumber}">
  777. {block:Label}
  778. <b>{Label}</b>{/block:Label}
  779. &nbsp;{Line}
  780. </div>
  781. {/block:Lines}
  782. {/block:Chat}
  783.  
  784. {block:Video}
  785. <div class="media"><div class="video-wrapper">
  786. <div class="video-container">{video-400}</div>
  787. </div></div>
  788. {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  789. {/block:Video}
  790.  
  791. {block:Audio}
  792. <div class="media">
  793. {block:AudioEmbed}<div class="video-wrapper"><div class="video-container">{AudioEmbed-500}</div></div>{/block:AudioEmbed}
  794. </div>
  795. {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  796. {/block:Audio}
  797.  
  798. {block:Answer}
  799. <div class="asker"><img src="{AskerPortraitURL-48}"> <div class="question" style="font-style:italic">{Question}</div></div>
  800.  
  801. <div class="answerer"><div class="answer">{Answer}</div>{block:Answerer}<img src="{AnswererPortraitURL-48}">{/block:Answerer}<img src="{PortraitURL-48}" style="{block:Answerer}display:none{/block:Answerer}"></div>
  802.  
  803. <div style="margin-top:20px;{block:NotReblog}display:none;{/block:NotReblog}">{Replies}</div>
  804. {/block:Answer}
  805.  
  806.  
  807. {block:Date}
  808. <div class="footer">
  809.  
  810. <a href="{Permalink}" title="{notecount} notes">{TimeAgo}</a>
  811.  
  812. <!-- {block:NoRebloggedFrom}
  813. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  814. {/block:NoRebloggedFrom} -->{block:ContentSource}<!-- {SourceURL}
  815. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  816. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  817. {/block:ContentSource}
  818.  
  819.  
  820.  
  821. {block:HasTags}
  822. {block:IndexPage}<div class="tags"><div style="margin-top:10px">{block:Tags}<a href="{TagURL}"><i class="fas fa-hashtag"></i>{Tag} </a>{/block:Tags}</div></div>{/block:IndexPage}
  823. {block:PermalinkPage}<div style="margin-top:10px;text-align:center;">{block:Tags}<a href="{TagURL}"><i class="fas fa-hashtag"></i>{Tag} </a>{/block:Tags}</div>{/block:PermalinkPage}
  824. {/block:HasTags}
  825.  
  826. </div>
  827.  
  828. {block:PermalinkPage}
  829. {block:NoteCount}
  830. {block:PostNotes}{PostNotes}{/block:PostNotes}
  831. {/block:NoteCount}
  832. {/block:PermalinkPage}
  833. {/block:Date}
  834.  
  835. </div>
  836. </div>
  837.  
  838. {/block:Posts}
  839.  
  840. {block:Pagination}
  841. <div id="nav">
  842. {block:PreviousPage}
  843. <a href="{PreviousPage}" class="arrows">이전</a>
  844. {/block:PreviousPage}
  845.  
  846.  
  847. {block:JumpPagination length="5"}
  848.  
  849. {block:CurrentPage}
  850. <span class="current_page">{PageNumber}</span>
  851. {/block:CurrentPage}
  852. {block:JumpPage}
  853. <a class="jump_page nohover" href="{URL}">{PageNumber}</a>
  854. {/block:JumpPage}
  855.  
  856. {/block:JumpPagination}
  857.  
  858.  
  859. {block:NextPage}
  860. <a href="{NextPage}" class="arrows">다음</a>
  861. {/block:NextPage}
  862. </div>
  863. {/block:Pagination}
  864.  
  865. </div>
  866. </div>
  867. </body>
  868. </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!