API tools faq
paste
Advertisement
firebends

ROSE PETAL

firebends
Aug 20th, 2016
2,027
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.23 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4.  
  5. ROSE PETAL
  6. theme by hailey firebends
  7.  
  8. REFERENCES:
  9. www.pastebin.com/D4n4dW6N
  10.  
  11. -->
  12.  
  13. <head>
  14. <meta charset="utf-8">
  15. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  16.  
  17. {block:Description}
  18. <meta name="description" content="{MetaDescription}"/>
  19. {/block:Description}
  20.  
  21. <title>{Title}</title>
  22.  
  23. {block:ifnotcustomfavicon}
  24. <link rel="shortcut icon" href="{Favicon}">
  25. {/block:ifnotcustomfavicon}
  26. {block:ifcustomfavicon}
  27. <link rel="shortcut icon" href="{image:favicon}">
  28. {/block:ifcustomfavicon}
  29. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  30. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  31.  
  32. <meta name="image:favicon" content=""/>
  33. <meta name="image:cursor" content="http://i.imgur.com/CTuOsr9.png"/>
  34. <meta name="image:bg" content=""/>
  35. <meta name="image:header" content=""/>
  36. <meta name="image:container" content=""/>
  37.  
  38. <meta name="color:bg" content="#ccc"/>
  39. <meta name="color:text" content="#000"/>
  40. <meta name="color:posts" content="#fff"/>
  41. <meta name="color:container" content="#eee"/>
  42. <meta name="color:links" content="#eee"/>
  43. <meta name="color:hover" content="#000"/>
  44. <meta name="color:header" content="#ff0000"/>
  45. <meta name="color:accent" content="#000"/>
  46. <meta name="color:accent text" content="#fff"/>
  47. <meta name="color:perma" content="#ff0000"/>
  48. <meta name="color:highlight" content="#888"/>
  49. <meta name="color:sparkles" content="#ff0000"/>
  50. <meta name="color:scrollbar" content="#000"/>
  51. <meta name="color:tooltip" content="#eee"/>
  52.  
  53. <meta name="select:font" title="arial" content="helvetica"/>
  54. <meta name="select:font" title="gothic" content="ms gothic"/>
  55. <meta name="select:font" title="gothic 2" content="ms pgothic"/>
  56. <meta name="select:font" title="consolas" content="consolas"/>
  57. <meta name="select:font" title="courier new" content="courier new"/>
  58. <meta name="select:font" title="georgia" content="georgia"/>
  59. <meta name="select:font" title="comic sans" content="comic sans ms"/>
  60. <meta name="select:font" title="tahoma" content="tahoma"/>
  61. <meta name="select:font" title="calibri" content="calibri"/>
  62. <meta name="select:font" title="verdana" content="verdana"/>
  63. <meta name="select:font" title="times" content="times new roman"/>
  64.  
  65. <meta name="select:ask text" title="none" content=""/>
  66. <meta name="select:ask text" title="asked" content=" asked"/>
  67. <meta name="select:ask text" title="sent" content=" sent"/>
  68. <meta name="select:ask text" title="messaged" content=" messaged"/>
  69. <meta name="select:ask text" title="said" content=" said"/>
  70.  
  71. <meta name="select:sparkle amount" title="25+" content="25"/>
  72. <meta name="select:sparkle amount" title="50+" content="50"/>
  73. <meta name="select:sparkle amount" title="75+" content="75"/>
  74. <meta name="select:sparkle amount" title="l00+" content="100"/>
  75.  
  76. <meta name="if:custom favicon" content="1"/>
  77. <meta name="if:invert controls" content="1"/>
  78. <meta name="if:monochrome img" content="0"/>
  79. <meta name="if:fit screen bg" content="0"/>
  80. <meta name="if:full header bg" content="1"/>
  81. <meta name="if:full container bg" content="0"/>
  82. <meta name="if:enclosed sidebar" content="1"/>
  83. <meta name="if:circle icon" content="0"/>
  84. <meta name="if:24 hour clock" content="0"/>
  85. <meta name="if:updates tab" content="1"/>
  86. <meta name="if:new captions" content="1"/>
  87. <meta name="if:cursor sparkle trail" content="1"/>
  88. <meta name="if:hidden visitor tracker" content="0"/>
  89. <meta name="if:lazy load" content="1"/>
  90.  
  91. <meta name="text:your name" content="1 name only*"/>
  92. <meta name="text:home title" content="homepage"/>
  93. <meta name="text:ask title" content="inbox"/>
  94. <meta name="text:ask link" content="/ask"/>
  95. <meta name="text:link 1" content="link"/>
  96. <meta name="text:link 1 url" content="/"/>
  97. <meta name="text:link 2" content="link"/>
  98. <meta name="text:link 2 url" content="/"/>
  99. <meta name="text:link 3" content="link"/>
  100. <meta name="text:link 3 url" content="/"/>
  101. <meta name="text:link 4" content="link"/>
  102. <meta name="text:link 4 url" content="/"/>
  103. <meta name="text:twitter name" content="username"/>
  104. <meta name="text:stat counter code" content=""/>
  105. <meta name="text:stat counter code 2" content=""/>
  106. <meta name="text:update info" content=""/>
  107. <meta name="text:hidden visitor tracker code" content=""/>
  108.  
  109. <style type="text/css">
  110.  
  111. .tmblr-iframe, iframe#tumblr_controls{
  112. {block:ifinvertcontrols}
  113. white-space:nowrap;
  114. -webkit-filter:invert(100%);
  115. -moz-filter:invert(100%);
  116. -o-filter:invert(100%);
  117. -ms-filter:invert(100%);
  118. filter:invert(100%);
  119. {/block:ifinvertcontrols}
  120. position:fixed;
  121. padding:1px;
  122. top:8px; right:5px;
  123. }
  124.  
  125. ::-webkit-scrollbar{
  126. width:10px;
  127. height:0;
  128. background:{color:posts};
  129. border:1px solid {color:scrollbar};
  130. cursor:url('{image:cursor}'), auto;
  131. }
  132.  
  133. ::-webkit-scrollbar-thumb{
  134. background:{color:scrollbar};
  135. padding:3px;
  136. cursor:url('{image:cursor}'), auto;
  137. }
  138.  
  139.  
  140. body{
  141. margin:0px;
  142. background:{color:bg} url('{image:bg}') top left fixed repeat;
  143. {block:iffitscreenbg}
  144. background-size:cover;
  145. {/block:iffitscreenbg}
  146. font-family:{select:font};
  147. font-size:12px;
  148. line-height:135%;
  149. letter-spacing:1px;
  150. color:{color:text};
  151. cursor:url('{image:cursor}'), auto;
  152. text-align:justify;
  153. }
  154.  
  155. p{
  156. margin:0 0 10px 0;
  157. padding:0;
  158. }
  159.  
  160. small{
  161. font-size:12px;
  162. font:{select:font};
  163. color:{color:accent text};
  164. background:{color:accent};
  165. letter-spacing:2px;
  166. line-height:150%;
  167. padding:5px;
  168. }
  169.  
  170. pre{
  171. font-size:13px;
  172. font:{select:font};
  173. color:{color:accent text};
  174. background:{color:accent};
  175. letter-spacing:1px;
  176. line-height:165%;
  177. padding:5px;
  178. }
  179.  
  180. a{
  181. color:{color:links};
  182. text-decoration:none;
  183. cursor:url('{image:cursor}'), auto;
  184. }
  185.  
  186. a:hover{
  187. color:{color:hover};
  188. text-decoration:none;
  189. cursor:url('{image:cursor}'), auto;
  190. -webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;transition: all 0.5s linear;
  191. }
  192.  
  193. ::-moz-selection{
  194. background:none;
  195. color:{color:highlight};
  196. }
  197.  
  198. ::selection{
  199. background:none;
  200. color:{color:highlight};
  201. }
  202.  
  203. li{
  204. margin-left:-15px;
  205. }
  206.  
  207. #wrapper{
  208. width:600px;
  209. margin:50px auto;
  210. }
  211.  
  212. #sidebar{
  213. width:200px;
  214. text-align:center;
  215. position:fixed;
  216. top:125px;
  217. right:150px;
  218. font-size:12px;
  219. padding:15px;
  220. color:{color:text};
  221. {block:ifenclosedsidebar}
  222. margin-top:-30px;
  223. padding-top:45px;
  224. background:{color:posts};
  225. border:1px solid {color:text};
  226. {/block:ifenclosedsidebar}
  227. }
  228.  
  229. .sbbg{
  230. background:{color:header};
  231. background-image:url('{image:header}');
  232. background-attachment:fixed;
  233. {block:iffullheaderbg}
  234. background-size:cover;
  235. background-position:right top;
  236. background-position:right bottom;
  237. {/block:iffullheaderbg}
  238. border:1px solid {color:scrollbar};
  239. border-radius:15px 50px 30px 5px;
  240. height:115px;
  241. }
  242.  
  243. .avatar{
  244. margin-top:-40px;
  245. margin-left:-35px;
  246. padding:2px;
  247. }
  248.  
  249. .avatar img{
  250. max-width:100%;
  251. {block:ifcircleicon}
  252. border-radius:50%;
  253. {/block:ifcircleicon}
  254. border:1px solid {color:scrollbar};
  255. }
  256.  
  257. .avatar img:hover{
  258. border-radius:50%;
  259. {block:ifcircleicon}
  260. border-radius:100%;
  261. {/block:ifcircleicon}
  262. -webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;transition: all 0.5s linear;
  263. }
  264.  
  265. .description{
  266. width:175px;
  267. margin-left:auto;
  268. margin-right:auto;
  269. padding:5px;
  270. }
  271.  
  272. {block:ifstatcountercode}
  273. .statcounter{
  274. padding:2px;
  275. width:200px;
  276. line-height:190%;
  277. margin-top:5px;
  278. text-transform:uppercase;
  279. font-size:11px;
  280. }
  281.  
  282. .statcounter a{
  283. padding:2px;
  284. border-bottom:1px solid {color:hover};
  285. letter-spacing:2px;
  286. }
  287.  
  288. .statcounter a:hover{
  289. border-bottom:none;
  290. letter-spacing:3px;
  291. font-weight:bold;
  292. -webkit-transition: all 0.7s linear;-moz-transition: all 0.7s linear;transition: all 0.7s linear;
  293. }
  294. {/block:ifstatcountercode}
  295.  
  296. #sidelinks{
  297. position:fixed;
  298. width:200px;
  299. top:100px;
  300. right:150px;
  301. font-size:15px;
  302. padding:15px;
  303. }
  304.  
  305. #sidelinks a{
  306. padding:3px;
  307. }
  308.  
  309. #searchbar{
  310. width:200px;
  311. position:fixed;
  312. bottom:5px;
  313. right:155px;
  314. font-size:12px;
  315. padding:5px;
  316. padding-top:10px;
  317. padding-bottom:10px;
  318. background:{color:posts};
  319. border-radius:3px 3px 3px 3px;
  320. border:1px solid {color:text};
  321. cursor:url('{image:cursor}'), auto;
  322. }
  323.  
  324. .search{
  325. border:none;
  326. padding:5px;
  327. margin-left:5px;
  328. font-size:12px;
  329. background:none;
  330. color:{color:links};
  331. cursor:url('{image:cursor}'), auto;
  332. }
  333.  
  334. .search:hover{
  335. color:{color:hover};
  336. -webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;transition: all 0.5s linear;
  337. }
  338.  
  339. #content{
  340. width:450px;
  341. padding:10px;
  342. padding-top:20px;
  343. height:100%;
  344. background:{color:container};
  345. background-image:url('{image:container}');
  346. background-attachment:fixed;
  347. {block:iffullcontainerbg}
  348. background-size:cover;
  349. background-position:right top;
  350. background-position:right bottom;
  351. {/block:iffullcontainerbg}
  352. border:1px solid {color:scrollbar};
  353. margin-left:-100px;
  354. }
  355.  
  356. .post{
  357. width:400px;
  358. background:{color:posts};
  359. border:1px solid {color:scrollbar};
  360. margin-left:auto;
  361. margin-right:auto;
  362. {block:indexpage}
  363. margin-bottom:150px;
  364. {/block:indexpage}
  365. {block:permalinkpage}
  366. margin-bottom:25px;
  367. {/block:permalinkpage}
  368. padding:10px;
  369. overflow:none;
  370. }
  371.  
  372. .post img{
  373. max-width:100%;
  374. cursor:url('{image:cursor}'), auto;
  375. {block:ifmonochromeimg}
  376. {block:indexpage}
  377. -webkit-filter:Grayscale(100%);
  378. {/block:indexpage}
  379. {/block:ifmonochromeimg}
  380. }
  381.  
  382. {block:ifmonochromeimg}
  383. {block:indexpage}
  384. .post img:hover{
  385. -webkit-filter: Grayscale(0%);
  386. -webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;transition: all 0.5s linear;
  387. cursor:url('{image:cursor}'), auto;
  388. }
  389.  
  390. iframe.photoset{
  391. -webkit-filter: Grayscale(100%);
  392. }
  393.  
  394. iframe.photoset:hover{
  395. -webkit-filter: Grayscale(0%);
  396. -webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;transition: all 0.5s linear;
  397. cursor:url('{image:cursor}'), auto;
  398. }
  399. {/block:indexpage}
  400. {/block:ifmonochromeimg}
  401.  
  402. #nav{
  403. margin-left:auto;
  404. margin-right:auto;
  405. width:400px;
  406. line-height:250%;
  407. padding:5px;
  408. letter-spacing:2px;
  409. font-size:11px;
  410. text-transform:uppercase;
  411. cursor:url('{image:cursor}'), auto;
  412. }
  413.  
  414. #nav a{
  415. background:{color:bg};
  416. border:1px solid {color:links};
  417. color:{color:links};
  418. padding:3px;
  419. }
  420.  
  421. #nav a:hover{
  422. color:{color:hover};
  423. letter-spacing:3px;
  424. font-weight:bold;
  425. }
  426.  
  427. .media{
  428. margin:0 0 5px 0;
  429. cursor:url('{image:cursor}'), auto;
  430. }
  431.  
  432. .heading{
  433. {block:IndexPage}
  434. font-size:14px;
  435. {/block:IndexPage}
  436. {block:PermalinkPage}
  437. font-size:20px;
  438. {/block:PermalinkPage}
  439. line-height:125%;
  440. margin-bottom:10px;
  441. text-align:justify;
  442. }
  443.  
  444. .linkdesc{
  445. background:none;
  446. }
  447.  
  448. .chat{
  449. font-size:12px;
  450. padding:3px;
  451. }
  452.  
  453. .chat .odd{
  454. padding:5px;
  455. background:{color:accent};
  456. color:{color:accent text};
  457. margin-top:2px;
  458. margin-bottom:2px;
  459. }
  460.  
  461. .chat .even{
  462. padding:5px;
  463. background:{color:accent};
  464. color:{color:accent text};
  465. margin-top:2px;
  466. margin-bottom:2px;
  467. }
  468.  
  469. .question{
  470. margin-bottom:10px;
  471. color:{color:text};
  472. background:{color:accent};
  473. font-size:12px;
  474. padding:7px;
  475. text-align:justify;
  476. border-radius:5px 5px 5px 5px;
  477. }
  478.  
  479. .question a{
  480. color:{color:text};
  481. border-bottom:1px solid {color:links};
  482. text-decoration:none;
  483. }
  484.  
  485. .question a:hover{
  486. color:{color:accent text};
  487. border-bottom:1px solid {color:hover};
  488. text-decoration:none;
  489. }
  490.  
  491. .taggie{
  492. padding:3px;
  493. margin-top:7px;
  494. line-height:190%;
  495. margin-bottom:-5px;
  496. {block:indexpage}
  497. text-align:right;
  498. border-top:1px solid {color:perma};
  499. {/block:indexpage}
  500. {block:permalinkpage}
  501. text-align:center;
  502. border:1px solid {color:perma};
  503. background:{color:perma};
  504. border-radius:10px;
  505. {/block:permalinkpage}
  506. font-size:11px;
  507. }
  508.  
  509. .taggie a{
  510. padding:1px;
  511. color:{color:text};
  512. border-bottom:1px solid {color:links};
  513. {block:permalinkpage}
  514. background:{color:posts};
  515. border-bottom:none;
  516. {/block:permalinkpage}
  517. }
  518.  
  519. .taggie a:hover{
  520. border-bottom:1px solid {color:hover};
  521. {block:permalinkpage}
  522. color:{color:links};
  523. border-bottom:none;
  524. {/block:permalinkpage}
  525. }
  526.  
  527. .permabox{
  528. {block:indexpage}
  529. position:absolute;
  530. width:400px;
  531. margin-left:-10px;
  532. {/block:indexpage}
  533. font-size:13px;
  534. margin-top:15px;
  535. padding:10px;
  536. padding-bottom:5px;
  537. text-align:center;
  538. }
  539.  
  540. .permabox .plinks{
  541. background:{color:posts};
  542. border-radius:0px 0px 15px 15px;
  543. border:1px solid {color:scrollbar};
  544. width:200px;
  545. text-align:center;
  546. margin-left:auto;
  547. margin-right:auto;
  548. padding:5px;
  549. }
  550.  
  551. .permabox a{
  552. padding:4px;
  553. }
  554.  
  555. .permabox a:hover{
  556. text-decoration:none;
  557. }
  558.  
  559. {block:ifnotnewcaptions}
  560. blockquote{
  561. margin:0 0 5px 5px;
  562. padding:0 0 0 10px;
  563. border-left:1px solid {color:scrollbar};
  564. }
  565. {/block:ifnotnewcaptions}
  566.  
  567.  
  568. {block:ifnewcaptions}
  569. blockquote{
  570. margin:0 0 5px 0;
  571. padding:0 0 0 5px;
  572. }
  573.  
  574. blockquote.tumblr_parent h2{
  575. font-size:1px solid {color:text};
  576. }
  577.  
  578. .tumblr_blog{
  579. border-bottom:1px solid {color:scrollbar};
  580. line-height:200%;
  581. }
  582.  
  583. .tumblr_parent:not(:last-of-type){
  584. border-bottom:1px dotted {color:perma};
  585. }
  586. {/block:ifnewcaptions}
  587.  
  588. #rebloglike{
  589. margin-top:5px;
  590. font-size:11px;
  591. overflow:auto;
  592. max-height:150px;
  593. text-align:left;
  594. padding:10px;
  595. line-height:150%;
  596. }
  597.  
  598. #rebloglike img{
  599. display:none;
  600. }
  601.  
  602. #rebloglike li{
  603. list-style-type:none;
  604. text-align:left;
  605. }
  606.  
  607. #rebloglike .head{
  608. padding:2px;
  609. font-size:15px;
  610. text-transform:uppercase;
  611. }
  612.  
  613. #updatetab{
  614. top:10px;
  615. left:10px;
  616. padding:10px;
  617. width:125px;
  618. height:auto;
  619. position:fixed;
  620. text-align:center;
  621. text-transform:lowercase;
  622. background:{color:posts};
  623. color:{color:text};
  624. border:1px solid {color:text};
  625. }
  626.  
  627. .updatetitle{
  628. font-size:14px;
  629. padding-bottom:10px;
  630. border-bottom:1px solid {color:perma};
  631. }
  632.  
  633. .updatebody{
  634. font-size:11px;
  635. padding-top:5px;
  636. }
  637.  
  638. #s-m-t-tooltip{
  639. max-width:100%;
  640. margin-top:15px;
  641. margin-left:15px;
  642. font-size:12px;
  643. padding:5px;
  644. padding-left:7px;
  645. padding-right:8px;
  646. display:inline-block;
  647. color:{color:text};
  648. font-style:italic;
  649. background:{color:tooltip};
  650. border:1px solid {color:scrollbar};
  651. text-transform:lowercase;
  652. }
  653.  
  654. #credit{
  655. bottom:5px;
  656. left:5px;
  657. padding:5px;
  658. height:15px;
  659. width:15px;
  660. text-align:center;
  661. position:fixed;
  662. font-size:13px;
  663. border-radius:50%;
  664. border:1px solid {color:links};
  665. background:{color:posts};
  666. }
  667.  
  668. {CustomCSS}
  669.  
  670. </style>
  671.  
  672. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  673. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  674.  
  675. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  676. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  677. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.7/jquery.min.js"></script>
  678. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  679. <script>
  680. (function($){
  681. $(document).ready(function(){
  682. $("[title]").style_my_tooltips({
  683. tip_follows_cursor:true,
  684. tip_delay_time:200,
  685. tip_fade_speed:300
  686. }
  687. );
  688. });
  689. })(jQuery);
  690. </script>
  691.  
  692. {block:ifcursorsparkletrail}
  693. <script type="text/javascript">
  694. // <![CDATA[
  695. var colour="{color:sparkles}";
  696. var sparkles={select:sparkle amount};
  697.  
  698. /****************************
  699. * Tinkerbell Magic Sparkle *
  700. * (c) 2005 mf2fm web-design *
  701. * http://www.mf2fm.com/rv *
  702. * DON'T EDIT BELOW THIS BOX *
  703. ****************************/
  704. var x=ox=400;
  705. var y=oy=300;
  706. var swide=800;
  707. var shigh=600;
  708. var sleft=sdown=0;
  709. var tiny=new Array();
  710. var star=new Array();
  711. var starv=new Array();
  712. var starx=new Array();
  713. var stary=new Array();
  714. var tinyx=new Array();
  715. var tinyy=new Array();
  716. var tinyv=new Array();
  717.  
  718. window.onload=function() { if (document.getElementById) {
  719. var i, rats, rlef, rdow;
  720. for (var i=0; i<sparkles; i++) {
  721. var rats=createDiv(3, 3);
  722. rats.style.visibility="hidden";
  723. document.body.appendChild(tiny[i]=rats);
  724. starv[i]=0;
  725. tinyv[i]=0;
  726. var rats=createDiv(5, 5);
  727. rats.style.backgroundColor="transparent";
  728. rats.style.visibility="hidden";
  729. var rlef=createDiv(1, 5);
  730. var rdow=createDiv(5, 1);
  731. rats.appendChild(rlef);
  732. rats.appendChild(rdow);
  733. rlef.style.top="2px";
  734. rlef.style.left="0px";
  735. rdow.style.top="0px";
  736. rdow.style.left="2px";
  737. document.body.appendChild(star[i]=rats);
  738. }
  739. set_width();
  740. sparkle();
  741. }}
  742.  
  743. function sparkle() {
  744. var c;
  745. if (x!=ox || y!=oy) {
  746. ox=x;
  747. oy=y;
  748. for (c=0; c<sparkles; c++) if (!starv[c]) {
  749. star[c].style.left=(starx[c]=x)+"px";
  750. star[c].style.top=(stary[c]=y)+"px";
  751. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  752. star[c].style.visibility="visible";
  753. starv[c]=50;
  754. break;
  755. }
  756. }
  757. for (c=0; c<sparkles; c++) {
  758. if (starv[c]) update_star(c);
  759. if (tinyv[c]) update_tiny(c);
  760. }
  761. setTimeout("sparkle()", 40);
  762. }
  763.  
  764. function update_star(i) {
  765. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  766. if (starv[i]) {
  767. stary[i]+=1+Math.random()*3;
  768. if (stary[i]<shigh+sdown) {
  769. star[i].style.top=stary[i]+"px";
  770. starx[i]+=(i%5-2)/5;
  771. star[i].style.left=starx[i]+"px";
  772. }
  773. else {
  774. star[i].style.visibility="hidden";
  775. starv[i]=0;
  776. return;
  777. }
  778. }
  779. else {
  780. tinyv[i]=50;
  781. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  782. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  783. tiny[i].style.width="2px";
  784. tiny[i].style.height="2px";
  785. star[i].style.visibility="hidden";
  786. tiny[i].style.visibility="visible"
  787. }
  788. }
  789.  
  790. function update_tiny(i) {
  791. if (--tinyv[i]==25) {
  792. tiny[i].style.width="1px";
  793. tiny[i].style.height="1px";
  794. }
  795. if (tinyv[i]) {
  796. tinyy[i]+=1+Math.random()*3;
  797. if (tinyy[i]<shigh+sdown) {
  798. tiny[i].style.top=tinyy[i]+"px";
  799. tinyx[i]+=(i%5-2)/5;
  800. tiny[i].style.left=tinyx[i]+"px";
  801. }
  802. else {
  803. tiny[i].style.visibility="hidden";
  804. tinyv[i]=0;
  805. return;
  806. }
  807. }
  808. else tiny[i].style.visibility="hidden";
  809. }
  810.  
  811. document.onmousemove=mouse;
  812. function mouse(e) {
  813. set_scroll();
  814. y=(e)?e.pageY:event.y+sdown;
  815. x=(e)?e.pageX:event.x+sleft;
  816. }
  817.  
  818. function set_scroll() {
  819. if (typeof(self.pageYOffset)=="number") {
  820. sdown=self.pageYOffset;
  821. sleft=self.pageXOffset;
  822. }
  823. else if (document.body.scrollTop || document.body.scrollLeft) {
  824. sdown=document.body.scrollTop;
  825. sleft=document.body.scrollLeft;
  826. }
  827. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  828. sleft=document.documentElement.scrollLeft;
  829. sdown=document.documentElement.scrollTop;
  830. }
  831. else {
  832. sdown=0;
  833. sleft=0;
  834. }
  835. }
  836.  
  837. window.onresize=set_width;
  838. function set_width() {
  839. if (typeof(self.innerWidth)=="number") {
  840. swide=self.innerWidth;
  841. shigh=self.innerHeight;
  842. }
  843. else if (document.documentElement && document.documentElement.clientWidth) {
  844. swide=document.documentElement.clientWidth;
  845. shigh=document.documentElement.clientHeight;
  846. }
  847. else if (document.body.clientWidth) {
  848. swide=document.body.clientWidth;
  849. shigh=document.body.clientHeight;
  850. }
  851. }
  852.  
  853. function createDiv(height, width) {
  854. var div=document.createElement("div");
  855. div.style.position="absolute";
  856. div.style.height=height+"px";
  857. div.style.width=width+"px";
  858. div.style.overflow="hidden";
  859. div.style.backgroundColor=colour;
  860. return (div);
  861. }
  862. // ]]>
  863. </script>
  864. {/block:ifcursorsparkletrail}
  865.  
  866. {block:iflazyload}
  867. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  868. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  869. <script type="text/javascript" charset="utf-8">
  870. var $j = jQuery.noConflict();
  871. $j(function() {
  872. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  873. $j("img").lazyload({
  874. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  875. effect: "fadeIn",
  876. });
  877. });
  878. </script>
  879. {/block:iflazyload}
  880.  
  881. {block:ifnewcaptions}
  882. <script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
  883. <script type="text/javascript" src="http://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  884. <script>
  885. $(function(){ var $j = jQuery.noConflict();
  886. $j('.post').unnest({
  887. yourCaption: ".caption",
  888. wrapName: ".tumblr_parent",
  889. newCaptionUsername: false,
  890. originalPostCaptionUsername: false,
  891. tumblrAvatars: false,
  892. usernameColon: true
  893. });});
  894. </script>
  895. {/block:ifnewcaptions}
  896.  
  897. </head>
  898.  
  899. <body>
  900. <div id="wrapper">
  901.  
  902. <div id="sidebar">
  903. <div class="sbbg"></div>
  904. <div class="avatar"><div class="avatar img"><img src="{PortraitUrl-96}"/></div></div>
  905. {block:Description}<div class="description"><center>{Description}</center></div>{/block:Description}
  906. {block:ifstatcountercode}<div class="statcounter">{text:stat counter code}{block:ifstatcountercode2}<br>{text:stat counter code 2}{/block:ifstatcountercode2}</div>{/block:ifstatcountercode}
  907. </div>
  908.  
  909. <div id="sidelinks"><center><a href="/" title="{text:home title}"><i class="fa fa-home"></i></a> <a href="{text:ask link}" title="{text:ask title}"><i class="fa fa-comment-o"></i></a>{block:iflink1} <a href="{text:link 1 url}" title="{text:link 1}"><i class="fa fa-newspaper-o"></i></a>{/block:iflink1}{block:iflink2} <a href="{text:link 2 url}" title="{text:link 2}"><i class="fa fa-pencil-square-o"></i></a>{/block:iflink2}{block:iflink3} <a href="{text:link 3 url}" title="{text:link 3}"><i class="fa fa-cogs"></i></a>{/block:iflink3}{block:iflink4} <a href="{text:link 4 url}" title="{text:link 4}"><i class="fa fa-bookmark-o"></i></a>{/block:iflink4}{block:iftwittername} <a href="http://twitter.com/{text:twitter name}" title="@{text:twitter name}" target="_blank"><i class="fa fa-twitter"></i></a>{/block:iftwittername}</center></div>
  910.  
  911. <div id="searchbar"><center><form action="/search" method="get" class="sfm"><input type="text" name="q" value="{SearchQuery}" style="width:125px; font:{select:font}; font-size:12px; font-style:italic; letter-spacing:1px; padding:2px; background:none; color:{color:links}; border:0px; border-bottom:1px solid {color:scrollbar}; cursor:url('{image:cursor}'), auto;"/><button type="submit" class="search" title="search this?"><i class="fa fa-search"></i></i></button></form></center></div>
  912.  
  913. <div id="content">
  914.  
  915. {block:Posts}
  916.  
  917. <div class="post">
  918.  
  919. {block:Text}
  920. {block:Title}
  921. <div class="heading"><b>{Title}</b></div>
  922. {/block:Title}
  923. <div class="caption">{Body}</div>
  924. {/block:Text}
  925.  
  926. {block:Photo}
  927. <center><div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div></center>
  928. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  929. {/block:Photo}
  930.  
  931. {block:Photoset}
  932. <div class="media"><center>{Photoset-400}</center></div>
  933. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  934. {/block:Photoset}
  935.  
  936. {block:Quote}
  937. <div class="heading"><i class="fa fa-quote-left"></i>{Quote}<i class="fa fa-quote-right"></i></div>
  938. {block:Source}<div class="quotesource" style="text-align:right;">— <i>{Source}</i></div>{/block:Source}
  939. {/block:Quote}
  940.  
  941. {block:Link}
  942. {block:Thumbnail}<div class="media"><center><img src="{Thumbnail-HighRes}"/></center></div>{/block:Thumbnail}
  943. <div class="heading"><i class="fa fa-code-fork"></i> <a href="{URL}" title="go to link?"><b>{Name}</b> <i class="fa fa-angle-double-right"></i></a></div>
  944. {block:Description}
  945. <div class="linkdesc">{Description}</div>
  946. {/block:Description}
  947. {/block:Link}
  948.  
  949. {block:Chat}
  950. {block:Title}<div class="heading"><b>{Title}</b></div>{/block:Title}
  951.  
  952. {block:Lines}<div class="chat">
  953. <div class="{Alt} user_{UserNumber}">
  954. {block:Label}<div style="display:inline; font-weight:bold; font-size:11px; text-transform:uppercase;">{Label}</div>{/block:Label}
  955. {Line}
  956. </div></div>
  957. {/block:Lines}
  958. {/block:Chat}
  959.  
  960. {block:Video}
  961. <div class="media"><center>{Video-400}</center></div>
  962. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  963. {/block:Video}
  964.  
  965. {block:Audio}
  966. <div class="media"><center>{AudioEmbed-400}</center></div>
  967. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  968. {/block:Audio}
  969.  
  970. {block:Answer}
  971. <div class="question"><div style="display:inline; font-size:11px; font-weight:bold; text-transform:uppercase;">{Asker}{select:ask text}:</div> {Question}</div>
  972. <div class="caption">{Answer}</div>
  973. {/block:Answer}
  974.  
  975. {block:Date}
  976. {block:IndexPage}
  977. {block:HasTags}<div class="taggie">{block:Tags}<a href="{TagUrl}" title="view more?">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  978. <div class="permabox"><div class="plinks"><center><a href="{permalink}" title="{TimeAgo}"><i class="fa fa-clock-o"></i></a> {block:Reblog}<a href="{ReblogParentURL}" title="via @{ReblogParentName}"><i class="fa fa-share"></i></a>{block:ContentSource}{block:Reblog} {/block:Reblog}<a href="{SourceURL}" title="by @{ReblogRootName}"><i class="fa fa-external-link-square"></i></a>{/block:ContentSource}{/block:Reblog} <a href="{ReblogUrl}" title="+{NoteCountWithLabel}"><i class="fa fa-retweet"></i></a>{block:Submission} <a href="{SubmitterUrl}" title="sent by @{Submitter}"><i class="fa fa-upload"></i></a>{/block:Submission}{block:HasTags} <a title="categorized post"><i class="fa fa-tag"></i></a>{/block:HasTags}</center></div></div>
  979. {/block:IndexPage}
  980.  
  981. {block:PermalinkPage}
  982. {block:HasTags}<div class="taggie">{block:Tags}<a href="{TagUrl}" title="view more?">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  983. <div class="permabox"><center><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}" title="{block:ifnot24hourclock}{12hour}:{Minutes}{AMPM}{/block:ifnot24hourclock}{block:if24hourclock}{24hour}:{Minutes}{/block:if24hourclock} | {DayofMonth} {ShortMonth} {Year}"><i class="fa fa-clock-o"></i></a> {block:Reblog}<a href="{ReblogParentURL}" title="via @{ReblogParentName}"><i class="fa fa-share"></i></a>{block:ContentSource}{block:Reblog} {/block:Reblog}<a href="{SourceURL}" title="by @{ReblogRootName}"><i class="fa fa-external-link-square"></i></a>{/block:ContentSource}{/block:Reblog} <a href="{ReblogUrl}" title="+{NoteCountWithLabel}"><i class="fa fa-retweet"></i></a>{block:Submission} <a href="{SubmitterUrl}" title="sent by @{Submitter}"><i class="fa fa-upload"></i></a>{/block:Submission}{block:HasTags} <a title="categorized post"><i class="fa fa-tags"></i></a>{/block:HasTags}
  984. <div style="font-size:11px;">{block:PermalinkPagination}{block:NextPost}<a href="{NextPost}" title="go to post?"><i class="fa fa-chevron-circle-left"></i> newer post</a>{/block:NextPost} {block:PreviousPost}<a href="{PreviousPost}" title="go to post?">older post <i class="fa fa-chevron-circle-right"></i></a>{/block:PreviousPost}<br>{/block:PermalinkPagination}</div></center></div>
  985. {/block:PermalinkPage}
  986.  
  987. {block:PermalinkPage}
  988. {block:NoteCount}<div id="rebloglike">
  989. <div class="head"><i class="fa fa-users"></i> <div style="display:inline; font-size:11px; font-weight:bold; background:{color:accent}; border-radius:3px; padding:4px;">post notes</div></div>
  990. {block:PostNotes}{PostNotes}{/block:PostNotes}
  991. </div>{/block:NoteCount}
  992. {/block:PermalinkPage}
  993.  
  994. {/block:Date}
  995.  
  996. </div>
  997.  
  998. {/block:Posts}
  999.  
  1000. {block:ifupdatestab}<div id="updatetab"><div class="updatetitle"><a title="updates"><i class="fa fa-bullhorn"></i></a></div> <div class="updatebody">{text:update info}</div></div>{/block:ifupdatestab}
  1001.  
  1002. <div id="nav">
  1003. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" title="go to page?"><i class="fa fa-chevron-circle-left"></i> newer posts</a> {/block:PreviousPage}{block:NextPage}<div style="display:inline; float:right; text-align:right;"><a href="{NextPage}" title="go to page?">older posts <i class="fa fa-chevron-circle-right"></i></a></div>{/block:NextPage}<br>{/block:Pagination}<center><a href="/archive" title="view blog archive?" target="_blank"><i class="fa fa-calendar"></i> memories</a> <a href="/" title="by {text:your name} {Name}"><i class="fa fa-history"></i> {CopyrightYears}</a> <a href="{RSS}" title="view rss feed?" target="_blank"><i class="fa fa-fw fa-rss"></i> rss feed</a></center>
  1004. </div>
  1005.  
  1006. <div id="credit"><a href="http://firebends.tumblr.com/" title="theme credit" target="_blank"><i class="fa fa-code"></i></a></div>
  1007.  
  1008. {block:ifhiddenvisitortracker}
  1009. {text:hidden visitor tracker code}
  1010. {/block:ifhiddenvisitortracker}
  1011.  
  1012. </div>
  1013. </div>
  1014. </div>
  1015.  
  1016. </div>
  1017.  
  1018. </body>
  1019. </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!