API tools faq
paste
Advertisement
sighthemes

Theme Three; By Deanna

sighthemes
Dec 1st, 2013
478
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.79 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. New theme 3 by Deanna (sighthemes)
  4. Keep the credit
  5. Or you will be reported
  6.  
  7. Do not steal or steal parts of the coding
  8. I worked very hard and it would be very disrespectful
  9.  
  10. Make sure your posts per page is set at 15 or the infinite scroll won't work! (Customize > Advanced > Posts per page > 15 > Save)
  11.  
  12.  
  13. -->
  14.  
  15. <html lang="en">
  16. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  17. <html xmlns="http://www.w3.org/1999/xhtml">
  18. <head>
  19. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js"type="text/JavaScript"></script>
  20.  
  21. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  22.  
  23. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  24.  
  25. <script>
  26.  
  27. (function($){
  28.  
  29. $(document).ready(function(){
  30.  
  31. $("a[title]").style_my_tooltips({
  32.  
  33. tip_follows_cursor:true,
  34.  
  35. tip_delay_time:0,
  36.  
  37. tip_fade_speed:0,
  38.  
  39. attribute:"title"
  40.  
  41. });
  42.  
  43. });
  44.  
  45. })(jQuery);
  46.  
  47. </script>
  48. <script type="text/javascript">
  49. <!--
  50.  
  51. // Disable Right Click Script
  52.  
  53. function IE(e)
  54. {
  55. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  56. {
  57. return false;
  58. }
  59. }
  60. function NS(e)
  61. {
  62. if (document.layers || (document.getElementById && !document.all))
  63. {
  64. if (e.which == "2" || e.which == "3")
  65. {
  66. return false;
  67. }
  68. }
  69. }
  70. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  71.  
  72. //-->
  73. </script>
  74.  
  75.  
  76. <script type="text/javascript"
  77. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  78.  
  79. <!--DEFAULT VARIABLES-->
  80. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  81. <meta name="color:background" content="#fff"/>
  82. <meta name="color:link" content="#777"/>
  83. <meta name="color:text" content="#777"/>
  84. <meta name="color:title" content="#333"/>
  85. <meta name="color:scrollbar" content="#ccc">
  86. <meta name="color:blogtitle" content="#aaa">
  87. <meta name="color:hover" content="#fff"/>
  88. <meta name="image:background" content="1"/>
  89. <meta name="text:link one" content=""/>
  90. <meta name="text:link one title" content="link"/>
  91. <meta name="text:link two" content=""/>
  92. <meta name="text:link two title" content="link"/>
  93. <meta name="text:link three" content=""/>
  94. <meta name="text:link three title" content="link"/>
  95. <meta name="text:link four" content=""/>
  96. <meta name="text:link four title" content="link"/>
  97. <meta name="text:link five" content=""/>
  98. <meta name="text:link five title" content="link"/>
  99. <meta name="text:link six" content=""/>
  100. <meta name="text:link six title" content="link"/>
  101. <style type="text/css">
  102.  
  103.  
  104. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  105.  
  106. ::-webkit-scrollbar {
  107. height: 0px;
  108. width: 9px;
  109. background: {color:scrollbar};
  110. border: 4px solid {color:background};
  111. opacity:0;
  112. }
  113.  
  114. ::-webkit-scrollbar-thumb {
  115. background: {color:scrollbar};
  116. border: {color:background} solid 2px;
  117. height: 8px;
  118. width: 11px;
  119. border-radius: 8px;
  120. -moz-border-radius: 8px;
  121. -webkit-border-radius: 8px; -o-border-radius: 8px;
  122. -ms-border-radius: 8px;
  123. }
  124.  
  125.  
  126. p {
  127. margin:0px;
  128. margin-top:5px;
  129. }
  130.  
  131.  
  132. body {
  133. padding: 0px;
  134. margin: 0px;
  135. color:{color:text};
  136. font-family:arial;
  137. font-size:9px;
  138. line-height:100%;
  139. text-normal;
  140. text-align:left;
  141. background-color: #f7f7f7;
  142. background-image:url({image:Background});
  143. background-attachment: fixed;
  144. background-repeat: repeat;
  145. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
  146. }
  147.  
  148.  
  149. a:link, a:active, a:visited{
  150. text-decoration: none;
  151. -webkit-transition: color 0.3s ease-out;
  152. -moz-transition: color 0.3s ease-out;
  153. transition: color 0.3s ease-out;
  154. color:{color:link};
  155. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;
  156. }
  157.  
  158. a:hover {
  159. text-decoration: none;
  160. font-style:;
  161. color: {color:hover};
  162. }
  163.  
  164. div#center{
  165. margin:auto;
  166. position:relative;
  167. width:850px;
  168. background-color:;
  169. overflow:auto;
  170. overflow-y:hidden;
  171. }
  172.  
  173. .entry {
  174. float:left;
  175. display: block;
  176. margin:20px;
  177. margin-bottom:15px;
  178. overflow:hidden;
  179. width:235px;
  180. {block:PermalinkPage}
  181. width:510px;
  182. text-align:left;
  183. line-height:10px;
  184. {/block:PermalinkPage}
  185. background:white;
  186. background-image:URL();
  187. opacity 0.7s linear;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  188. }
  189.  
  190. .entry:hover {
  191. transform: scale(1.05);
  192. -webkit-transform: scale(1.05);
  193. -moz-transform: scale(1.05);
  194. -o-transform: scale(1.05);
  195. -ms-transform: scale(1.05);
  196. {block:PermalinkPage}
  197. transform: scale(1);
  198. -webkit-transform: scale(1);
  199. -moz-transform: scale(1);
  200. -o-transform: scale(1);
  201. -ms-transform: scale(1);
  202. {/block:PermalinkPage}
  203. -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  204. }
  205.  
  206. .entry img{
  207. opacity:.6;
  208. -webkit-transition: all 0.6s ease-in-out;
  209. -moz-transition: all 0.6s ease-in-out;
  210. transition: all 0.6s ease-in-out;
  211. }
  212. .entry img:hover{
  213. -webkit-transition: all 0.6s ease-in-out;
  214. -moz-transition: all 0.6s ease-in-out;
  215. transition: all 0.6s ease-in-out;
  216. }
  217.  
  218.  
  219. .imgp{opacity:.5;-webkit-transition-duration:.8s;}
  220. .imgp:hover .imgp{opacity:.7;transform: rotate(-360deg);}
  221.  
  222.  
  223. .entry .perma{
  224. width:auto;
  225. height:auto;
  226. margin-left:3px;
  227. position: absolute;
  228. overflow:hidden;
  229. text-align:center;
  230. bottom:6px;
  231. background:white;
  232. word-spacing:2px;
  233. letter-spacing:1px;
  234. opacity: 0.0;
  235. padding:3px;
  236. padding-bottom:1px;
  237.  
  238. border-radius:100%;
  239. -webkit-transition: all .7s ease;
  240. -moz-transition: all .7s ease;
  241. -o-transition: all .7s ease;
  242. transition: all .7s ease;
  243. z-index:9;
  244. }
  245.  
  246. .entry:hover .perma{
  247. overflow:visible;
  248. opacity:0.9;
  249. }
  250.  
  251. .entry .perma2{
  252. width:auto;
  253. height:auto;
  254. margin-left:38px;
  255. position: absolute;
  256. overflow:hidden;
  257. text-align:center;
  258. bottom:6px;
  259. background:white;
  260. word-spacing:2px;
  261. letter-spacing:1px;
  262. opacity: 0.0;
  263. padding:3px;
  264. padding-bottom:1px;
  265. border-radius:100%;
  266. -webkit-transition: all .7s ease;
  267. -moz-transition: all .7s ease;
  268. -o-transition: all .7s ease;
  269. transition: all .7s ease;
  270. z-index:9;
  271.  
  272. }
  273.  
  274. .entry:hover .perma2{
  275. overflow:visible;
  276. opacity:0.9;
  277. }
  278.  
  279. .permalinktext{
  280. display: block;
  281. font-calibri;
  282. font-size:8px;
  283. line-height:3px;
  284. letter-spacing:1px;
  285. text-transform:uppercase;
  286. text-align: right;
  287. background-color:transparent;
  288. margin: 2px;
  289. margin-top:5px;
  290. border-top:1px solid #eee;
  291. padding-top:6px;
  292. font-style:oblique;
  293. }
  294.  
  295. #shit1{
  296. height:13px;
  297. text-align:center;
  298. overflow:hidden;
  299. margin-top:-1px;
  300. border-bottom:1px solid #efefef;
  301. text-transform:uppercase;
  302. letter-spacing:1px;
  303. font-size:8px;
  304. line-height:10px;
  305. z-index:999999999999999999999;
  306. -webkit-transition: all 0.5s ease-in-out;
  307. -moz-transition: all 0.5s ease-in-out;
  308. -o-transition: all 0.5s ease-in-out;
  309. }
  310.  
  311. #shit2{
  312. height:13px;
  313. text-align:center;
  314. overflow:hidden;
  315. border-bottom:1px solid #efefef;
  316. text-transform:uppercase;
  317. background-color:#fff;
  318. letter-spacing:1px;
  319. font-size;8px;
  320. line-height:13px;
  321. z-index:999999999999999999999;
  322. -webkit-transition: all 0.5s ease-in-out;
  323. -moz-transition: all 0.5s ease-in-out;
  324. -o-transition: all 0.5s ease-in-out;
  325. }
  326.  
  327. #shit2:hover{
  328. height:168px;
  329. -webkit-transition: all 0.5s ease-in-out;
  330. -moz-transition: all 0.5s ease-in-out;
  331. -o-transition: all 0.5s ease-in-out;
  332. }
  333.  
  334. #shit3{
  335. height:13px;
  336. text-align:center;
  337. overflow:hidden;
  338. border-bottom:1px solid #efefef;
  339. text-transform:uppercase;
  340. background-color:#fff;
  341. letter-spacing:1px;
  342. font-size:8px;
  343. line-height:13px;
  344. z-index:999999999999999999999;
  345. -webkit-transition: all 0.5s ease-in-out;
  346. -moz-transition: all 0.5s ease-in-out;
  347. -o-transition: all 0.5s ease-in-out;
  348. }
  349.  
  350. #shit3:hover{
  351. height:77px;
  352. -webkit-transition: all 0.5s ease-in-out;
  353. -moz-transition: all 0.5s ease-in-out;
  354. -o-transition: all 0.5s ease-in-out;
  355. }
  356.  
  357. #shit4{
  358. height:13px;
  359. text-align:center;
  360. overflow:hidden;
  361. border-bottom:0px solid #efefef;
  362. text-transform:uppercase;
  363. background-color:#fff;
  364. letter-spacing:1px;
  365. font-size:8px;
  366. line-height:13px;
  367. z-index:999999999999999999999;
  368. -webkit-transition: all 0.5s ease-in-out;
  369. -moz-transition: all 0.5s ease-in-out;
  370. -o-transition: all 0.5s ease-in-out;
  371. }
  372.  
  373. #shit4:hover{
  374. height:43px;
  375. -webkit-transition: all 0.5s ease-in-out;
  376. -moz-transition: all 0.5s ease-in-out;
  377. -o-transition: all 0.5s ease-in-out;
  378. }
  379.  
  380. #shit{
  381. text-align:left;
  382. font-size:8px;
  383. text-transform:uppercase;
  384. opacity:0.8;
  385. border:1px solid #eee;
  386. position:fixed;
  387. font-family:arial;
  388. right:15px;
  389. background-color:#fff;
  390. letter-spacing:1px;
  391. width:65px;
  392. z-index:99;
  393. padding:4px;
  394. top:28px;
  395. }
  396.  
  397. #posts {
  398. width:550px;
  399. margin-top:75px;
  400. border-right:1px solid #ddd;
  401. border-left:1px solid #ddd;
  402. z-index:3;
  403. margin-left:135px;
  404. right:auto;
  405. background:white;
  406. margin-right:auto;
  407. position:relative;
  408. overflow-y: hidden;
  409. {block:PermalinkPage}
  410. padding-bottom:200px;
  411. border-bottom:1px solid #ddd;
  412. {/block:PermalinkPage}
  413. }
  414.  
  415. @font-face{font-family:high; src:url('http://static.tumblr.com/3jj4ois/ixMms3uip/willg___.ttf');}
  416.  
  417. #s-m-t-tooltip {
  418. padding:1px;
  419. padding-right:7px;
  420. padding-left:6px;
  421. height: auto;
  422. margin-top:16px;
  423. font-family:arial;
  424. font-size:7px;
  425. display: none;
  426. text-align: center;
  427. position: absolute;
  428. line-height: 12px;
  429. letter-spacing:1px;
  430. text-transform:uppercase;
  431. z-index: 999999999999;
  432. background:{color:link};
  433. color:white;
  434. border:3px double #fff;
  435. font-style: oblique;
  436. border-radius:50px;
  437. z-index:999;
  438. }
  439.  
  440. #sidebar{
  441. position:fixed !important;
  442. width:550px;
  443. background:white;
  444. height:75px;
  445. top:0px;
  446. margin-left:135px;
  447. text-align:center;
  448. border:1px solid #ddd;
  449. border-top:0px;
  450. z-index:8;
  451. }
  452.  
  453. #sidebar .tits{
  454. width:550px;
  455. height:auto;
  456. font-family:high;
  457. font-size:25px;
  458. margin-top:10px;
  459. margin-left:0px;
  460. color:{color:blogtitle};
  461. }
  462.  
  463. #sidebar .desc{
  464. width:530px;
  465. height:auto;
  466. font-family:arial;
  467. font-size:7px;
  468. letter-spacing:2px;
  469. color:#777;
  470. line-height:10px;
  471. margin-top:10px;
  472. text-transform:uppercase;
  473. }
  474.  
  475. #linkbar{
  476. width:530px;
  477. height:auto;
  478. margin-top:3px;
  479. }
  480.  
  481. .nav a{
  482. width:auto;
  483. height:auto;
  484. font-weight:600;
  485. margin-left:2px;
  486. margin-right:2px;
  487. padding-left:1px;
  488. padding-right:1px;
  489. display:inline-block;
  490. color:{color:link};
  491. border-bottom:1px solid #ccc;
  492. padding-bottom:1px;
  493. text-transform:uppercase;
  494. font-family:arial;
  495. font-size:7px;
  496. letter-spacing:2px;
  497. -webkit-transition: all .7s ease;
  498. -moz-transition: all .7s ease;
  499. -o-transition: all .7s ease;
  500. transition: all .7s ease;
  501. }
  502.  
  503. .nav a:hover{
  504. background:{color:link};
  505. color:white;
  506. border-bottom:3px double #fff;
  507. -webkit-transition: all .7s ease;
  508. -moz-transition: all .7s ease;
  509. -o-transition: all .7s ease;
  510. transition: all .7s ease;
  511. }
  512.  
  513.  
  514. #audio {
  515. width:200px;
  516. height:auto;
  517. min-height:60px;
  518. padding-bottom:0px;
  519. }
  520.  
  521. .cover {
  522. position:absolute;
  523. z-index:1;
  524. width:60px;
  525. height:60px;
  526. }
  527.  
  528. .cover img {
  529. float:left;
  530. width:60px;
  531. height:60px;
  532. }
  533.  
  534. .playbox {
  535. opacity:0.6;
  536. width:27px;
  537. height:30px;
  538. overflow:hidden;
  539. position:absolute;
  540. z-index:1000;
  541. margin-left:17px;
  542. margin-top:17px;
  543. text-align:center;
  544. }
  545.  
  546. .info {
  547. margin-left:73px;
  548. margin-top:4px;
  549. line-height:14px;
  550. }
  551.  
  552. #creds{
  553. position:fixed;
  554. width:33px;
  555. bottom:-12px;
  556. right:2px;
  557. padding: 2px;
  558. font-family:consolas;
  559. font-size:8px;
  560. text-transform:uppercase;
  561. letter-spacing:1px;
  562. -webkit-transition: all .7s ease;
  563. -moz-transition: all .7s ease;
  564. -o-transition: all .7s ease;
  565. transition: all .7s ease;
  566. }
  567.  
  568. #creds:hover{
  569. bottom:0px;
  570. -webkit-transition: all .7s ease;
  571. -moz-transition: all .7s ease;
  572. -o-transition: all .7s ease;
  573. transition: all .7s ease;
  574. }
  575.  
  576. askk{
  577. font-size:8px;
  578. text-transform:uppercase;
  579. letter-spacing:1px;
  580. color:{color:link};
  581. }
  582.  
  583. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  584.  
  585. .title{
  586. line-height: 20px;
  587. color:{color:title};
  588. font-family:high;
  589. font-size:18px;
  590. font-weight: normal;
  591. }
  592.  
  593. .permalink{
  594. text-transform: normal;
  595. display: block;
  596. text-align: right;
  597. text-decoration: none;
  598. }
  599.  
  600. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS*/
  601. #infscr-loading{
  602. bottom: -70px;
  603. position: absolute;
  604. left: 50%;
  605. margin-left:-8px;
  606. width:16px;
  607. height:11px;
  608. overflow:hidden;
  609. margin-bottom: 50px;
  610. }
  611.  
  612. #postnotes{
  613. text-align: justify;}
  614.  
  615. #postnotes blockquote{
  616. border: 0px;}
  617.  
  618. blockquote{
  619. padding:0px 0px 2px 5px;
  620. margin:5px 5px 5px 5px;
  621. border-left: 1px solid #ddd;
  622. }
  623.  
  624. blockquote p, ul{
  625. margin:0px;
  626. padding:0px;
  627. }
  628.  
  629. a img{border: 0px;}
  630.  
  631.  
  632. ul, ol, li{list-style:none; margin-top:5px; padding:0px;}
  633.  
  634. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  635. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  636.  
  637. .notes img{width:10px; position:relative; top:3px;}
  638. <--ses-->
  639. small{font-size: 90%;}
  640.  
  641. {CustomCSS}
  642.  
  643. </style>
  644.  
  645. {block:IndexPage}
  646. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  647. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  648.  
  649. <script type="text/javascript">
  650. $(window).load(function(){
  651. var $wall = $('#posts');
  652. $wall.imagesLoaded(function(){
  653. $wall.masonry({
  654. itemSelector: '.entry, .entry_photo',
  655. isAnimated : false
  656. });
  657. });
  658.  
  659. $wall.infinitescroll({
  660. navSelector : '#pagination',
  661. nextSelector : '#pagination a',
  662. itemSelector : '.entry, .entry_photo',
  663. bufferPx : 2000,
  664. debug : false,
  665. errorCallback: function() {
  666. $('#infscr-loading').fadeOut('normal');
  667. }},
  668. function( newElements ) {
  669. var $newElems = $( newElements );
  670. $newElems.hide();
  671. $newElems.imagesLoaded(function(){
  672. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  673. });
  674. }); $('#posts').show(500);
  675. });
  676. </script>
  677.  
  678.  
  679. {/block:IndexPage}
  680.  
  681.  
  682. <title>{title}</title>
  683.  
  684. <link rel="shortcut icon" href="{Favicon}" />
  685. <meta name="viewport" content="width=820" />
  686.  
  687. <script type="text/javascript">
  688.  
  689. // <![CDATA[
  690.  
  691. var colour="c3cbdf"; // in addition to "random" can be set to any valid colour eg "#f0f" or "red"
  692.  
  693. var sparkles=50;
  694.  
  695. /****************************
  696.  
  697. * Tinkerbell Magic Sparkle *
  698.  
  699. *(c)2005-11 mf2fm web-design*
  700.  
  701. * http://www.mf2fm.com/rv *
  702.  
  703. * DON'T EDIT BELOW THIS BOX *
  704.  
  705. ****************************/
  706.  
  707. var x=ox=400;
  708.  
  709. var y=oy=300;
  710.  
  711. var swide=800;
  712.  
  713. var shigh=600;
  714.  
  715. var sleft=sdown=0;
  716.  
  717. var tiny=new Array();
  718.  
  719. var star=new Array();
  720.  
  721. var starv=new Array();
  722.  
  723. var starx=new Array();
  724.  
  725. var stary=new Array();
  726.  
  727. var tinyx=new Array();
  728.  
  729. var tinyy=new Array();
  730.  
  731. var tinyv=new Array();
  732.  
  733. window.onload=function() { if (document.getElementById) {
  734.  
  735. var i, rats, rlef, rdow;
  736.  
  737. for (var i=0; i<sparkles; i++) {
  738.  
  739. var rats=createDiv(3, 3);
  740.  
  741. rats.style.visibility="hidden";
  742.  
  743. document.body.appendChild(tiny[i]=rats);
  744.  
  745. starv[i]=0;
  746.  
  747. tinyv[i]=0;
  748.  
  749. var rats=createDiv(5, 5);
  750.  
  751. rats.style.backgroundColor="transparent";
  752.  
  753. rats.style.visibility="hidden";
  754.  
  755. var rlef=createDiv(1, 5);
  756.  
  757. var rdow=createDiv(5, 1);
  758.  
  759. rats.appendChild(rlef);
  760.  
  761. rats.appendChild(rdow);
  762.  
  763. rlef.style.top="2px";
  764.  
  765. rlef.style.left="0px";
  766.  
  767. rdow.style.top="0px";
  768.  
  769. rdow.style.left="2px";
  770.  
  771. document.body.appendChild(star[i]=rats);
  772.  
  773. }
  774.  
  775. set_width();
  776.  
  777. sparkle();
  778.  
  779. }}
  780.  
  781. function sparkle() {
  782.  
  783. var c;
  784.  
  785. if (x!=ox || y!=oy) {
  786.  
  787. ox=x;
  788.  
  789. oy=y;
  790.  
  791. for (c=0; c<sparkles; c++) if (!starv[c]) {
  792.  
  793. star[c].style.left=(starx[c]=x)+"px";
  794.  
  795. star[c].style.top=(stary[c]=y)+"px";
  796.  
  797. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  798.  
  799. star[c].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour;
  800.  
  801. star[c].style.visibility="visible";
  802.  
  803. starv[c]=50;
  804.  
  805. break;
  806.  
  807. }
  808.  
  809. }
  810.  
  811. for (c=0; c<sparkles; c++) {
  812.  
  813. if (starv[c]) update_star(c);
  814.  
  815. if (tinyv[c]) update_tiny(c);
  816.  
  817. }
  818.  
  819. setTimeout("sparkle()", 40);
  820.  
  821. }
  822.  
  823. function update_star(i) {
  824.  
  825. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  826.  
  827. if (starv[i]) {
  828.  
  829. stary[i]+=1+Math.random()*3;
  830.  
  831. if (stary[i]<shigh+sdown && starx[i]>0) {
  832.  
  833. star[i].style.top=stary[i]+"px";
  834.  
  835. starx[i]+=(i%5-2)/5;
  836.  
  837. star[i].style.left=starx[i]+"px";
  838.  
  839. }
  840.  
  841. else {
  842.  
  843. star[i].style.visibility="hidden";
  844.  
  845. starv[i]=0;
  846.  
  847. return;
  848.  
  849. }
  850.  
  851. }
  852.  
  853. else {
  854.  
  855. tinyv[i]=50;
  856.  
  857. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  858.  
  859. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  860.  
  861. tiny[i].style.width="2px";
  862.  
  863. tiny[i].style.height="2px";
  864.  
  865. tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor;
  866.  
  867. star[i].style.visibility="hidden";
  868.  
  869. tiny[i].style.visibility="visible"
  870.  
  871. }
  872.  
  873. }
  874.  
  875. function update_tiny(i) {
  876.  
  877. if (--tinyv[i]==25) {
  878.  
  879. tiny[i].style.width="1px";
  880.  
  881. tiny[i].style.height="1px";
  882.  
  883. }
  884.  
  885. if (tinyv[i]) {
  886.  
  887. tinyy[i]+=1+Math.random()*3;
  888.  
  889. if (tinyy[i]<shigh+sdown && tinyx[i]>0) {
  890.  
  891. tiny[i].style.top=tinyy[i]+"px";
  892.  
  893. tinyx[i]+=(i%5-2)/5;
  894.  
  895. tiny[i].style.left=tinyx[i]+"px";
  896.  
  897. }
  898.  
  899. else {
  900.  
  901. tiny[i].style.visibility="hidden";
  902.  
  903. tinyv[i]=0;
  904.  
  905. return;
  906.  
  907. }
  908.  
  909. }
  910.  
  911. else tiny[i].style.visibility="hidden";
  912.  
  913. }
  914.  
  915. document.onmousemove=mouse;
  916.  
  917. function mouse(e) {
  918.  
  919. set_scroll();
  920.  
  921. y=(e)?e.pageY:event.y+sdown;
  922.  
  923. x=(e)?e.pageX:event.x+sleft;
  924.  
  925. }
  926.  
  927. function set_scroll() {
  928.  
  929. if (typeof(self.pageYOffset)=="number") {
  930.  
  931. sdown=self.pageYOffset;
  932.  
  933. sleft=self.pageXOffset;
  934.  
  935. }
  936.  
  937. else if (document.body.scrollTop || document.body.scrollLeft) {
  938.  
  939. sdown=document.body.scrollTop;
  940.  
  941. sleft=document.body.scrollLeft;
  942.  
  943. }
  944.  
  945. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  946.  
  947. sleft=document.documentElement.scrollLeft;
  948.  
  949. sdown=document.documentElement.scrollTop;
  950.  
  951. }
  952.  
  953. else {
  954.  
  955. sdown=0;
  956.  
  957. sleft=0;
  958.  
  959. }
  960.  
  961. }
  962.  
  963. window.onresize=set_width;
  964.  
  965. function set_width() {
  966.  
  967. var sw_min=999999;
  968.  
  969. var sh_min=999999;
  970.  
  971. if (document.documentElement && document.documentElement.clientWidth) {
  972.  
  973. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  974.  
  975. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  976.  
  977. }
  978.  
  979. if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
  980.  
  981. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  982.  
  983. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  984.  
  985. }
  986.  
  987. if (document.body.clientWidth) {
  988.  
  989. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  990.  
  991. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  992.  
  993. }
  994.  
  995. if (sw_min==999999 || sh_min==999999) {
  996.  
  997. sw_min=800;
  998.  
  999. sh_min=600;
  1000.  
  1001. }
  1002.  
  1003. swide=sw_min;
  1004.  
  1005. shigh=sh_min;
  1006.  
  1007. }
  1008.  
  1009. function createDiv(height, width) {
  1010.  
  1011. var div=document.createElement("div");
  1012.  
  1013. div.style.position="absolute";
  1014.  
  1015. div.style.height=height+"px";
  1016.  
  1017. div.style.width=width+"px";
  1018.  
  1019. div.style.overflow="hidden";
  1020.  
  1021. return (div);
  1022.  
  1023. }
  1024.  
  1025. function newColour() {
  1026.  
  1027. var c=new Array();
  1028.  
  1029. c[0]=255;
  1030.  
  1031. c[1]=Math.floor(Math.random()*256);
  1032.  
  1033. c[2]=Math.floor(Math.random()*(256-c[1]/2));
  1034.  
  1035. c.sort(function(){return (0.5 - Math.random());});
  1036.  
  1037. return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")");
  1038.  
  1039. }
  1040.  
  1041. // ]]>
  1042.  
  1043. </script>
  1044.  
  1045. </head>
  1046.  
  1047. <body>
  1048. <BODY onselectstart="return false;" ondragstart="return false;">
  1049. <div class="wrapper">
  1050. <div class="header">
  1051. </div>
  1052.  
  1053. <div id="cage">
  1054. <div id="center">
  1055.  
  1056. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  1057. <div id="sidebar">
  1058. <div class="tits">{title}</div>
  1059. <center>
  1060. <div class="desc">{description}</div>
  1061.  
  1062. <div id="linkbar"><div class="nav">
  1063.  
  1064. <a href="/">home</a>
  1065. <a href="/ask">ask</a>
  1066. <a href="{text:link one}">{text:link one title}</a>
  1067. <a href="{text:link two}">{text:link two title}</a>
  1068. <a href="{text:link three}">{text:link three title}</a>
  1069. <a href="{text:link four}">{text:link four title}</a>
  1070. <a href="{text:link five}">{text:link five title}</a>
  1071. <a href="{text:link six}">{text:link six title}</a>
  1072. <a href="http://sighthemes.tumblr.com">theme</a>
  1073.  
  1074. </div></div>
  1075.  
  1076.  
  1077. </center>
  1078. </div>
  1079. <!------------------------------------->
  1080.  
  1081.  
  1082. <div class="left">
  1083. <div id="posts">
  1084. {block:Posts}
  1085. <div class="entry">
  1086.  
  1087. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><div class="permalinktext">
  1088. {12Hour}:{Minutes} {AmPm}, <a href="{permalink}">{notecountwithlabel}</a> </div>
  1089. {/block:Text}
  1090.  
  1091. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <div class="permalinktext">
  1092. {12Hour}:{Minutes} {AmPm}, <a href="{permalink}">{notecountwithlabel}</a> </div>{block:Link}
  1093.  
  1094. {block:Answer}
  1095. <div style="margin: 2px 2px 2px 2px; min-height:auto; padding: 5px; background-color: {color:background}; border:1px solid #eee; border-radius:4px; border-bottom-right-radius:0px; border-bottom-left-radius:0px; border-bottom:0px;">
  1096. <askk><b>{Asker}</b></askk>: {Question}</div>
  1097. <div style="padding: 3px; background: transparent; border:1px solid #eee; border-bottom-right-radius:4px; border-bottom-left-radius:4px; margin-top:-3px; margin-left:2px; width:223px; {block:PermalinkPage}
  1098. width:498px; {/block:PermalinkPage} padding-top:1px; "><center>{Answer}</center> <p></div>
  1099. <div class="permalinktext" style="border-top:0px; margin-top:2px;">
  1100. {12Hour}:{Minutes} {AmPm}, <a href="{permalink}">{notecountwithlabel}</a> </div>{/block:Answer}
  1101.  
  1102. {block:Photo}
  1103. {block:IndexPage}
  1104. <center>
  1105. <div class="perma">
  1106. <a href="{reblogurl}" title="reblog"><img src="http://static.tumblr.com/apahx90/827mqp7az/reblog_st.png" class="imgp" width=23 height=23></a>
  1107. </div>
  1108. <div class="perma2">
  1109. <a href="{permalink}" title="{notecountwithlabel}"><img src="http://cdn5.iconfinder.com/data/icons/iconsweets2/40/link_seo.png" class="imgp" width=23 height=23></a>
  1110. </div>
  1111. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1112. {/block:IndexPage}
  1113. {block:PermalinkPage}
  1114. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1115.  
  1116. {LinkCloseTag}
  1117. {/block:PermalinkPage}
  1118. {/block:Photo}
  1119.  
  1120. {block:Photoset}
  1121. <center>
  1122. {block:IndexPage}
  1123. <div class="perma">
  1124. <a href="{reblogurl}">reblog</a> with <a href="{permalink}">{notecountwithlabel}</a>
  1125. </div>
  1126. <div style="width: 220px; overflow-x:hidden;overflow-y:hidden;">{Photoset-250}</div>
  1127. {/block:IndexPage}
  1128. </center>
  1129. <center>{block:PermalinkPage}<div style="width: auto; overflow-x:hidden;overflow-y:hidden;">{Photoset-500}{/block:PermalinkPage}</center>
  1130. {/block:Photoset}
  1131.  
  1132. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><div class="permalinktext">
  1133. {12Hour}:{Minutes} {AmPm}, <a href="{permalink}">{notecountwithlabel}</a> </div>{/block:Quote}
  1134.  
  1135. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1136. <ul class="chat">
  1137. {block:Lines}
  1138. <li class="user_{UserNumber}">
  1139. {block:Label}
  1140. <span class="label">{Label}</span>
  1141. {/block:Label}
  1142.  
  1143. {Line}
  1144. </li>
  1145. {/block:Lines}
  1146. <div class="permalinktext">
  1147. {12Hour}:{Minutes} {AmPm}, <a href="{permalink}">{notecountwithlabel}</a> </div>
  1148. {/block:Chat}
  1149.  
  1150. {block:Audio}
  1151. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  1152. {block:IndexPage}
  1153. <div class="permalinktext">
  1154. {12Hour}:{Minutes} {AmPm}, <a href="{permalink}">{notecountwithlabel}</a> </div>
  1155. {/block:IndexPage}
  1156. {/block:Audio}
  1157.  
  1158. {block:Video}
  1159. <center>
  1160. {block:IndexPage}
  1161. <div class="perma">
  1162. {Month} {DayOfMonth} with <a href="{permalink}">{notecountwithlabel}</a> - <a href="{reblogurl}">reblog</a>
  1163. </div>
  1164. <div style="width: 220px; overflow-x:hidden;overflow-y:hidden;">{Video-250}</div>
  1165. {/block:IndexPage}
  1166. </center>
  1167. <center>{block:PermalinkPage}<div style="width: 450px; overflow-x:hidden;overflow-y:hidden;">{Video-500}{/block:PermalinkPage}</center>
  1168. {block:Video}
  1169.  
  1170.  
  1171. {block:PostNotes}<div align="left">{caption}</div>
  1172. <center>
  1173.  
  1174. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  1175.  
  1176. {block:HasTags}
  1177. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  1178. {block:RebloggedFrom}
  1179. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1180. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1181.  
  1182. {/block:RebloggedFrom}
  1183. </center></span>
  1184. <br>
  1185. <div id="postnotes">{PostNotes}</div><br>
  1186.  
  1187. <center>{block:ContentSource}
  1188. <br><a href="{SourceURL}">
  1189. {lang:Source}:
  1190. {block:SourceLogo}
  1191. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1192. height="{LogoHeight}" alt="{SourceTitle}" />
  1193. {/block:SourceLogo}
  1194. {block:NoSourceLogo}
  1195. {SourceLink}
  1196. {/block:NoSourceLogo}
  1197. </a>
  1198. {/block:ContentSource}</center>
  1199.  
  1200. {/block:PostNotes}
  1201. </div>
  1202. {/block:Posts}
  1203. </div></div>
  1204.  
  1205. {block:IndexPage}
  1206. {block:Pagination}
  1207. <div id="pagination">
  1208. {block:NextPage}
  1209. <a id="nextPage" href="{NextPage}"></a>
  1210. {/block:NextPage}
  1211. {block:PreviousPage}
  1212. <a href="{PreviousPage}"></a>
  1213. {/block:PreviousPage}
  1214. </div>
  1215. {/block:Pagination}
  1216. {/block:IndexPage}
  1217. </body>
  1218. <div style="position:fixed; bottom:0px; right:0px; padding: 2px;"> <a href="http://sighthemes.tumblr.com" title="Theme by SighThemes"><img src="http://24.media.tumblr.com/tumblr_me8dpnQQwD1r83eo0o1_400.png" style="width:33px;"></a></div>
  1219.  
  1220. </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!