API tools faq
paste
Advertisement
harreyeh

Blue

harreyeh
Nov 28th, 2014
5,429
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.98 KB | None | 0 0
raw download clone embed print report
  1. <!-- theme by hardziam // themesbyzsu.tumblr.com -->
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <head>
  8.  
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12.  
  13. <meta name="color:Background" content="#fff" />
  14. <meta name="color:Sidebar BG" content="#eaeaea" />
  15.  
  16. <meta name="color:Body" content="#333" />
  17. <meta name="color:Links" content="#2e2e2e" />
  18. <meta name="color:Links Hover" content="#cdf8ff" />
  19.  
  20. <meta name="color:Description Font" content="#bebebe" />
  21. <meta name="color:Description Link" content="#bffbff" />
  22. <meta name="color:Description Link Hover" content="#eee" />
  23.  
  24. <meta name="color:Sidebar Link" content="#333" />
  25. <meta name="color:Sidebar Link Hover" content="#007084" />
  26.  
  27. <meta name="color:Info Line" content="#c4e9f0" />
  28. <meta name="color:Sparkles" content="#78def0" />
  29. <meta name="color:Accent" content="#78def0" />
  30.  
  31. <meta name="image:Sidebar" content="" />
  32.  
  33. <meta name="image:Cursor" content="http://media.tumblr.com/42367e0e8f7c21d3b1e7b99d682823ec/tumblr_inline_mulfejZTJL1qid2nw.gif" />
  34.  
  35. <meta name="if:White Description" content="0" />
  36. <meta name="if:Description" content="1" />
  37. <meta name="if:Custom Cursor" content="1" />
  38. <meta name="if:Sparkles" content="1" />
  39.  
  40. <meta name="text:Link1" content="index" />
  41. <meta name="text:Link1 URL" content="/" />
  42. <meta name="text:Link2" content="message" />
  43. <meta name="text:Link2 URL" content="/ask" />
  44. <meta name="text:Link3" content="archive" />
  45. <meta name="text:Link3 URL" content="/archive" />
  46. <meta name="text:Link4" content="link" />
  47. <meta name="text:Link4 URL" content="/" />
  48. <meta name="text:Link5" content="link" />
  49. <meta name="text:Link5 URL" content="/" />
  50. <meta name="text:Link6" content="link" />
  51. <meta name="text:Link6 URL" content="/" />
  52. <meta name="text:Link7" content="link" />
  53. <meta name="text:Link7 URL" content="/" />
  54.  
  55. <meta name="text:Body Font" content="Calibri" />
  56. <meta name="text:Sidebar Height" content="230px" />
  57.  
  58. <!------- TOOLTIPS ------>
  59. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  60. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  61. <script>
  62. (function($){
  63. $(document).ready(function(){
  64. $("[title]").style_my_tooltips();
  65. });
  66. })(jQuery);
  67. </script>
  68.  
  69. {block:ifCustomCursor}
  70. <style>
  71. body, a, a:hover { cursor:url('{image:Cursor}'), auto !important;}
  72. </style>
  73. {/block:ifCustomCursor}
  74.  
  75. <style type="text/css">
  76.  
  77. #s-m-t-tooltip {display: block;background:black;font-size: 8px;font-family: calibri;letter-spacing: 1px;text-transform: uppercase;line-height:130%;color: white;text-align: center;margin-left: 25px;padding:3px 5px 3px 5px;min-width: 40px;z-index: 9999999999;}
  78.  
  79. ::-webkit-scrollbar-thumb {
  80. height:4px;
  81. background-color:#555;
  82. }
  83.  
  84. ::-webkit-scrollbar-button {
  85. background-color:#555;
  86. height:4px;
  87. }
  88.  
  89. ::-webkit-scrollbar {
  90. width:4px;
  91. height:4px;
  92. background:#eee;
  93. }
  94.  
  95. body {
  96. background: {color:Background} center center fixed;
  97. position:absolute;
  98. font:11px {text:Body Font};
  99. width:100%;height:100%;
  100. margin:0;padding:0;
  101. color:{color:Body};
  102. }
  103.  
  104. blockquote {
  105. border-left:1px solid #eee;
  106. padding:0;
  107. margin:0;margin-left:10px;
  108. padding-left:10px;
  109. text-align: justify;
  110. }
  111.  
  112. blockquote img {
  113. max-width: 100%;
  114. display: block;
  115. margin-bottom: 5px;
  116. }
  117.  
  118. blockquote blockquote {
  119. margin: 10px;
  120. padding: 10px;
  121. }
  122.  
  123. pre {
  124. white-space: pre-wrap;
  125. white-space: -moz-pre-wrap;
  126. white-space: -pre-wrap;
  127. white-space: -o-pre-wrap;
  128. word-wrap: break-word;
  129. }
  130.  
  131. a {
  132. text-decoration:none;
  133. outline:none;
  134. color:{color:Links};
  135. -webkit-transition: all 0.5s ease-in-out;
  136. -moz-transition: all 0.5s ease-in-out;
  137. -o-transition: all 0.5s ease-in-out;
  138. }
  139.  
  140. a:hover {
  141. color:{color:Links Hover};
  142. -webkit-transition: all 0.5s ease-in-out;
  143. -moz-transition: all 0.5s ease-in-out;
  144. -o-transition: all 0.5s ease-in-out;
  145. }
  146.  
  147. .tumblr_blog{
  148. text-decoration:underline;
  149. }
  150.  
  151. h1 {
  152. font:20px calibri;
  153. text-align:center;
  154. text-transform:uppercase;
  155. border-bottom:1px solid black;
  156. display:inline-block;
  157. padding-bottom:10px;
  158. padding-right:50px;
  159. }
  160.  
  161. h2 {
  162. font-family:tahoma;
  163. text-transform:uppercase;
  164. padding:5px;
  165. color:{color:Link};
  166. }
  167.  
  168. #sidebarbg{
  169. position:fixed;
  170. content:'';
  171. left:0px;
  172. height:100%;
  173. width:350px;
  174. top:0%;
  175. background:{color:Sidebar BG};
  176. }
  177.  
  178. #sidebar{
  179. position:fixed;
  180. top:50%;
  181. margin-top:-200px;
  182. left:110px;
  183. width:160px;
  184. font:11px {text:Body Font};
  185. z-index:1;
  186. height:{text:Sidebar Height};
  187. padding:30px;
  188. text-align:center;
  189. padding:15px;
  190. background:#fff center center;
  191. background-image:url("{image:Sidebar}");
  192. background-size:200px;
  193. -webkit-transition: all 0.5s ease-in-out;
  194. -moz-transition: all 0.5s ease-in-out;
  195. -o-transition: all 0.5s ease-in-out;
  196. }
  197.  
  198. #sidebar:hover{
  199. {block:ifDescription}
  200. background-size:400px;
  201. {/block:ifDescription}
  202. -webkit-transition: all 0.5s ease-in-out;
  203. -moz-transition: all 0.5s ease-in-out;
  204. -o-transition: all 0.5s ease-in-out;
  205. }
  206.  
  207. #sidebar:hover #desc{
  208. opacity:1;
  209. -webkit-transition: all 0.5s ease-in-out;
  210. -moz-transition: all 0.5s ease-in-out;
  211. -o-transition: all 0.5s ease-in-out;
  212. }
  213.  
  214. #desc{
  215. position:relative;
  216. overflow:hidden;
  217. width:160px;
  218. height:{text:Sidebar Height};
  219. color:{color:Description Font};
  220. opacity:0;
  221. background:rgba(0,0,0,.8);
  222. {block:ifWhiteDescription}
  223. background:rgba(255,255,255,.8);
  224. {/block:ifWhiteDescription}
  225. -webkit-transition: all 0.5s ease-in-out;
  226. -moz-transition: all 0.5s ease-in-out;
  227. -o-transition: all 0.5s ease-in-out;
  228. }
  229.  
  230. #desc a{
  231. color:{color:Description Link};
  232. }
  233.  
  234. #desc a:hover{
  235. color:{color:Description Link Hover};
  236. }
  237.  
  238. #desc span{
  239. display:block;
  240. padding:15px;
  241. }
  242.  
  243. #links {
  244. position:fixed;
  245. width:100px;
  246. text-align:right;
  247. top:140px;
  248. margin-left:-125px;
  249. }
  250.  
  251. #links a span{
  252. display:inline-block;
  253. padding-right:15px;
  254. color:{color:Sidebar Link Hover};
  255. opacity:0;
  256. -webkit-transition: all 0.5s ease-in-out;
  257. -moz-transition: all 0.5s ease-in-out;
  258. -o-transition: all 0.5s ease-in-out;
  259. }
  260.  
  261. #links a:hover span{
  262. padding-right:2px;
  263. opacity:1;
  264. -webkit-transition: all 0.5s ease-in-out;
  265. -moz-transition: all 0.5s ease-in-out;
  266. -o-transition: all 0.5s ease-in-out;
  267. }
  268.  
  269. #links a{
  270. display:block;
  271. margin:0px;
  272. padding:5px;
  273. color:{color:Sidebar Link};
  274. text-transform:uppercase;
  275. letter-spacing:2px;
  276. font:bold 8px calibri;
  277. border-right:1px solid #ccc;
  278. -webkit-transition: all 0.5s ease-in-out;
  279. -moz-transition: all 0.5s ease-in-out;
  280. -o-transition: all 0.5s ease-in-out;
  281. }
  282.  
  283. #links a:hover{
  284. color:{color:Sidebar Link Hover};
  285. border-right:1px solid #aaa;
  286. -webkit-transition: all 0.5s ease-in-out;
  287. -moz-transition: all 0.5s ease-in-out;
  288. -o-transition: all 0.5s ease-in-out;
  289. }
  290.  
  291. #entries {
  292. position:absolute;
  293. left:380px;
  294. margin-top:-80px;
  295. padding-bottom:100px;
  296. }
  297.  
  298. #post {
  299. font-size:11px;
  300. padding: 20px;
  301. margin-top:140px;
  302. width: 500px;
  303. color:{color:Body};
  304. text-align: left;
  305. overflow:hidden;
  306. }
  307.  
  308. #info {
  309. margin-bottom:80px;
  310. padding:10px 20px;
  311. width:500px;
  312. text-align:center;
  313. line-height:200%;
  314. position:relative;
  315. overflow:hidden;
  316. {block:PermalinkPage}
  317. display:none;
  318. {/block:PermalinkPage}
  319. }
  320.  
  321. #info:before{
  322. position:absolute;
  323. content:'';
  324. width:540px;
  325. height:1px;
  326. margin-top:11px;
  327. z-index:-99999;
  328. left:0px;
  329. background:{color:Info Line};
  330. }
  331.  
  332. #info a{
  333. padding:4px 8px;
  334. background:{color:Background};
  335. color:{color:Links};
  336. text-transform:uppercase;
  337. font:bold 8px calibri;
  338. letter-spacing:2px;
  339. }
  340.  
  341. #info a:first-child{
  342. border-radius:0px;
  343. }
  344.  
  345. #info a:hover span{
  346. color:{color:Links Hover};
  347. -webkit-transition: all 0.5s ease-in-out;
  348. -moz-transition: all 0.5s ease-in-out;
  349. -o-transition: all 0.5s ease-in-out;
  350. }
  351.  
  352. #info a span{
  353. -webkit-transition: all 0.5s ease-in-out;
  354. -moz-transition: all 0.5s ease-in-out;
  355. -o-transition: all 0.5s ease-in-out;
  356. }
  357.  
  358. #banner{
  359. text-align:center;
  360. }
  361.  
  362. #banner img{
  363. height:20px;
  364. }
  365.  
  366.  
  367.  
  368. /* CHAT POSTS */
  369.  
  370. .chat li{
  371. display:block;
  372. padding:8px;
  373. }
  374.  
  375. /* QUOTE POSTS */
  376.  
  377. .quote h3{
  378. text-align:left;
  379. font-weight:bold;
  380. font-size:16px;
  381. font-family:Trebuchet MS;
  382. line-height:1.7;
  383. }
  384.  
  385. .quote .source{
  386. text-align:right;
  387. }
  388.  
  389.  
  390. /* QUESTION */
  391.  
  392. .ask{
  393. position:relative;
  394. overflow:hidden;
  395. }
  396.  
  397. .im{
  398. width:70px;
  399. background:{color:Accent};
  400. text-align:center;
  401. padding:10px;
  402. height:100%;
  403. left:0;
  404. position:absolute;
  405. top:0;
  406. }
  407.  
  408. .im img{
  409. position:absolute;
  410. top:50%;
  411. left:50%;
  412. margin-top:-25px;
  413. margin-left:-15px;
  414. }
  415.  
  416. .ques{
  417. width:380px;
  418. background:#ddd;
  419. padding:25px;
  420. margin-left:90px;
  421. top:0;
  422. }
  423.  
  424. .askerr{
  425. display:block;
  426. font:italic 13px helvetica;
  427. text-transform:lowercase;
  428. width:300px;
  429. }
  430.  
  431. .askerr a{
  432. display:inline-block;
  433. }
  434.  
  435. /* AUDIO */
  436. #audio {
  437. background:white;
  438. }
  439.  
  440. .image{
  441. width:100px;
  442. height:100px;
  443. float:right;
  444. background:url("http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg");
  445. background-size:cover;
  446. }
  447.  
  448. #audio img{
  449. width:100px;
  450. margin-right:20px;
  451. }
  452.  
  453. .details{
  454. height:100px;
  455. overflow:hidden;
  456. }
  457.  
  458. .track{
  459. font:bold 12px calibri;
  460. letter-spacing:0px;
  461. background:{color:Accent};
  462. padding:8px;
  463. height:50px;
  464. color:white;
  465. text-transform:uppercase;
  466. font-weight:600;
  467. }
  468.  
  469. .track span{
  470. font:italic 9px {text:Body Font};
  471. }
  472.  
  473. /* PHOTO POSTS */
  474. .cap{
  475. margin-top:10px;
  476. background:#fafafa;
  477. padding:10px;
  478. border:1px solid #eee;
  479. }
  480.  
  481.  
  482. /* PAGINATION */
  483. #pagination{
  484. text-align:center;
  485. margin-bottom:120px;
  486. margin-top:100px;
  487. width:500px;
  488. padding:30px;
  489. border:1px solid {color:Info Line};
  490. border-left:none;border-right:none;
  491. }
  492.  
  493. #pagination a, #pagination span{
  494. text-transform:uppercase;
  495. font:bold 10px Calibri;
  496. letter-spacing:2px;
  497. display:inline-block;
  498. padding:5px;
  499. color:{color:Info Line};
  500. margin-top:-1px;
  501. border-top:1px solid transparent;
  502. transition-duration:0.5s;
  503. }
  504.  
  505. #pagination span{
  506. border-top:1px solid {color:Links};
  507. border-bottom:1px solid {color:Links};
  508. color:{color:Links};
  509. }
  510.  
  511. #pagination a:hover{
  512. color:{color:Links};
  513. transition-duration:0.5s;
  514. }
  515.  
  516. #perminfo{
  517. padding:20px;
  518. width:500px;
  519. border-bottom:1px dotted {color:Accent};
  520. border-top:1px dotted {color:Accent};
  521. text-transform:uppercase;
  522. font:bold 9px calibri;
  523. letter-spacing:1px;
  524. line-height:200%;
  525. }
  526.  
  527. #perminfo a{
  528. color:{color:Links};
  529. }
  530.  
  531. #perminfo a:hover{
  532. color:{color:Links Hover};
  533. }
  534.  
  535. .notes{
  536. margin-bottom:200px;
  537. margin-left:40px;
  538. }
  539.  
  540. .notes ol{
  541. list-style-type:upper-roman;
  542. }
  543.  
  544. .notes img{
  545. display:none;
  546. }
  547.  
  548. .notes li{
  549. padding:10px;
  550. margin-left:-40px;
  551. text-transform:uppercase;
  552. font:9px calibri;
  553. letter-spacing:1px;
  554. }
  555.  
  556. .notes blockquote{
  557. margin-top:10px;
  558. }
  559.  
  560. .notes li a{
  561. font-weight:bold;
  562. color:{color:Accent};
  563. border-bottom:1px dotted {color:Accent};
  564. -moz-transition-duration:1s;
  565. -webkit-transition-duration:1s;
  566. -o-transition-duration:1s;
  567. }
  568.  
  569. .notes li:last-child{
  570. display:block;
  571. list-style:none;
  572. margin-left:-40px;
  573. background:{color:Accent};
  574. color:white;
  575. margin-top:5px;
  576. }
  577.  
  578. .notes li:last-child a{
  579. background:{color:Accent};
  580. color:white;
  581. }
  582.  
  583. .notes li a:hover{
  584. color:black;
  585. -moz-transition-duration:1s;
  586. -webkit-transition-duration:1s;
  587. -o-transition-duration:1s;
  588. }
  589.  
  590.  
  591. #credit a{
  592. position:fixed;
  593. right:10px;
  594. bottom:10px;
  595. padding:4px;
  596. background:white;
  597. font-size:11px;
  598. color:black;
  599. -moz-transition-duration:1s;
  600. -webkit-transition-duration:1s;
  601. -o-transition-duration:1s;
  602. }
  603.  
  604. #credit a:hover {
  605. opacity:1;
  606. color:white;
  607. background:black;
  608. -moz-transition-duration:1s;
  609. -webkit-transition-duration:1s;
  610. -o-transition-duration:1s;
  611. }
  612.  
  613.  
  614. </style>
  615. <style type="text/css">{CustomCSS}</style>
  616. </head>
  617.  
  618. <body>
  619. <div id="sidebarbg"></div>
  620. <div id="sidebar">
  621. {block:ifDescription}<div id="desc"><span>{Description}</span></div>{block:ifDescription}
  622. <div id="links">
  623. <a href="{text:Link1 URL}"><span>‣‣</span>{text:Link1}</a>
  624. <a href="{text:Link2 URL}"><span>‣‣</span>{text:Link2}</a>
  625. <a href="{text:Link3 URL}"><span>‣‣</span>{text:Link3}</a>
  626. <a href="{text:Link4 URL}"><span>‣‣</span>{text:Link4}</a>
  627. <a href="{text:Link5 URL}"><span>‣‣</span>{text:Link5}</a>
  628. <a href="{text:Link6 URL}"><span>‣‣</span>{text:Link6}</a>
  629. <a href="{text:Link7 URL}"><span>‣‣</span>{text:Link7}</a>
  630. </div>
  631. </div>
  632.  
  633.  
  634. <div id="entries">
  635. {block:Posts}
  636. <div id="post">
  637.  
  638. <!----- TEXT POSTS ---->
  639. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  640.  
  641.  
  642. <!----- QUOTE POSTS ---->
  643. {block:Quote}
  644. <div class="quote">
  645. <h3>“{Quote}”</h3>
  646. <div class="source">— {Source}</div>
  647. </div>
  648. {/block:Quote}
  649.  
  650.  
  651. <!----- LINK POSTS ---->
  652. {block:Link}
  653. <a href="{URL}" class="link" {Target}><h2>{Name}</h2></a>
  654. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  655.  
  656.  
  657. <!----- PHOTO POSTS ---->
  658. {block:Photo}
  659. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  660. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  661. {/block:Photo}
  662.  
  663.  
  664. <!----- PHOTOSET POSTS ---->
  665. {block:Photoset}
  666. <center>{Photoset-500}</center>
  667. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  668. {/block:Photoset}
  669.  
  670.  
  671. <!----- CHAT POSTS ---->
  672. {block:Chat}
  673. <div class="chat">
  674. {block:Title}<h1>{Title}</h1>{/block:Title}
  675. {block:Lines}<li>{block:Label}<b>{Label}</b>{/block:Label} {Line}</li>{/block:Lines}
  676. </div>
  677. {/block:Chat}
  678.  
  679.  
  680. <!----- VIDEO POSTS ---->
  681. {block:Video}
  682. {Video-500}
  683. {block:Caption}{Caption}{/block:Caption}
  684. {/block:Video}
  685.  
  686.  
  687. <!----- AUDIO POSTS ---->
  688. {block:Audio}
  689. {block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}
  690. <div id="audio">
  691. <div class="image">
  692. {block:AlbumArt}
  693. <img class="cover" src="{AlbumArtURL}" />
  694. {/block:AlbumArt}
  695. </div>
  696. <div class="details">
  697. <div class="track">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<span> - {Artist}</span>{/block:Artist} </div>
  698. {block:AudioPlayer}
  699. <div style="width:390px; height:20px; background:#000; overflow:hidden; padding:0 5px 5px 0; border:5px solid #000">{AudioPlayerBlack}</div>{/block:AudioPlayer}
  700. </div>
  701. </div>
  702. {block:Caption}{Caption}{/block:Caption}
  703. {/block:Audio}
  704.  
  705. <!----- QUESTION POSTS ---->
  706. {block:Answer}
  707. <div class="ask">
  708. <div class="im"><img src="{AskerPortraitURL-30}"></div>
  709. <div class="ques">
  710. <div class="askerr">{Asker} said:</div>
  711. {Question}
  712. </div>
  713. </div>
  714. <br>
  715. {Answer}
  716. {/block:Answer}
  717.  
  718. </div>
  719.  
  720. {block:PermalinkPage}{block:Date}
  721. <div id="perminfo">
  722. Posted {TimeAgo} with {NoteCountWithLabel}<br>
  723. {block:RebloggedFrom}reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  724. {block:ContentSource}originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}<br>{/block:RebloggedFrom}
  725. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  726. </div>
  727. {/block:Date}{/block:PermalinkPage}
  728.  
  729. <div id="info">
  730. {block:Date}
  731. <a href="{Permalink}"><span>{TimeAgo}</span></a>
  732. {block:NoteCount}<a href="{Permalink}"><span>{NoteCountWithLabel}</span></a>{/block:NoteCount}
  733. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="reblogged from {ReblogParentName}"><span>{ReblogParentName}</span></a> {block:ContentSource}<a href="{ReblogRootURL}" title="originally posted by {ReblogRootName}"><span>{ReblogRootName}</span></a>{/block:ContentSource}{/block:RebloggedFrom}<br>
  734. {block:HasTags}{block:Tags}<a href="{TagURL}"><span>#</span>{Tag}</a> {/block:Tags}{/block:HasTags}
  735. {/block:Date}
  736. </div>
  737. {block:PostNotes}{PostNotes}{/block:PostNotes}
  738. <div id="banner">
  739. </div>
  740. {/block:Posts}
  741.  
  742.  
  743. {block:Pagination}
  744. <div id="pagination">
  745. {block:PreviousPage}
  746.  
  747. <a href="{PreviousPage}">Previous</a>
  748. {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}
  749. <span class="current_page">{PageNumber}</span>
  750. {/block:CurrentPage}{block:JumpPage}
  751. <a class="jump_page" href="{URL}">{PageNumber}</a>
  752. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  753. <a href="{NextPage}">Next</a>
  754. {/block:NextPage}
  755. </div>
  756. {/block:Pagination}
  757.  
  758.  
  759. </div>
  760.  
  761.  
  762.  
  763.  
  764.  
  765. <div id="credit"><a title="theme by zsu" href="http://hardziam.tumblr.com">HZ</a></div>
  766.  
  767.  
  768. {block:ifSparkles}
  769. <script type="text/javascript">
  770. // <![CDATA[
  771. var colour="{color:Sparkles}";
  772. var sparkles=120;
  773.  
  774. /****************************
  775. * Tinkerbell Magic Sparkle *
  776. * (c) 2005 mf2fm web-design *
  777. * http://www.mf2fm.com/rv *
  778. * DON'T EDIT BELOW THIS BOX *
  779. ****************************/
  780. var x=ox=400;
  781. var y=oy=300;
  782. var swide=800;
  783. var shigh=600;
  784. var sleft=sdown=0;
  785. var tiny=new Array();
  786. var star=new Array();
  787. var starv=new Array();
  788. var starx=new Array();
  789. var stary=new Array();
  790. var tinyx=new Array();
  791. var tinyy=new Array();
  792. var tinyv=new Array();
  793.  
  794. window.onload=function() { if (document.getElementById) {
  795. var i, rats, rlef, rdow;
  796. for (var i=0; i<sparkles; i++) {
  797. var rats=createDiv(3, 3);
  798. rats.style.visibility="hidden";
  799. document.body.appendChild(tiny[i]=rats);
  800. starv[i]=0;
  801. tinyv[i]=0;
  802. var rats=createDiv(5, 5);
  803. rats.style.backgroundColor="transparent";
  804. rats.style.visibility="hidden";
  805. var rlef=createDiv(1, 5);
  806. var rdow=createDiv(5, 1);
  807. rats.appendChild(rlef);
  808. rats.appendChild(rdow);
  809. rlef.style.top="2px";
  810. rlef.style.left="0px";
  811. rdow.style.top="0px";
  812. rdow.style.left="2px";
  813. document.body.appendChild(star[i]=rats);
  814. }
  815. set_width();
  816. sparkle();
  817. }}
  818.  
  819. function sparkle() {
  820. var c;
  821. if (x!=ox || y!=oy) {
  822. ox=x;
  823. oy=y;
  824. for (c=0; c<sparkles; c++) if (!starv[c]) {
  825. star[c].style.left=(starx[c]=x)+"px";
  826. star[c].style.top=(stary[c]=y)+"px";
  827. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  828. star[c].style.visibility="visible";
  829. starv[c]=50;
  830. break;
  831. }
  832. }
  833. for (c=0; c<sparkles; c++) {
  834. if (starv[c]) update_star(c);
  835. if (tinyv[c]) update_tiny(c);
  836. }
  837. setTimeout("sparkle()", 40);
  838. }
  839.  
  840. function update_star(i) {
  841. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  842. if (starv[i]) {
  843. stary[i]+=1+Math.random()*3;
  844. if (stary[i]<shigh+sdown) {
  845. star[i].style.top=stary[i]+"px";
  846. starx[i]+=(i%5-2)/5;
  847. star[i].style.left=starx[i]+"px";
  848. }
  849. else {
  850. star[i].style.visibility="hidden";
  851. starv[i]=0;
  852. return;
  853. }
  854. }
  855. else {
  856. tinyv[i]=50;
  857. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  858. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  859. tiny[i].style.width="2px";
  860. tiny[i].style.height="2px";
  861. star[i].style.visibility="hidden";
  862. tiny[i].style.visibility="visible"
  863. }
  864. }
  865.  
  866. function update_tiny(i) {
  867. if (--tinyv[i]==25) {
  868. tiny[i].style.width="1px";
  869. tiny[i].style.height="1px";
  870. }
  871. if (tinyv[i]) {
  872. tinyy[i]+=1+Math.random()*3;
  873. if (tinyy[i]<shigh+sdown) {
  874. tiny[i].style.top=tinyy[i]+"px";
  875. tinyx[i]+=(i%5-2)/5;
  876. tiny[i].style.left=tinyx[i]+"px";
  877. }
  878. else {
  879. tiny[i].style.visibility="hidden";
  880. tinyv[i]=0;
  881. return;
  882. }
  883. }
  884. else tiny[i].style.visibility="hidden";
  885. }
  886.  
  887. document.onmousemove=mouse;
  888. function mouse(e) {
  889. set_scroll();
  890. y=(e)?e.pageY:event.y+sdown;
  891. x=(e)?e.pageX:event.x+sleft;
  892. }
  893.  
  894. function set_scroll() {
  895. if (typeof(self.pageYOffset)=="number") {
  896. sdown=self.pageYOffset;
  897. sleft=self.pageXOffset;
  898. }
  899. else if (document.body.scrollTop || document.body.scrollLeft) {
  900. sdown=document.body.scrollTop;
  901. sleft=document.body.scrollLeft;
  902. }
  903. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  904. sleft=document.documentElement.scrollLeft;
  905. sdown=document.documentElement.scrollTop;
  906. }
  907. else {
  908. sdown=0;
  909. sleft=0;
  910. }
  911. }
  912.  
  913. window.onresize=set_width;
  914. function set_width() {
  915. if (typeof(self.innerWidth)=="number") {
  916. swide=self.innerWidth;
  917. shigh=self.innerHeight;
  918. }
  919. else if (document.documentElement && document.documentElement.clientWidth) {
  920. swide=document.documentElement.clientWidth;
  921. shigh=document.documentElement.clientHeight;
  922. }
  923. else if (document.body.clientWidth) {
  924. swide=document.body.clientWidth;
  925. shigh=document.body.clientHeight;
  926. }
  927. }
  928.  
  929. function createDiv(height, width) {
  930. var div=document.createElement("div");
  931. div.style.position="absolute";
  932. div.style.height=height+"px";
  933. div.style.width=width+"px";
  934. div.style.overflow="hidden";
  935. div.style.backgroundColor=colour;
  936. return (div);
  937. }
  938. // ]]>
  939. </script>
  940. {block:ifSparkles}
  941.  
  942. {block:ContentSource}
  943. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  944. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  945. {/block:SourceLogo}
  946. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  947. {/block:ContentSource}
  948.  
  949. </body>
  950. </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!