API tools faq
paste
Advertisement
lucitor

smile while you still have teeth theme

lucitor
Mar 6th, 2018
1,305
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.04 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. ｡･:*:･ﾟ★,｡･:*:･ﾟ☆　　 ｡･:*:･ﾟ★,｡･:*:･ﾟ☆
  3.  
  4. base code by chraliecox
  5.  
  6. theme by bill stenbroughfunkopop Σd(≧ω≦*) ｸﾞｯ
  7.  
  8. all i ask is dont remove the credit
  9.  
  10. if you have anyquestions or if theres any bugs send me an ask!! i hope u like it ilysm thanks for using!!
  11.  
  12. ｡･:*:･ﾟ★,｡･:*:･ﾟ☆　　 ｡･:*:･ﾟ★,｡･:*:･ﾟ☆
  13.  
  14. -->
  15.  
  16. <!DOCTYPE html>
  17.  
  18. <head>
  19. {block:iffireworks}<script type="text/javascript">
  20. /*tweaked by 1dcursors.tumblr.com*/
  21. /*DO NOT STEAL OR REMOVE THIS TAGS*/
  22. // <![CDATA[
  23. var sparks=75;
  24. var speed=33;
  25. var bangs=5;
  26. var colours=new Array('#03f', '#f03', '#0e0', '#93f', '#0cf', '#f93', '#f0c');
  27.  
  28. var intensity=new Array();
  29. var Xpos=new Array();
  30. var Ypos=new Array();
  31. var dX=new Array();
  32. var dY=new Array();
  33. var stars=new Array();
  34. var decay=new Array();
  35. var timers=new Array();
  36. var swide=800;
  37. var shigh=600;
  38. var sleft=sdown=0;
  39. var count=0;
  40.  
  41. function addLoadEvent(funky) {
  42. var oldonload=window.onload;
  43. if (typeof(oldonload)!='function') window.onload=funky;
  44. else window.onload=function() {
  45. if (oldonload) oldonload();
  46. funky();
  47. }
  48. }
  49.  
  50. addLoadEvent(clicksplode);
  51.  
  52. function clicksplode() { if (document.getElementById) {
  53. var i, j;
  54. window.onscroll=set_scroll;
  55. window.onresize=set_width;
  56. document.onclick=eksplode;
  57. set_width();
  58. set_scroll();
  59. for (i=0; i<bangs; i++) for (j=sparks*i; j<sparks+sparks*i; j++) {
  60. stars[j]=createDiv('*', 13);
  61. document.body.appendChild(stars[j]);
  62. }
  63. }}
  64.  
  65. function createDiv(char, size) {
  66. var div, sty;
  67. div=document.createElement('div');
  68. sty=div.style;
  69. sty.font=size+'px monospace';
  70. sty.position='absolute';
  71. sty.backgroundColor='transparent';
  72. sty.visibility='hidden';
  73. sty.zIndex='101';
  74. div.appendChild(document.createTextNode(char));
  75. return (div);
  76. }
  77.  
  78. function bang(N) {
  79. var i, Z, A=0;
  80. for (i=sparks*N; i<sparks*(N+1); i++) {
  81. if (decay[i]) {
  82. Z=stars[i].style;
  83. Xpos[i]+=dX[i];
  84. Ypos[i]+=(dY[i]+=1.25/intensity[N]);
  85. if (Xpos[i]>=swide || Xpos[i]<0 || Ypos[i]>=shigh+sdown || Ypos[i]<0) decay[i]=1;
  86. else {
  87. Z.left=Xpos[i]+'px';
  88. Z.top=Ypos[i]+'px';
  89. }
  90. if (decay[i]==15) Z.fontSize='7px';
  91. else if (decay[i]==7) Z.fontSize='2px';
  92. else if (decay[i]==1) Z.visibility='hidden';
  93. decay[i]--;
  94. }
  95. else A++;
  96. }
  97. if (A!=sparks) timers[N]=setTimeout('bang('+N+')', speed);
  98. }
  99.  
  100. function eksplode(e) {
  101. var x, y, i, M, Z, N;
  102. set_scroll();
  103. y=(e)?e.pageY:event.y+sdown;
  104. x=(e)?e.pageX:event.x+sleft;
  105. N=++count%bangs;
  106. M=Math.floor(Math.random()*3*colours.length);
  107. intensity[N]=5+Math.random()*4;
  108. for (i=N*sparks; i<(N+1)*sparks; i++) {
  109. Xpos[i]=x;
  110. Ypos[i]=y-5;
  111. dY[i]=(Math.random()-0.5)*intensity[N];
  112. dX[i]=(Math.random()-0.5)*(intensity[N]-Math.abs(dY[i]))*1.25;
  113. decay[i]=16+Math.floor(Math.random()*16);
  114. Z=stars[i].style;
  115. if (M<colours.length) Z.color=colours[i%2?count%colours.length:M];
  116. else if (M<2*colours.length) Z.color=colours[count%colours.length];
  117. else Z.color=colours[i%colours.length];
  118. Z.fontSize='13px';
  119. Z.visibility='visible';
  120. }
  121. clearTimeout(timers[N]);
  122. bang(N);
  123. }
  124.  
  125. function set_width() {
  126. var sw_min=999999;
  127. var sh_min=999999;
  128. if (document.documentElement && document.documentElement.clientWidth) {
  129. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  130. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  131. }
  132. if (typeof(self.innerWidth)=='number' && self.innerWidth) {
  133. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  134. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  135. }
  136. if (document.body.clientWidth) {
  137. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  138. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  139. }
  140. if (sw_min==999999 || sh_min==999999) {
  141. sw_min=800;
  142. sh_min=600;
  143. }
  144. swide=sw_min-7;
  145. shigh=sh_min-7;
  146. }
  147.  
  148. function set_scroll() {
  149. if (typeof(self.pageYOffset)=='number') {
  150. sdown=self.pageYOffset;
  151. sleft=self.pageXOffset;
  152. }
  153. else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
  154. sdown=document.body.scrollTop;
  155. sleft=document.body.scrollLeft;
  156. }
  157. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  158. sleft=document.documentElement.scrollLeft;
  159. sdown=document.documentElement.scrollTop;
  160. }
  161. else {
  162. sdown=0;
  163. sleft=0;
  164. }
  165. }
  166. // ]]>
  167. </script>{/block:iffireworks}
  168.  
  169. <title>{Title}</title>
  170.  
  171. <link rel="shortcut icon" href="{Favicon}">
  172. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  173. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  174.  
  175. <!--Default Variables-->
  176.  
  177. <meta name="color:background" content="#ffffff"/>
  178. <meta name="color:text" content="#2b2b2b"/>
  179. <meta name="color:link" content="#2b2b2b"/>
  180. <meta name="color:linkglow" content="#ffffff"/>
  181. <meta name="color:link hover" content="#949494"/>
  182. <meta name="color:blockquote" content="#dadada"/>
  183. <meta name="color:border" content="#2b2b2b"/>
  184.  
  185. <meta name="image:sidebar" content=""/>
  186. <meta name="image:background" content=""/>
  187.  
  188. <meta name="image:home" content="/"/>
  189. <meta name="image:ask" content="/ask"/>
  190. <meta name="text:home" content=""/>
  191. <meta name="text:ask" content=""/>
  192. <meta name="image:link 1" content=""/>
  193. <meta name="text:link 1 URL" content=""/>
  194. <meta name="image:link 2" content=""/>
  195. <meta name="text:link 2 URL" content=""/>
  196. <meta name="image:link 3" content=""/>
  197. <meta name="text:link 3 URL" content=""/>
  198. <meta name="image:sidebar bg" content=""/>
  199. <meta name="image:post bg" content=""/>
  200. <meta name="image:desc bg" content=""/>
  201.  
  202. <meta name="text:title" content=""/>
  203.  
  204. <meta name="if:desc" content="" />
  205. <meta name="if:permalink" content="" />
  206. <meta name="if:linkglow" content="" />
  207. <meta name="if:fireworks" content="" />
  208. <meta name="if:title" content="" />
  209.  
  210.  
  211.  
  212. <!--eeeeeeeee -->
  213.  
  214.  
  215. <style type="text/css">
  216.  
  217. #s-m-t-tooltip{
  218. position:absolute;
  219. margin-top: 15px;
  220. z-index:9999;
  221. background:{color:background};
  222. }
  223.  
  224. /*basics*/
  225.  
  226. blockquote {
  227. padding-left:12px;
  228. border-left:1px solid {color:blockquote};
  229. margin-left:8px;
  230. }
  231.  
  232. ul {
  233. list-style:none;
  234. text-align:left;
  235. padding-left:0;
  236. }
  237.  
  238. li {
  239. position:relative;
  240. padding-left:30px;
  241. }
  242.  
  243. ul li:before {
  244. position:absolute;
  245. left:15px;
  246. vertical-align:baseline!important;
  247. content:'›';
  248. }
  249.  
  250. body {
  251. background:{color:background};
  252. background: {color:Background} url('{image:Background}') repeat;
  253. color:{color:text};
  254. font-family:arial;
  255. font-size:18px;
  256. margin:0;
  257. text-align:justify;
  258. line-height:22px;
  259. }
  260.  
  261. a {
  262. color:{color:link};
  263. -moz-transition-duration:0.4s;
  264. -webkit-transition-duration:0.4s;
  265. -o-transition-duration:0.4s;
  266. text-decoration:none;
  267. {block:iflinkglow}text-shadow:1px 1px 5px {color:linkglow};{block:iflinkglow}
  268. }
  269.  
  270. a:hover {
  271. color:{color:link hover};
  272. -moz-transition-duration:0.4s;
  273. -webkit-transition-duration:0.4s;
  274. -o-transition-duration:0.4s;
  275. }
  276.  
  277. img {
  278. opacity:1;
  279. border:none;
  280. text-decoration:none;
  281. }
  282.  
  283. small {
  284. font-size:15px;
  285. }
  286.  
  287. big {
  288. font-size:18px;
  289. }
  290.  
  291. #title {font-size:25px;
  292. line-height:18px;
  293. margin-bottom:10px;
  294. font-weight:bold;
  295. text-transform:none;
  296. text-align:left;
  297. }
  298.  
  299. /*sidebar*/
  300.  
  301. #sidebar {
  302. text-align:center;
  303. position:fixed;
  304. margin-left:-280px;
  305. margin-top:95px;
  306. width:230px;
  307. padding:10px;
  308. background-image:url('{image:sidebar bg}');
  309. border:1px solid {color:border};
  310. }
  311.  
  312. #sidebar img {
  313. width:230px;
  314. padding:2px;
  315. }
  316.  
  317. #links {
  318. font-size:18px;
  319. margin-top:10px;
  320. text-align:center;
  321. font-weight: bold;
  322. }
  323.  
  324. #links img {
  325. width: auto;
  326. border-radius:0px;
  327. }
  328.  
  329. #links a {
  330. margin-bottom:0px;
  331. -moz-transition-duration:0.4s;
  332. -webkit-transition-duration:0.4s;
  333. -o-transition-duration:0.4s;
  334. }
  335.  
  336. #description {
  337. margin-top:10px;
  338. text-align:center;
  339. background-image:url('{image:desc bg}');
  340. padding: 9px;
  341. }
  342.  
  343. /*pagination*/
  344.  
  345. #pagination {
  346. text-transform:lowercase;
  347. text-align:center;
  348. font-size:17px;
  349. margin-bottom:120px;
  350. }
  351.  
  352. #pagination a {
  353. padding:0 3px;
  354. }
  355.  
  356. /*container*/
  357.  
  358. #con {
  359. left:50%;
  360. margin-left:-140px;
  361. position:absolute;
  362. }
  363.  
  364. /*posts*/
  365.  
  366. #entries {
  367. margin-top:95px;
  368. width:500px;
  369. }
  370.  
  371. #posts {
  372. width:470px;
  373. {block:IndexPage}
  374. margin-bottom:80px;
  375. {/block:IndexPage}
  376. {block:PermalinkPage}
  377. margin-bottom:50px;
  378. {/block:PermalinkPage}
  379. padding:10px;
  380. background-image:url('{image:post bg}');
  381. border:1px solid {color:border};
  382. }
  383.  
  384. #posts img {
  385. max-width:470px;
  386. }
  387.  
  388. #posts img, #posts li, #posts blockquote {
  389. max-width: 90%;
  390. }
  391.  
  392. .caption {
  393. width:100%;
  394. margin-top:13px;
  395. margin-bottom:12px;
  396. }
  397.  
  398. a.tumblr_blog {
  399. font-weight:bold;
  400. -moz-transition-duration:0.4s;
  401. -webkit-transition-duration:0.4s;
  402. -o-transition-duration:0.4s;
  403. }
  404.  
  405. /*quote*/
  406.  
  407. #titlequote {
  408. text-align:left;
  409. font-size:18px;
  410. line-height:17px;
  411. font-weight:bold;
  412. }
  413.  
  414. #source {
  415. margin-top:0px;
  416. margin-bottom:11px;
  417. margin-left:0px;
  418. }
  419.  
  420. /*asks*/
  421.  
  422. .q {
  423. line-height:17px;
  424. font-size:17px;
  425. }
  426.  
  427. .as {
  428. font-weight:normal;
  429. }
  430.  
  431. .a {
  432. margin-top:13px;
  433. }
  434.  
  435. /*chat*/
  436.  
  437. .chat ol {
  438. padding:0;
  439. list-style:none;
  440. }
  441.  
  442. .line {
  443. padding:0px 0;
  444. }
  445.  
  446. .label {
  447. font-weight:bold;
  448. }
  449.  
  450. /*permalink and notes*/
  451.  
  452. #permalink {
  453. font-size:22px;
  454. text-align:left;
  455. margin-top:9px;
  456. text-transform:lowercase;
  457. }
  458.  
  459. #permalink a {
  460. margin-right:0px;
  461. }
  462.  
  463. .tags {
  464. font-size:17px;
  465. text-transform:none;
  466. }
  467.  
  468. .pagenotes {
  469. {block:IndexPage}
  470. display: none!important;
  471. {/block:IndexPage}
  472. width:500px;
  473. text-align:left;
  474. }
  475.  
  476. .pagenotes img {
  477. display:none!important;
  478. }
  479.  
  480. .pagenotes li {
  481. list-style-type:none;
  482. padding:2px 0px;
  483. text-align:left;
  484. margin:0 0 0 -40px;
  485. }
  486.  
  487. {CustomCSS}
  488.  
  489. </style>
  490.  
  491. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  492. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  493.  
  494. {block:iftitle}<script type="text/javascript">
  495. var rev = "fwd";
  496. function titlebar(val)
  497. {
  498. var msg = "TITLE HERE";
  499. var res = " ";
  500. var speed = 100;
  501. var pos = val;
  502. msg = "{text:title}";
  503. var le = msg.length;
  504. if(rev == "fwd"){
  505. if(pos < le){
  506. pos = pos+1;
  507. scroll = msg.substr(0,pos);
  508. document.title = scroll;
  509. timer = window.setTimeout("titlebar("+pos+")",speed);}
  510. else{
  511. rev = "bwd";
  512. timer = window.setTimeout("titlebar("+pos+")",speed);}}
  513. else{
  514. if(pos > 0){
  515. pos = pos-1;
  516. var ale = le-pos;
  517. scrol = msg.substr(ale,le);
  518. document.title = scrol;
  519. timer = window.setTimeout("titlebar("+pos+")",speed);}
  520. else{
  521. rev = "fwd";
  522. timer = window.setTimeout("titlebar("+pos+")",speed);
  523. }}}
  524. titlebar(0);
  525. </script>{/block:iftitle}</head>
  526.  
  527. <body>
  528.  
  529. <div id="con">
  530.  
  531. <div id="sidebar">
  532.  
  533.  
  534. <div id="sidebar img"><img src="{image:sidebar}"></div>
  535.  
  536.  
  537. {block:ifdesc}<div id="description">{Description}</div>{/block:ifdesc}
  538.  
  539. <div id="links">
  540. <a href="{text:home}" title="{Text:home}"><img src="{image:home}"></a>
  541. <a href="{text:ask}" title="{Text:ask}"><img src="{image:ask}"></a>
  542. <a href="{text:link 1 URL}" title="{Text:link 1}"><img src="{image:link 1}"></a>
  543. <a href="{text:link 2 URL}" title="{Text:link 2}"><img src="{image:link 2}"></a>
  544. <a href="{text:link 3}" title="{Text:link 3}"><img src="{image:link 3}"></a>
  545.  
  546. </div>
  547.  
  548. </div>
  549.  
  550. <div id="entries">
  551.  
  552.  
  553. {block:Posts}
  554.  
  555. <div id="posts">
  556.  
  557. {block:Quote}
  558. <div id="titlequote"><i class="fa fa-quote-left"></i>&nbsp; {Quote} &nbsp;<i class="fa fa-quote-right"></i></div>
  559. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  560. {/block:Quote}
  561.  
  562. {block:Text}
  563. {block:Title}
  564. <div id="title">{Title}</div>{/block:Title}
  565. {Body}
  566. {/block:Text}
  567.  
  568. {block:link}
  569. <div id="title"><a href="{URL}"><i class="fa fa-link"></i>&nbsp; {Name}</a></div>
  570. {block:Description}{Description}{/block:Description}
  571. {/block:link}
  572.  
  573. {block:Chat}
  574. {block:Title}
  575. <div id="title">{Title}</div>{/block:Title}
  576. {/block:Text}
  577. {block:lines}
  578. {block:label}
  579. <br><b>{label}</b>
  580. {/block:label}
  581. {line}
  582. {/block:lines}
  583. {/block:Chat}
  584.  
  585. {block:Photo}
  586. {linkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{linkCloseTag}
  587. {/block:Photo}
  588.  
  589. {block:Photoset}
  590. {Photoset-500}
  591. {/block:Photoset}
  592.  
  593. <div class="video">{Video-500}</div>
  594.  
  595. {block:Audio}
  596. {block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}
  597. {/block:Audio}
  598.  
  599. {block:Answer}
  600. <div class="q">
  601. <div class="as"> <b><big>{Asker} asked:</big></b>
  602. {Question}</div></div>
  603. <div class="a">{Answer}</div>
  604. {/block:Answer}
  605.  
  606. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  607.  
  608. <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->
  609.  
  610. {block:Date}
  611. <div id="permalink">
  612. {block:ifpermalink}<a href="{Permalink}" ><b>{ShortMonth} {DayOfMonthWithSuffix}</b></a>
  613. {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<div style="float:right;">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"></a>{block:ContentSource} <a href="{ReblogRootURL}" title="{ReblogRootName}"></a>{/block:ContentSource}{/block:RebloggedFrom}</div>{/block:ifpermalink}
  614. {block:Date}
  615. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  616.  
  617. </div>
  618.  
  619. {/block:Date}
  620.  
  621. </div>
  622.  
  623. {block:PostNotes}
  624. <div class="pagenotes">
  625. {PostNotes}
  626. </div>
  627. {/block:PostNotes}
  628.  
  629. {/block:Posts}
  630.  
  631. <div id="pagination">
  632. {block:Pagination}
  633. {block:PreviousPage}
  634. <a href="{PreviousPage}">previous page</a>
  635. {/block:PreviousPage}
  636.  
  637.  
  638. {block:NextPage}
  639. <a href="{NextPage}">next page</a>
  640. {/block:NextPage}
  641. {/block:Pagination}
  642. </div>
  643.  
  644. </div>
  645.  
  646. </div>
  647.  
  648. <div style="position:fixed;bottom:10px;opacity:1;right:20px;padding:px;font-size:19px;font-weight:normal;"><a title="theme by bill
  649. ヾ(＠⌒ー⌒＠)ノ" href="https://stenbroughfunkopop.tumblr.com/"><img src="https://78.media.tumblr.com/tumblr_m1k63i5HZR1qb1380.gif"></a></div></body></html></body></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!