API tools faq
paste
mikit20

the new farewell

mikit20
Feb 26th, 2020
198
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.03 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!----------------------------------------
  4. Base Code #1 by Incedo
  5. http://incedothemes.tumblr.com
  6. *Tips @ http://incedothemes.tumblr.com/basecodes
  7. *Please do not remove this credit
  8. and please credit me in your faq
  9. *DO NOT REDISTRIBUTE without proper credit
  10. Updated 1/1/14
  11. ------------------------------------------>
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14.  
  15. <head>
  16.  
  17. <title>{Title}</title>
  18.  
  19. <!Meta-tags go here>
  20.  
  21. <meta name="image:background" content="" />
  22. <meta name="image:Sidebar" content=""/>
  23. <meta name="image:cursor" content=""/>
  24. <meta name="image:Sidebar2 bg" content=""/>
  25. <meta name="image:border bg" content="" />
  26.  
  27. <meta name="if:show tags" content="1" />
  28.  
  29. <meta name="color:background" content="#ffffff" />
  30. <meta name="color:border bg color" content="#ffffff" />
  31. <meta name="color:Sidebar2 color" content="#ffffff" />
  32. <meta name="color:text" content="#000000" />
  33. <meta name="color:Linkute" content="#000000" />
  34. <meta name="color:Linkute Hover" content="#000000" />
  35. <meta name="color:link" content="#000000" />
  36. <meta name="color:link text" content="#000000" />
  37. <meta name="color:link hover" content="#000000" />
  38. <meta name="color:link hover text" content="#000000" />
  39. <meta name="color:link border" content="#000000" />
  40. <meta name="color:Permalink" content="#e1e1e1"/>
  41. <meta name="color:Permalink Bg" content="#e1e1e1"/>
  42. <meta name="color:Permalink Hover" content="#e1e1e1"/>
  43. <meta name="color:Tag Bg" content="#FFFFFF"/>
  44.  
  45.  
  46. <meta name="text:Link 1" content=""/>
  47. <meta name="text:Link 1 URL" content=""/>
  48. <meta name="text:Link 2" content=""/>
  49. <meta name="text:Link 2 URL" content=""/>
  50. <meta name="text:Link 3" content=""/>
  51. <meta name="text:Link 3 URL" content=""/>
  52.  
  53.  
  54. <style type="text/css">body, a, a:hover {cursor: url({image:cursor}), progress;}</style>
  55.  
  56.  
  57. <link href="https://fonts.googleapis.com/css?family=Signika" rel="stylesheet">
  58. <link href="https://fonts.googleapis.com/css?family=Patrick+Hand" rel="stylesheet">
  59.  
  60.  
  61. <!Leave this stuff alone>
  62. <link rel="stylesheet" media="screen" href="http://openfontlibrary.org/face/web-symbols" rel="stylesheet" type="text/css"/>
  63. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  64. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  65. <link rel="shortcut icon" href="{Favicon}"/>
  66. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  67.  
  68. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  69. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  70. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  71.  
  72. <script>
  73. $(document).ready(function(){
  74. $('.photo-slideshow').pxuPhotoset({
  75. lightbox: true,
  76. rounded: false,
  77. gutter: '0px',
  78. borderRadius: '0px',
  79. photoset: '.photo-slideshow',
  80. photoWrap: '.photo-data',
  81. photo: '.pxu-photo',
  82. padding: '3px'
  83. });
  84. });
  85. </script>
  86.  
  87. <script type="text/javascript">
  88. // <![CDATA[
  89. var colours=new Array('#fcdbf3', '#beede3', '#f5dcde', '#ffe7f8', '#f0f7ff', '#fff2f3'); // colours of the hearts
  90. var minisize=10; // smallest size of hearts in pixels
  91. var maxisize=14; // biggest size of hearts in pixels
  92. var hearts=35; // maximum number of hearts on screen
  93. 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
  94.  
  95. /*****************************
  96. *JavaScript Love Heart Cursor*
  97. * (c)2013+ mf2fm web-design *
  98. * http://www.mf2fm.com/rv *
  99. * DON'T EDIT BELOW THIS BOX *
  100. *****************************/
  101. var x=ox=400;
  102. var y=oy=300;
  103. var swide=800;
  104. var shigh=600;
  105. var sleft=sdown=0;
  106. var herz=new Array();
  107. var herzx=new Array();
  108. var herzy=new Array();
  109. var herzs=new Array();
  110. var kiss=false;
  111.  
  112. if (typeof('addRVLoadEvent')!='function') function addRVLoadEvent(funky) {
  113. var oldonload=window.onload;
  114. if (typeof(oldonload)!='function') window.onload=funky;
  115. else window.onload=function() {
  116. if (oldonload) oldonload();
  117. funky();
  118. }
  119. }
  120.  
  121. addRVLoadEvent(mwah);
  122.  
  123. function mwah() { if (document.getElementById) {
  124. var i, heart;
  125. for (i=0; i<hearts; i++) {
  126. heart=createDiv("auto", "auto");
  127. heart.style.visibility="hidden";
  128. heart.style.zIndex=(over_or_under=="over")?"1001":"0";
  129. heart.style.color=colours[i%colours.length];
  130. heart.style.pointerEvents="none";
  131. if (navigator.appName=="Microsoft Internet Explorer") heart.style.filter="alpha(opacity=75)";
  132. else heart.style.opacity=0.75;
  133. heart.appendChild(document.createTextNode(String.fromCharCode(9829)));
  134. document.body.appendChild(heart);
  135. herz[i]=heart;
  136. herzy[i]=false;
  137. }
  138. set_scroll();
  139. set_width();
  140. herzle();
  141. }}
  142.  
  143. function herzle() {
  144. var c;
  145. if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {
  146. ox=x;
  147. oy=y;
  148. for (c=0; c<hearts; c++) if (herzy[c]===false) {
  149. herz[c].firstChild.nodeValue=String.fromCharCode(9829);
  150. herz[c].style.left=(herzx[c]=x-minisize/2)+"px";
  151. herz[c].style.top=(herzy[c]=y-minisize)+"px";
  152. herz[c].style.fontSize=minisize+"px";
  153. herz[c].style.fontWeight='normal';
  154. herz[c].style.visibility='visible';
  155. herzs[c]=minisize;
  156. break;
  157. }
  158. }
  159. for (c=0; c<hearts; c++) if (herzy[c]!==false) blow_me_a_kiss(c);
  160. setTimeout("herzle()", 40);
  161. }
  162.  
  163. document.onmousedown=pucker;
  164. document.onmouseup=function(){clearTimeout(kiss);};
  165.  
  166. function pucker() {
  167. ox=-1;
  168. oy=-1;
  169. kiss=setTimeout('pucker()', 100);
  170. }
  171.  
  172. function blow_me_a_kiss(i) {
  173. herzy[i]-=herzs[i]/minisize+i%2;
  174. herzx[i]+=(i%5-2)/5;
  175. if (herzy[i]<sdown-herzs[i] || herzx[i]<sleft-herzs[i] || herzx[i]>sleft+swide-herzs[i]) {
  176. herz[i].style.visibility="hidden";
  177. herzy[i]=false;
  178. }
  179. else if (herzs[i]>minisize+2 && Math.random()<.5/hearts) break_my_heart(i);
  180. else {
  181. if (Math.random()<maxisize/herzy[i] && herzs[i]<maxisize) herz[i].style.fontSize=(++herzs[i])+"px";
  182. herz[i].style.top=herzy[i]+"px";
  183. herz[i].style.left=herzx[i]+"px";
  184. }
  185. }
  186.  
  187. function break_my_heart(i) {
  188. var t;
  189. herz[i].firstChild.nodeValue=String.fromCharCode(9676);
  190. herz[i].style.fontWeight='bold';
  191. herzy[i]=false;
  192. for (t=herzs[i]; t<=maxisize; t++) setTimeout('herz['+i+'].style.fontSize="'+t+'px"', 60*(t-herzs[i]));
  193. setTimeout('herz['+i+'].style.visibility="hidden";', 60*(t-herzs[i]));
  194. }
  195.  
  196. document.onmousemove=mouse;
  197. function mouse(e) {
  198. if (e) {
  199. y=e.pageY;
  200. x=e.pageX;
  201. }
  202. else {
  203. set_scroll();
  204. y=event.y+sdown;
  205. x=event.x+sleft;
  206. }
  207. }
  208.  
  209. window.onresize=set_width;
  210. function set_width() {
  211. var sw_min=999999;
  212. var sh_min=999999;
  213. if (document.documentElement && document.documentElement.clientWidth) {
  214. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  215. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  216. }
  217. if (typeof(self.innerWidth)=='number' && self.innerWidth) {
  218. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  219. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  220. }
  221. if (document.body.clientWidth) {
  222. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  223. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  224. }
  225. if (sw_min==999999 || sh_min==999999) {
  226. sw_min=800;
  227. sh_min=600;
  228. }
  229. swide=sw_min;
  230. shigh=sh_min;
  231. }
  232.  
  233. window.onscroll=set_scroll;
  234. function set_scroll() {
  235. if (typeof(self.pageYOffset)=='number') {
  236. sdown=self.pageYOffset;
  237. sleft=self.pageXOffset;
  238. }
  239. else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
  240. sdown=document.body.scrollTop;
  241. sleft=document.body.scrollLeft;
  242. }
  243. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  244. sleft=document.documentElement.scrollLeft;
  245. sdown=document.documentElement.scrollTop;
  246. }
  247. else {
  248. sdown=0;
  249. sleft=0;
  250. }
  251. }
  252.  
  253. function createDiv(height, width) {
  254. var div=document.createElement("div");
  255. div.style.position="absolute";
  256. div.style.height=height;
  257. div.style.width=width;
  258. div.style.overflow="hidden";
  259. div.style.backgroundColor="transparent";
  260. return (div);
  261. }
  262. // ]]>
  263. </script>
  264.  
  265.  
  266. <!CSS starts here>
  267. <style type="text/css">
  268.  
  269. body {
  270. background-color:{color:background};
  271. background-image:url({image:background});
  272. background-attachment: fixed;
  273. color:{color:text};
  274. font-family: 'Signika', sans-serif;
  275. font-size:13px;
  276. letter-spacing:1px;
  277. line-height:20px;
  278. }
  279.  
  280. a:link, a:active, a:visited{
  281. text-decoration: none;
  282. color: {color:Linkute};
  283. -webkit-transition: all 0.4s ease-out;
  284. -moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  285. }
  286.  
  287. a:hover {
  288. color:{color:Linkute Hover};
  289. text-decoration:none;
  290. }
  291.  
  292. #wrapper {
  293. width:650px;
  294. margin-left:auto;
  295. margin-right:auto;}
  296.  
  297. #sidebar {
  298. top:200px;
  299. width:100px;
  300. position:fixed;
  301. background-color:#fff;
  302. padding:7px;
  303. margin-left:10px;
  304. border:8px solid {color:border bg color};
  305. border-radius:0px;
  306. border-image:url({image:border bg}) 10% repeat;
  307. box-shadow: 7px 7px rgba(0,0,0,.05);
  308. }
  309.  
  310. #sideimage img{
  311. width: 80px;
  312. height: 100px;
  313. padding:4px;
  314. border: 1px solid #ddd;
  315. opacity:0.8;
  316. }
  317.  
  318. #sideimage img{
  319. border-radius:120px;
  320. background-color: #fff;
  321. border: 1px solid #eee;
  322. padding: 8px;
  323. height:90px;
  324. width:90px;
  325. position:absolute;
  326. top:-100px;
  327. left:4px;
  328. box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.09);
  329. -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.09);
  330. -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.09);
  331. }
  332.  
  333.  
  334. .description{
  335. font-size:10px;
  336. letter-spacing:1px;
  337. line-height:18px;
  338. padding:3px;
  339. font-family: 'Patrick Hand', cursive;
  340. }
  341.  
  342. #sidebar2 {
  343. text-align: center;
  344. margin: 20px auto 10px;
  345. padding:3px;
  346. background: {color:Sidebar2 color};
  347. background-image:url({image:Sidebar2 bg});
  348. border: 0px solid #000000;
  349. bottom: -9px;
  350. width: 100%;
  351. height:50px;
  352. left:0px;
  353. z-index: 100;
  354. position: fixed;
  355. opacity: 0.9;
  356. }
  357.  
  358.  
  359. #entries {
  360. margin-left: 170px;
  361. margin-top:30px;
  362. width:300px;
  363. }
  364.  
  365. #posts {
  366. width:300px;
  367. overflow:hidden;
  368. margin:40px;
  369. border:1px solid #eee;
  370. padding:14px;
  371. background-color:#fff;
  372. border-radius:7px;
  373. box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.09);
  374. -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.09);
  375. -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.09);
  376. }
  377.  
  378. #posts img{
  379. max-width:100%;
  380. border-radius:7px;
  381.  
  382. }
  383.  
  384. #posts .perma{
  385. width:250px;
  386. height:auto;
  387. margin-left:0px;
  388. position: absolute;
  389. line-height: 14px;
  390. overflow:hidden;
  391. text-align:center;
  392. top:3px;
  393. padding:3px;
  394. background:white;
  395. word-spacing:2px;
  396. letter-spacing:1px;
  397. opacity: 0.0;
  398. -webkit-transition: all .7s ease;
  399. -moz-transition: all .7s ease;
  400. -o-transition: all .7s ease;
  401. transition: all .7s ease;
  402. }
  403.  
  404. #posts:hover .perma{
  405. overflow:visible;
  406. opacity:0.8;
  407. }
  408.  
  409. .permalink{
  410. text-transform:lowercase;
  411. font-size:10px;
  412. background-color:{color:Permalink Bg};
  413. border: 1px solid #eee;
  414. text-align:right;
  415. color:{color:Permalink};
  416. margin-top: 10px;
  417. padding:3px;
  418. padding-right:4px;
  419. line-height:12px;
  420. border-radius:3px;
  421. box-shadow: 5px 5px rgba(0,0,0,.08);
  422.  
  423. }
  424. .permalink a{
  425. text-transform:uppercase;
  426. line-height:15px;
  427. color:{color:Permalink};
  428. -webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  429. }
  430.  
  431. .permalink a:hover{
  432. color:{color:Permalink Hover};
  433. -webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  434. }
  435.  
  436. .notes {
  437. float: left;
  438. text-align: left;
  439. padding-left:4px;
  440. }
  441.  
  442. .tags{
  443. text-transform:uppercase;
  444. font-size:9px;
  445. background-color:{color:Tag Bg};
  446. border: 0px solid #E0F1FF;
  447. text-align:right;
  448. color:{color:Permalink};
  449. padding:3px;
  450. margin-top:8px;
  451. padding-right:4px;
  452. line-height:12px;
  453. border-radius:3px;
  454. text-shadow:1px 1px 0px #BBBBBB;
  455. }
  456.  
  457. img, img a {
  458. border:none;
  459. line-height:0;
  460. max-width:100%;}
  461.  
  462. a.baekminu{
  463. background:{color:link};
  464. width:80px;
  465. display:inline-block;
  466. text-align:center;
  467. color:{color:link text};
  468. margin-bottom:1px;
  469. font:10px calibri light;
  470. text-transform:uppercase;
  471. letter-spacing:2px;
  472. -webkit-transition: all 0.5s ease;
  473. -moz-transition: all 0.5s ease;
  474. -o-transition: all 0.5s ease;
  475. padding:5px;
  476. border:1px solid {color:link border};
  477. }
  478.  
  479. a.baekminu:hover{
  480. background:{color:link hover};
  481. border:1px solid {color:link border};
  482. color:{color:link hover text};
  483. border-radius:5px;
  484. }
  485.  
  486. #credit{position:fixed; bottom:10px; left:10px; font-size:10px; font-family:calibri;color:{color:text}; text-transform:uppercase;letter-spacing: 0px; font-style:normal; background:white; border:1px solid #aaa; padding:3px;}
  487.  
  488. </style>
  489.  
  490. <style type="text/css">{CustomCSS}</style>
  491.  
  492.  
  493.  
  494. </head>
  495.  
  496. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  497.  
  498. <!HTML body starts here>
  499. <body>
  500.  
  501. <div id="wrapper">
  502.  
  503.  
  504. <div style="position: fixed; top:85px; left: 354px; background-color: transparent; margin:5px; padding:4px; text-align:center;z-index:999;">
  505. <center><img src="http://oi60.tinypic.com/10dh8ci.jpg"></center>
  506. </div>
  507.  
  508. <div id="sidebar">
  509. <div id="sideimage"><a href="/"><img src="{image:sidebar}"/></a></div>
  510.  
  511. <div class="description">{Description}</div>
  512.  
  513. <center>
  514.  
  515. {block:Pagination}
  516. {block:PreviousPage}<a href="{PreviousPage}"><img src="http://68.media.tumblr.com/3bb27096b2b942b8ef1d24b9ecef0dcf/tumblr_inline_mpedf5hhgx1qz4rgp.gif"></a>{/block:PreviousPage}
  517. {block:NextPage}<a href="{NextPage}"><img src="http://68.media.tumblr.com/d8f3479cd531c54753be621c8df00e4c/tumblr_inline_mpedf95ujK1qz4rgp.gif"></a>{/block:NextPage}
  518. {/block:Pagination}
  519.  
  520. </center>
  521. </div>
  522.  
  523.  
  524. <div id="sidebar2">
  525. <br>
  526. <center>
  527. <a class="baekminu" href="/" >home</a>
  528. <a class="baekminu" href="/ask" >ask </a>
  529. <a class="baekminu" href="/archive" >archive </a>
  530. <a class="baekminu" href="{text:link 1 url}" >{text:link 1}</a>
  531. <a class="baekminu" href="{text:link 2 url}" >{text:link 2}</a>
  532. <a class="baekminu" href="http://codingqt.tumblr.com/" >credit</a>
  533. </center>
  534. </div>
  535.  
  536.  
  537. <div class = "autopagerize_page_element" >
  538. <div id="entries">
  539.  
  540. <!Post blocks start here>
  541. {block:Posts}
  542. <div id="posts">
  543.  
  544. {block:Text}
  545. {block:Title}{Title}{/block:Title}
  546. {Body}
  547. {/block:Text}
  548.  
  549. {block:Quote}
  550. "{Quote}"<br>
  551. — {Source}
  552. {/block:Quote}
  553.  
  554. {block:Link}
  555. <a href="{URL}">{Name}</a>
  556. {/block:Link}
  557.  
  558. {block:Chat}
  559. {block:Lines}{block:Label}{Label} {/block:Label}{Line}<br>{/block:Lines}
  560. {/block:Chat}
  561.  
  562. {block:Answer}
  563. {Asker} asked: {Question}<br>
  564. {Answer}
  565. {/block:Answer}
  566.  
  567. {block:Audio}
  568. {AudioPlayer}
  569. {/block:Audio}
  570.  
  571. {block:Video}
  572. {Video-400}
  573. {/block:Video}
  574.  
  575. {block:Photo}
  576. <img src="{PhotoURL-400}"/>
  577. {/block:Photo}
  578.  
  579. {block:Photoset}
  580. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  581. {/block:Photoset}
  582.  
  583. <div class="permalink"><a href="{ReblogURL}">Reblog</a> <div class="notes"> <a href="{Permalink}">{NoteCountWithLabel}</a></div></div>
  584.  
  585.  
  586. {block:permalinkpage}
  587. {block:PostNotes}{PostNotes}{/block:PostNotes}
  588. {/block:PermalinkPage}
  589. {block:ifshowtags}
  590. <div class="tags">
  591. {block:HasTags}{block:Tags} <small> # </small> <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  592. {/block:ifshowtags}</div>
  593.  
  594.  
  595.  
  596.  
  597. {/block:Posts}
  598.  
  599.  
  600.  
  601. </div>
  602. </div>
  603. </div>
  604.  
  605. </body>
  606. </html>
Advertisement
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!