whateverdarc

001.

Sep 7th, 2011
94
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.34 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4.  
  5. <!--
  6. 'Karma' Theme by Hausofharlow. A simple theme with an image mapped navigation and a basic banner. Transition fade images and Endless Scroll. Please don't remove my credit :) xx
  7.  
  8.  
  9. -->
  10. <img style="position:fixed; opacity: 1.0; width: 1010px; height: 167px; TOP:0px; LEFT:180px; z-index: 1000;" src="http://i55.tinypic.com/sqjxc8.png">
  11.  
  12.  
  13.  
  14.  
  15.  
  16. <head> <!-- DEFAULT VARIABLES -->
  17. <meta name="color:background" content="#FFFFFF" />
  18. <meta name="image:Background" content=""/>
  19. <meta name="color:box" content="#FFFFFF" />
  20. <meta name="color:text" content="#000000">
  21. <meta name="color:title" content="#BBAA9C" />
  22. <meta name="color:links bar" content="#F7F7F7" />
  23. <meta name="color:description background" content="#FDFDFD" />
  24. <meta name="color:text" content="#BBAA9C" />
  25. <meta name="color:link" content="#C7B29E" />
  26. <meta name="color:link hover" content="#F8D2BD" />
  27. <meta name="font:body" content="georgia" />
  28. <meta name="font:title" content="georgia" />
  29. <meta name="text:font size" content="9px" />
  30.  
  31. <meta name="if:Hide Notes" content="1" />
  32. <meta name="if:Faded Images" content="0" />
  33. <meta name="if:Show Archive Link" content="1"/>
  34. <meta name="if:Show Ask Link" content="1" />
  35.  
  36. <meta name="text:Custom Link One" content="" />
  37. <meta name="text:Custom Link One Title" content="" />
  38. <meta name="text:Custom Link Two" content="" />
  39. <meta name="text:Custom Link Two Title" content="" />
  40. <meta name="text:Custom Link Three" content="" />
  41. <meta name="text:Custom Link Three Title" content="" />
  42. <meta name="text:Custom Link Four" content="" />
  43. <meta name="text:Custom Link Four Title" content="" />
  44. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  45.  
  46. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  47. <script type="text/javascript">
  48. jQuery(document).ready(function() {
  49. jQuery(".content").hide();
  50. //toggle the componenet with class msg_body
  51. jQuery(".heading").click(function()
  52. {
  53. jQuery(this).next(".content").slideToggle(500);
  54. });});
  55. </script>
  56.  
  57. <script language="JavaScript1.2">
  58. /*
  59. Fading Image Script
  60. Dynamic Drive (www.dynamicdrive.com)
  61. */
  62.  
  63. function makevisible(cur,which){
  64. if (which==0)
  65. cur.filters.alpha.opacity=100
  66. else
  67. cur.filters.alpha.opacity=20
  68. }
  69. </script>
  70.  
  71. <title>{Title}</title>
  72. <link rel="shortcut icon" href="{Favicon}">
  73. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  74. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  75.  
  76. <style type="text/css">
  77.  
  78. {block:IfFadedImages}
  79.  
  80. {/block:IfFadedImages}
  81.  
  82.  
  83.  
  84.  
  85.  
  86.  
  87. img{
  88. -webkit-transition: opacity 0.7s linear;
  89. opacity: 0.85;
  90. }
  91. img:hover{
  92. -webkit-transition: opacity 0.7s linear;
  93. opacity: 1;
  94. }
  95.  
  96. img:hover, a:hover img {opacity: 100; filter: alpha(opacity=100); -o-transition: opacity .1s linear; -webkit-transition: opacity .1s linear; -moz-transition: opacity 1.5s linear; }
  97.  
  98.  
  99.  
  100. body{
  101.  
  102. color:#BBAA9C;
  103. background-color:#FFF2DF;
  104. background-image:url(http://i54.tinypic.com/34zaws1.png);
  105. background-postition:center;
  106. background-attachment: fixed;
  107. background-repeat: repeat;
  108. font-family: georgia;
  109. font-size: 10px;
  110. letter-spacing: px;
  111. line-height: 10px;
  112. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
  113. text-align:justify;
  114. }
  115.  
  116. a:link, a:active, a:visited{
  117. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  118. color: #BBAA9C;
  119. text-decoration:none;
  120. -webkit-transition-duration: 0.4s;
  121.  
  122. }
  123.  
  124. a:hover{
  125. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  126. color:#F8D2BD;
  127.  
  128. }
  129.  
  130. h1, big{
  131. color: #1D1D1D;
  132. font-family: georgia;
  133. font-size:20px;
  134. line-height:30px;
  135. letter-spacing:-1px;
  136. font-weight:normal;
  137. text-transform:;
  138. margin:0px;
  139. padding:0px;
  140. text-align:left;
  141.  
  142. }
  143.  
  144. h3{
  145. color: #1D1D1D;
  146. font-family: georgia;
  147. font-size:20px;
  148. line-height:14px;
  149. letter-spacing:1px;
  150. font-weight:normal;
  151. margin:0px;
  152. padding:0px;
  153. margin-bottom:-0px;
  154. text-align:left;
  155.  
  156. }
  157.  
  158. .title {
  159. color: #ffffff;
  160. font-family: georgia;
  161. font-size:32px;
  162. line-height:10px;
  163. letter-spacing:2px;
  164. font-weight:normal;
  165. text-align:;
  166. text-transform:;
  167. padding-left:10px;
  168. border-bottom:0px solid ;
  169.  
  170. }
  171.  
  172. #bottominfo{
  173. border-top:1px solid #ffffff;
  174. padding:2px 0px 0px 0px;
  175. display:block;
  176. }
  177. div.navi a{
  178. text-align: center;
  179. padding:3px 0px;
  180. color: #D8D8D8;
  181. background-color: {color:Post};
  182. border: 1px dashed #E9D6D6;
  183. margin-top:2px;
  184. position:relative;
  185. width: 100px;
  186. display: inline-block;
  187. }
  188.  
  189. div.navi a:hover{
  190. padding:3px 0;
  191. color: #D8D8D8;
  192. background-color: {color:Post};
  193. border: 1px solid #E9D6D6;
  194. z-index:2; }
  195. }
  196.  
  197. #info{
  198. float:left;
  199. width:445px;
  200. padding:3px;
  201. margin:5px;
  202. margin-right:23px;
  203. background-color: #1D1D1D;
  204. border: 1px solid #;
  205.  
  206. }
  207.  
  208. #side{
  209. float: left;
  210. position: fixed;
  211. top: 167px;
  212. left: 170px;
  213. background-color: #0E0E0E;
  214. width: 250px;
  215. height: 420px;
  216. -moz-border-radius:0px;
  217. -webkit-border-radius:0px;
  218. border: 1px solid #D6C9B5;
  219. padding-left:8px;
  220. padding-right:10px;
  221. padding-bottom:3px;
  222. padding-top:10px;
  223. -moz-border-radius:10px;
  224. -webkit-border-radius:10px;
  225. padding-left:8px;
  226. padding-right:6px;
  227. padding-bottom:12px;
  228. padding-top:3px;
  229. border: 0px solid #000;
  230. z-index:1;
  231. }
  232.  
  233. div#sidebar2{
  234. position: fixed;
  235. width: 250px;
  236. height: 420px;
  237. left:100px;
  238. top: 167px;
  239. margin-left: 830px;
  240. padding:10px;
  241. float: left;
  242. background-color: #0E0E0E;
  243. border: px solid #E7CEBA;
  244. border-right:0px solid #ffffff;
  245. -moz-border-radius:10px;
  246. -webkit-border-radius:10px;
  247. padding-left:8px;
  248. padding-right:6px;
  249. padding-bottom:12px;
  250. padding-top:3px;
  251. border: 0px solid #000;
  252. z-index:1;
  253. }
  254.  
  255. div#sidebar3{
  256. position: fixed;
  257. width: 900px;
  258. height: 420px;
  259. left:200px;
  260. top: 620px;
  261. margin-left: px;
  262. padding:10px;
  263. float: left;
  264. background-color: 0E0E0E;
  265. border: px solid #E7CEBA;
  266. border-right:0px solid #ffffff;
  267. -moz-border-radius:10px;
  268. -webkit-border-radius:10px;
  269. padding-left:8px;
  270. padding-right:6px;
  271. padding-bottom:12px;
  272. padding-top:3px;
  273. border: 0px solid #000;
  274. z-index:1;
  275. }
  276.  
  277. div#permalink {margin-top: -5px;padding-top:6px;margin-bottom:5px; padding bottom:2px;overflow:hidden;background-color: #000000;text-transform: lowercase;text-align: center;}
  278.  
  279. #center{
  280. width:478px;
  281. height:450px;
  282. overflow:scroll;
  283. overflow-x:hidden;
  284. position: absolute;
  285. margin-top:152px;
  286. margin-left:430px;
  287. top:15px;
  288. padding-right:7px;
  289. padding-left:7px;
  290. background-color: #0E0E0E;
  291. border: 1px solid #;
  292.  
  293.  
  294. #entry {
  295. width:250px;
  296. background-color:#DFDFDF;
  297. background-image:url(http://i52.tinypic.com/vipfdw.jpg);
  298. background-postition:center;
  299. background-attachment: fixed;
  300. background-repeat: repeat;
  301. border: 1px solid #E9D6D6;
  302. float:left;
  303. width:300px;
  304. height: 250px;
  305. {block:IndexPage}
  306. width:500px;
  307. height: 300px;
  308. overflow:hidden; {/block:IndexPage}
  309. {block:PermalinkPage}
  310. width:500px;
  311. {/block:PermalinkPage}
  312. padding:6px;
  313. margin:4px;}
  314.  
  315.  
  316. #navigate {
  317. width:500px;
  318. padding:5px;
  319. background-color:#9E9E9E;
  320. text-transform:uppercase; font-size:8px;
  321. }
  322.  
  323. #title{
  324. text-transform:;
  325. font-weight:;
  326. text-align:right;
  327. padding-bottom:5px;
  328. font-family:georgia, serif;
  329. font-size:10px;
  330. margin-top:-3px;
  331. }
  332.  
  333. #notes{
  334. display:block;
  335. width:500px;
  336. float:left;
  337. padding:3px;
  338. margin:5px;
  339.  
  340. }
  341.  
  342. #foot{
  343. display:block;
  344. width:500px;
  345. position:absolute;
  346. padding:10px;
  347. height:15px;
  348. bottom:-45px;
  349. border-top: 1px dashed #000000;
  350. _bottom:-55px;
  351. _margin-left:370px;
  352. background-color: #FFFFFF;
  353.  
  354.  
  355. #question{
  356. border-bottom:1px solid #ffffff;
  357. overflow:SHOW;
  358. padding-bottom:3px;
  359. margin-bottom:3px;}
  360.  
  361. #entry:hover #perma {display: block; opacity:1;}
  362. .alignleft {float: left;}
  363. .alignright {float: right;}
  364. .right { background-color:{color:header}; margin: 0 0 px 0; padding: px; overflow:hidden; -moz-border-radius:3px; border-radius:3px; text-align: left; text-transform:; }
  365. .totalright {float:right; margin-top:0px;}
  366. #ask{ display:block; float: left; width:50px; overflow:hidden; word-wrap:break-word; margin-right:3px;}
  367. blockquote{ background-color: #E79FBE; padding: 7px; padding-left:8px; border-left:1px solid {color:background}; border-right:1px solid {color:background};
  368. b, strong{color:{color:title};}
  369. i, em {color:{color:text};}
  370. p{margin-top:3px; margin-bottom:3px;}
  371. blockquote img{display:block; width:100%;}
  372. border-left: 2px solid #616161;
  373. padding: 0 0 0 15px;
  374. margin-left: 0px;
  375. blockquote {position:relative; left:-5px; margin-top:0px; margin-right:0px; padding-right:0px;}
  376. a img{border:none;}
  377. .audio{background-color:#F8D2BD; display:block;}
  378. .user_1 .label, .user_4 .label, .user_7 .label {color:{color:title};}
  379. .user_2 .label, .user_5 .label, .user_8 .label {color:{color:link};}
  380. .user_3 .label, .user_6 .label, .user_9 .label {color:{color:text}; opacity:.75;}
  381. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  382. .notes img{width:10px; position:relative; top:1px;}
  383. ol.notes, .notes li{list-style:none; margin:0px; padding:0px;}
  384. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  385.  
  386.  
  387. <style type="text/css">{CustomCSS]</style>
  388. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  389.  
  390. </head>
  391.  
  392.  
  393. <body>
  394.  
  395. <!-- IMPORTANT -->
  396.  
  397. <div id="center">
  398.  
  399. <div id="side">
  400.  
  401.  
  402. <div style="width: auto; height: auto;font: 6pt tinytots; text-align:right; color: #858282; letter-spacing: 1px; padding: 5px; text-transform:uppercase; border-bottom: 0px dotted #A1859F; border-left: 6px solid #DBC3B2;background-color:#000000;-moz-box-shadow: 0 0 0px #000000; overflow: hidden;">
  403. About me
  404. </div></a></center><br><br>
  405. <img src="http://i51.tinypic.com/wrc669.png" align="left" style="border: 1px solid #E7CEBA; background:#FFF7F0; padding: 3px; opacity:0.78;filter:alpha(opacity=78);margin-right:10px"/>
  406. My name is Darcey Perry and I am 21-years old. I'm <u>married</u> to my best friend, <a href="http://mrstonyturtle.tumblr.com/tagged/Lubby.">Tony</a> and together, we have the world's most beautiful baby boy, named <a href="http://mrstonyturtle.tumblr.com/tagged/Little_Foot.">Landon</a>. I have two younger sisters and I'm surrounded by the most wonderful people. My life revolves around my family and making them the happiest boys in the entire planet. I am so in love. Words can't explain it. <P>
  407. <a href="http://tinypic.com?ref=33vfaz5" target="_blank"><img src="http://i54.tinypic.com/33vfaz5.png" border="0" alt="Image and video hosting by TinyPic"></a>
  408. You're my constant and my drive. You're the reason for anything and every thing that I do, and I promise, I will never disappoint you and I will always make you happy. No matter what. You're my baby. Forever and ever, and always. I am madly in love with you. <i>October 6th, 2009.</i> <br>
  409.  
  410.  
  411. {block:Description}
  412. {Description}{/block:Description}
  413. <BR><BR>
  414. <div class="navigate">
  415.  
  416. </div>
  417. <BR>
  418.  
  419. <br><br><br>
  420. </h2> <br><br><br><br><br><br><br><br><br><br><br><br>
  421.  
  422. {/block:Pagination}
  423.  
  424. </div>
  425. <div class = "autopagerize_page_element" >
  426. {block:Posts}<div id="entry">
  427. {block:IndexPage}<div id="bar"></div>{/block:IndexPage}<div id="title"><div id="permalink"><a href="{permalink}"><a href="{Permalink}" class="date"><span><font color="{color:tiny heart}"></font> {block:NoteCount} {month}. {dayofmonth}.{/block:NoteCount}</span></a> <Img src="http://i54.tinypic.com/2lxxgkg.png"> <a href="{ReblogURL}" target="_blank" class="details"> {notecountwithlabel}</a></span>
  428. <a href="{reblogurl}" target="_blank"><Img src="http://i54.tinypic.com/2lxxgkg.png"> reblog this post</small></a></div> {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title} {/block:Text}{block:Chat}{block:Title}{Title}{/block:Title} {/block:Chat}{block:Link}{/block:Link}{block:Quote}<h2>"{Quote}"</h2>{/block:Quote}{block:Photo}{/block:Photo}{block:Photoset}{/block:Photoset}{block:Video}{/block:Video}{block:Audio}{/block:Audio}{block:Answer}{/block:Answer}</div>
  429. {block:Text}{Body}{/block:Text}
  430.  
  431. {block:Photo}<center>{block:IndexPage}<a href="{permalink}"><img src="{PhotoURL-HighRes}" width=400" /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-HighRes}" width=400" />{LinkCloseTag}{/block:PermalinkPage}</center>{/block:Photo}
  432. {block:Photoset}<center>{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>{block:PermalinkPage}{/block:PermalinkPage}{/block:Photoset}
  433. {block:Quote}{block:Source}{Source}{/block:Source}{/block:Quote}
  434. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a><BR>{block:Description}{Description}{/block:Description}{/block:Link}
  435. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  436. {block:Video}<center>{block:IndexPage}<div id="video">{Video-250}</div>{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center>{/block:Video}
  437. {block:Audio}<span class="audio">{AudioPlayerBlack}</span>{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:Audio}
  438. {block:Answer}
  439. <img src="{AskerPortraitURL-30}"/>
  440. {Asker}: <b>{Question}</b><br><font color=#fff>_____________________________________________________________________________________</font>
  441. {Answer}
  442. {/block:Answer}</div>
  443. {block:PermalinkPage}{block:Date}<div id="info">{block:Caption}{Caption}{/block:Caption}
  444.  
  445. <div id="bottominfo">
  446. Posted: <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">{ShortDayOfWeek} {Month}&middot;{DayofMonth}&middot;{NoteCount} Notes{/block:Date}//{NoteCount}&hearts; {block:RebloggedFrom}<br>Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>.{/block:RebloggedFrom}
  447. {block:Photo}{block:HighRes}<br>HighRes: <a href="{PhotoURL-HighRes}">view</a>{/block:HighRes}{/block:Photo}
  448. {block:Answer}<BR>Ask: <a href="/ask">{AskLabel}</a>{/block:Answer}
  449. {block:Audio}<BR>Plays: {FormattedPlayCount}{block:ExternalAudio}<BR>Download: <a href="{ExternalAudioURL}">here</a>.{/block:ExternalAudio}{/block:Audio}
  450. {block:HasTags}<BR>Tagged: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:NoteCount}<BR>Notes: {NoteCount}{/block:NoteCount}
  451. </div></div> {/block:Date}{/block:PermalinkPage}
  452. {/block:Posts}
  453. </div>
  454. {block:PostNotes}{PostNotes}{/block:PostNotes}
  455. <p id="footer">
  456.  
  457.  
  458. </div>
  459.  
  460.  
  461. <div id="sidebar2">
  462.  
  463.  
  464. <div style="width: auto; height: auto;font: 6pt tinytots; text-align:right; color: #858282; letter-spacing: 1px; padding: 5px; text-transform:uppercase; border-bottom: 0px dotted #A1859F; border-left: 6px solid #DBC3B2;background-color:#000000;-moz-box-shadow: 0 0 0px #F6F6F6; overflow: hidden;">
  465. Disclaimer and other stuff
  466. </div></a></center><br><br>
  467. <b>DISCLAIMER:</b> I am NOT Gielle Hellevig, nor do I claim to be in any way possible. This is roleplay. Do NOT follow me or reblog my posts if you aren't one. Thank you. <P>
  468. Check my themes section for a basic html help page, or just click the blog boutique link for more in depth tutorials.
  469.  
  470.  
  471.  
  472.  
  473.  
  474.  
  475.  
  476. <br></center>
  477.  
  478.  
  479.  
  480.  
  481.  
  482. </div>
  483.  
  484. <div id="sidebar3">
  485. <div style="text-align:center; width:900px; margin-left:auto; margin-right:auto;">
  486. <img id="Image-Maps_9201107281540162" src="http://i51.tinypic.com/2zr1edf.png" usemap="#Image-Maps_9201107281540162" border="0" width="900" height="80" alt="" />
  487. <map id="_Image-Maps_9201107281540162" name="Image-Maps_9201107281540162">
  488. <area shape="rect" coords="23,25,188,75" href="/" alt="" title="" />
  489. <area shape="rect" coords="310,30,428,80" href="/ask" alt="" title="" />
  490. <area shape="rect" coords="548,27,736,77" href="/other" alt="" title="" />
  491. <area shape="rect" coords="836,28,997,78" href="http://hausofharlow.tumblr.com/" alt="" title="" />
  492. <area shape="rect" coords="1011,97,1013,99" href="http://www.image-maps.com/index.php?aff=mapped_users_9201107281540162" alt="Image Map" title="Image Map" />
  493. </map>
  494.  
  495.  
  496. </div>
  497.  
  498. </div>
  499.  
  500. <script type="text/javascript">
  501. // <![CDATA[
  502. var colour="#ffffff";
  503. var sparkles=50;
  504.  
  505. /******************************
  506. * Tinkerbell Magic Sparkle *
  507. * (c) 2005 mf2fm web-design *
  508. * http://www.mf2fm.com/rv *
  509. * Generated at pnoyonline.com *
  510. * tumblr layouts - pnoyonline *
  511. * DON'T EDIT BELOW THIS BOX *
  512. ****************************/
  513. var x=ox=400;
  514. var y=oy=300;
  515. var swide=800;
  516. var shigh=600;
  517. var sleft=sdown=0;
  518. var tiny=new Array();
  519. var star=new Array();
  520. var starv=new Array();
  521. var starx=new Array();
  522. var stary=new Array();
  523. var tinyx=new Array();
  524. var tinyy=new Array();
  525. var tinyv=new Array();
  526.  
  527. window.onload=function() { if (document.getElementById) {
  528. var i, rats, rlef, rdow;
  529. for (var i=0; i<sparkles; i++) {
  530. var rats=createDiv(3, 3);
  531. rats.style.visibility="hidden";
  532. document.body.appendChild(tiny[i]=rats);
  533. starv[i]=0;
  534. tinyv[i]=0;
  535. var rats=createDiv(5, 5);
  536. rats.style.backgroundColor="transparent";
  537. rats.style.visibility="hidden";
  538. var rlef=createDiv(1, 5);
  539. var rdow=createDiv(5, 1);
  540. rats.appendChild(rlef);
  541. rats.appendChild(rdow);
  542. rlef.style.top="2px";
  543. rlef.style.left="0px";
  544. rdow.style.top="0px";
  545. rdow.style.left="2px";
  546. document.body.appendChild(star[i]=rats);
  547. }
  548. set_width();
  549. sparkle();
  550. }}
  551.  
  552. function sparkle() {
  553. var c;
  554. if (x!=ox || y!=oy) {
  555. ox=x;
  556. oy=y;
  557. for (c=0; c<sparkles; c++) if (!starv[c]) {
  558. star[c].style.left=(starx[c]=x)+"px";
  559. star[c].style.top=(stary[c]=y)+"px";
  560. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  561. star[c].style.visibility="visible";
  562. starv[c]=50;
  563. break;
  564. }
  565. }
  566. for (c=0; c<sparkles; c++) {
  567. if (starv[c]) update_star(c);
  568. if (tinyv[c]) update_tiny(c);
  569. }
  570. setTimeout("sparkle()", 40);
  571. }
  572.  
  573. function update_star(i) {
  574. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  575. if (starv[i]) {
  576. stary[i]+=1+Math.random()*3;
  577. if (stary[i]<shigh+sdown) {
  578. star[i].style.top=stary[i]+"px";
  579. starx[i]+=(i%5-2)/5;
  580. star[i].style.left=starx[i]+"px";
  581. }
  582. else {
  583. star[i].style.visibility="hidden";
  584. starv[i]=0;
  585. return;
  586. }
  587. }
  588. else {
  589. tinyv[i]=50;
  590. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  591. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  592. tiny[i].style.width="2px";
  593. tiny[i].style.height="2px";
  594. star[i].style.visibility="hidden";
  595. tiny[i].style.visibility="visible"
  596. }
  597. }
  598.  
  599. function update_tiny(i) {
  600. if (--tinyv[i]==25) {
  601. tiny[i].style.width="1px";
  602. tiny[i].style.height="1px";
  603. }
  604. if (tinyv[i]) {
  605. tinyy[i]+=1+Math.random()*3;
  606. if (tinyy[i]<shigh+sdown) {
  607. tiny[i].style.top=tinyy[i]+"px";
  608. tinyx[i]+=(i%5-2)/5;
  609. tiny[i].style.left=tinyx[i]+"px";
  610. }
  611. else {
  612. tiny[i].style.visibility="hidden";
  613. tinyv[i]=0;
  614. return;
  615. }
  616. }
  617. else tiny[i].style.visibility="hidden";
  618. }
  619.  
  620. document.onmousemove=mouse;
  621. function mouse(e) {
  622. set_scroll();
  623. y=(e)?e.pageY:event.y+sdown;
  624. x=(e)?e.pageX:event.x+sleft;
  625. }
  626.  
  627. function set_scroll() {
  628. if (typeof(self.pageYOffset)=="number") {
  629. sdown=self.pageYOffset;
  630. sleft=self.pageXOffset;
  631. }
  632. else if (document.body.scrollTop || document.body.scrollLeft) {
  633. sdown=document.body.scrollTop;
  634. sleft=document.body.scrollLeft;
  635. }
  636. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  637. sleft=document.documentElement.scrollLeft;
  638. sdown=document.documentElement.scrollTop;
  639. }
  640. else {
  641. sdown=0;
  642. sleft=0;
  643. }
  644. }
  645.  
  646. window.onresize=set_width;
  647. function set_width() {
  648. if (typeof(self.innerWidth)=="number") {
  649. swide=self.innerWidth;
  650. shigh=self.innerHeight;
  651. }
  652. else if (document.documentElement && document.documentElement.clientWidth) {
  653. swide=document.documentElement.clientWidth;
  654. shigh=document.documentElement.clientHeight;
  655. }
  656. else if (document.body.clientWidth) {
  657. swide=document.body.clientWidth;
  658. shigh=document.body.clientHeight;
  659. }
  660. }
  661.  
  662. /******************************
  663. * tumblr-layouts.tumblr.com *
  664. ****************************/
  665.  
  666. function createDiv(height, width) {
  667. var div=document.createElement("div");
  668. div.style.position="absolute";
  669. div.style.height=height+"px";
  670. div.style.width=width+"px";
  671. div.style.overflow="hidden";
  672. div.style.backgroundColor=colour;
  673. return (div);
  674. }
  675. // ]]>
  676. </script>
  677.  
  678. </body>
  679.  
  680.  
  681. </html>
Advertisement
Add Comment
Please, Sign In to add comment