API tools faq
paste
Advertisement
themedbymarizzz

Pink Pastel Theme

themedbymarizzz
Mar 26th, 2015
437
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.52 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. this theme is made by: ThemeByMariz.tumblr.com
  3. -->
  4.  
  5. <html lang="en">
  6.  
  7. <head>
  8.  
  9. <script type=”text/javascript” src=”http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js”></script> <script type=”text/javascript”> $(document).ready(function(){ $(“.links_body”).hide(); $(“.links_head”).click(function(){ $(this).next(“.links_body”).slideToggle(‘fast’); }); }); </script> <style type=”text/css”> .links_list { margin:0px; padding:0px; width:180px;} .links_head { padding-top:5px; padding-bottom:5px; cursor:pointer; position:relative; margin:1px; text-align:center;} .links_body { padding:10px; text-align:left; color: #fff; display:none;} </style>
  10.  
  11. <script type="text/javascript"
  12. src="http://codysherman.com/tools/infinite-scrolling/code" ></script>
  13.  
  14. <script type="text/javascript" src="http://www.freewebs.com/p.js"></script>>
  15.  
  16. <meta name="image:favicon" name="http://media.tumblr.com/tumblr_lkl6tsiCGt1qfamg6.gif"/>
  17. <meta name="color:Background" content="#ffffff"/>
  18. <meta name="color:Text" content="#aaa"/>
  19. <meta name="color:Link" content="#80060a"/>
  20. <meta name="color:Hover" content="#000"/>
  21. <meta name="image:Background" content=""/>
  22. <meta name="image:sidebar" content=""/>
  23. <meta name="color:title" content="#000" />
  24. <meta name="text:Link1 Url" content="/" />
  25. <meta name="text:Link1 Title" content="Link 1" />
  26. <meta name="text:Link2 Url" content="/" />
  27. <meta name="text:Link2 Title" content="Link 2" />
  28. <meta name="text:Link3 Url" content="/" />
  29. <meta name="text:Link3 Title" content="Link 3" />
  30. <meta name="text:Link4 Url" content="/" />
  31. <meta name="text:Link4 Title" content="Link 4" />
  32. <meta name="text:Link5 Url" content="/" />
  33. <meta name="text:Link5 Title" content="Link 5" />
  34. <meta name="text:Link5 Url" content="/" />
  35. <meta name="text:Link6 Title" content="Link 6" />
  36. <meta name="text:Link6 Url" content="/" />
  37.  
  38.  
  39.  
  40. </script>
  41.  
  42. <style type="text/css">
  43.  
  44.  
  45. body{
  46. margin:5px;
  47. background-color: {color:Background};
  48. background-image:url({image:Background});
  49. background-attachment: fixed;
  50. background-repeat: repeat;
  51. font-size: 8px;
  52. font-family: 'Bubble Gum Sans';
  53. line-height:12px;
  54. color:{color:Text};
  55. }
  56.  
  57. .heart {display : block; font-size: 8pt; font-family: verdana, Lucida Sans Unicode; line-height: 15px; border-bottom : 1px solid #f4f4f3; text-indent : 5px; vertical-align : middle; background:
  58. url('http://www.hellostar.org/wp-admin/images/q1.gif') no-repeat left; padding-left : 10px;
  59. padding-bottom : 2px;}
  60.  
  61. .heart:hover {display : block; font-size: 8pt; font-family: verdana, Lucida Sans Unicode; line-height: 15px; border-bottom : 1px dashed #E0DCD6; text-indent : 5px; vertical-align : middle; background : url('http://www.hellostar.org/wp-admin/images/q2.gif') no-repeat left; padding-left : 10px; padding-bottom : 2px;}
  62.  
  63. a:link, a:active, a:visited{
  64. color:{color:link};
  65. text-decoration: none;
  66. }
  67.  
  68. a:hover {
  69. color:{color:hover};
  70. text-decoration: none;
  71. }
  72.  
  73. #cunt{width:250px; height:auto;}
  74. {block:PermalinkPage}
  75. width:410px;
  76. {/block:PermalinkPage}
  77. }
  78.  
  79. #center{
  80. padding-top:3px;
  81. padding-bottom:3px;
  82. position:fixed !important;
  83. width:250px;
  84. height:207px;
  85. background-color:#fff;
  86. {block:PermalinkPage}
  87. width:410px;
  88. height:207px;
  89. {/block:PermalinkPage}
  90. }
  91.  
  92. #posts{
  93. font-family: 'Indie Flower', cursive;
  94. float:center;
  95. {block:indexpage}
  96. width:600px;
  97. {/block:indexpage}
  98. {block:permalinkpage}
  99. width:750px;
  100. margin-top: 40px;
  101. {/block:permalinkpage}
  102. margin-left: 450px;
  103. margin-top: 0px;
  104. z-index:9999;
  105. }
  106.  
  107. #sidebarimg {
  108. margin-bottom:0px;
  109. padding:1px ;
  110.  
  111. }
  112.  
  113. #sidebarimg img {
  114. margin-bottom:5px;
  115. max-width:272px;
  116. height: auto;}
  117.  
  118. #sidebar {width:284px;
  119. font-family: 'Bubblegum Sans', cursive;
  120. margin-left:47px;
  121. line-height:15px;
  122. Font-size:12px;
  123. text-align:CENTER;
  124. height:auto;
  125. margin-top:70px;
  126. position:fixed;
  127. overflow:hidden;
  128. background-color: #FCFCFC;
  129. padding:3px;}
  130.  
  131. #credits {width:284px;
  132. font-family: 'Crafty Girls', cursive;
  133. font-size:20px;
  134. margin-left:47px;
  135. text-align:center;
  136. height:auto;
  137. margin-top:475px;
  138. margin-bottom:80px;
  139. position:fixed;
  140. overflow:hidden;
  141. background-color: #FCFCFC;
  142. padding:5px;}
  143.  
  144. #sidebar1 {width:284px;
  145. font-family: 'Architects Daughter', cursive;
  146. font-size:10px;
  147. margin-left:48px;
  148. height:auto;
  149. margin-top:524px;
  150. line-height:5px;
  151. text-align:center;
  152. position:fixed;
  153. overflow:hidden;
  154. background-color: #FCFCFC;
  155. padding:5px;}
  156.  
  157. #title{font-family: 'Crafty Girls', cursive;
  158. text-align:center;
  159. margin-right:50px;
  160. margin-left:48px;
  161. background-color: #FCFCFC;
  162. position:fixed;
  163. font-size:20px;
  164. padding:5px;
  165.  
  166. }
  167.  
  168. #links {width:250px;
  169. background-color:#FC92AB;
  170. margin-right:3px;
  171. position:fixed;
  172. padding:8px;
  173. text-align:center;
  174. font-size:14px;
  175. font-family: 'Indie Flower', cursive;
  176. }
  177.  
  178. a:hover {
  179. cursor: url(http://static.tumblr.com/xjqjg7j/Mhcmxtzxp/84.gif), auto;
  180. }
  181.  
  182. }
  183. #description {
  184. font-family: 'Architects Daughter', cursive;
  185. font-size:12px;
  186. text-align:left;
  187. margin-bottom: 10px;
  188. padding:10px;
  189. text-align:center;
  190. color:{color:Text};}
  191.  
  192. askk {
  193. font-family: 'Indie Flower', cursive;
  194. color: {color:Title};
  195. font-size:15px;
  196. z-index:1;
  197. }
  198.  
  199. #entry{
  200. font-family: 'Architects Daughter', cursive;
  201. font-size:14px;
  202. line-height:12px;
  203. text-align:left;
  204. z-index:9999;
  205. float:left;
  206. width:490px;
  207. height: auto;
  208. {block:PermalinkPage}
  209. width: 418px;
  210. height: auto;
  211. {/block:PermalinkPage}
  212. line-height:10px;
  213. background-color:#fff;
  214. margin:3px;
  215. overflow:hidden;
  216. padding: 6px;
  217. padding:8px;padding:7px;
  218. padding-bottom: 4px;
  219. }
  220.  
  221. #entry .perma a{
  222. font-family: 'Indie Flower', cursive;
  223. color:;}
  224.  
  225. .permalink {
  226. display: block;
  227. border-top: 1px solid #ddd;
  228. padding: 3px;
  229. margin: 4px 8px 0px 8px;
  230. font-family: 'Bubble Gum Sans';
  231. font-size: 8px;
  232. color: #424242;
  233. line-height: 18px;
  234. text-align: center;
  235. text-decoration: none;
  236. -webkit-transition: color 0.9s ease-out;
  237. -moz-transition: color 0.9s ease-out;
  238. }
  239.  
  240. #entry .perma{
  241. width:480px;
  242. height: 15px;
  243. font-family: 'Indie Flower', cursive;
  244. font-size: 10px;
  245. text-transform:lowercase;
  246. position: absolute;
  247. line-height: 15px;
  248. text-align: center;
  249. overflow:hidden;
  250. opacity: 0.0;
  251. background-color:#fff;
  252. letter-spacing:0px;
  253. margin-top:-10px;
  254. margin-left: 0px;
  255. padding-bottom:1px;
  256. padding:3px;padding:5px;
  257. border-radius: 0px;
  258. -webkit-transition: opacity 0.5s linear; opacity: 0.0;
  259. -webkit-transition: all 0.5s linear;
  260. -moz-transition: all 0.5s linear;
  261. transition: all 0.5s linear;
  262. }
  263.  
  264. #entry:hover .perma{
  265. overflow:visible;
  266. margin-top:0px;
  267. border-top-right-radius: 0px;
  268. border-bottom-left-radius: 0px;
  269. -webkit-transition: all 0.5s linear; opacity: 1;
  270. -webkit-transition: all 0.5s linear;
  271. -moz-transition: all 0.5s linear;
  272. transition: all 0.5s linear;
  273. }
  274. .permalinktext {
  275. display: block;
  276. padding: 1px;
  277. margin: 0px 0px 0px 8px;
  278. font-family: 'Indie Flower', cursive;
  279. font-size: 10px;
  280. color: #424242;
  281. line-height: 10px;
  282. text-align: right;
  283. text-decoration: none;
  284. -webkit-transition: color 0.5s ease-out;
  285. -moz-transition: color 0.5s ease-out;
  286. }
  287.  
  288. .font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/alux5te/8BFltyod3/caviardreams.ttf'); }
  289.  
  290. .title{
  291. font-family: caviardreams ;
  292. font-size: 22px;
  293. line-height: 25px;
  294. text-transform:uppercase;
  295. color:{color:Title};
  296. letter-spacing: 2px;
  297. font-weight: normal;
  298. padding:0px 0px 0px 0px;
  299. }
  300.  
  301. #postnotes{
  302. text-align: left;}
  303.  
  304. #postnotes blockquote{
  305. border: 1px;}
  306.  
  307.  
  308. blockquote{
  309. line-height:15px;
  310. font-family: 'Indie Flower', cursive;
  311. padding:0px 0px 2px 5px;
  312. margin:0px 0px 2px 10px;
  313. border-left: 1px solid #555555;
  314. }
  315. ul, ol, li{
  316. line-height:15px;
  317. list-style:none;
  318. margin:0px;
  319. padding:0px
  320. }
  321. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  322. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
  323. }
  324.  
  325. div.navigate a{
  326. background: #FFCFED; color: #FCFCFC; display:block; width: 97px; text-align: center; padding-top:2px; padding-bottom:3px; margin-left:2px; margin-top:2px; position:relative; text-align: center; z-index:1; -moz-border-radius:7px; -webkit-border-radius:7px; display: inline-block;
  327. }
  328. div.navigate a:hover{
  329. background: #FFB8DE; color: #ffffff; letter-spacing:1px; font-weight: bold;
  330. }
  331.  
  332.  
  333. </style>
  334.  
  335. <title>{title}</title>
  336. <link rel="shortcut icon" href="{image:favicon}"/>
  337. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  338. <link href='http://fonts.googleapis.com/css?family=Kristi|Bubblegum+Sans|Crafty+Girls|Just+Another+Hand|Josefin+Sans|Shadows+Into+Light|Architects+Daughter|Sacramento|Indie+Flower' rel='stylesheet' type='text/css'>
  339. <meta name="viewport" content="width=720" />
  340.  
  341.  
  342.  
  343. </head>
  344. <body onkeydown="return false">
  345. <div id="center">
  346. <div id="content">
  347. <div id="under">
  348. </div>
  349.  
  350.  
  351.  
  352. </div>
  353.  
  354. <div id="sidebar">
  355. <div id="title"><center><img src="http://41.media.tumblr.com/dcd5387b156a160dd996b9042843c0fd/tumblr_mubocnIUX11s4iuo7o1_400.png" width="160" height="17"></center><br><center>{Title}</center></div>
  356. <div id="sidebarimg"><center><img src="{image:Sidebar}"/></center></div>
  357. <div id="description">{block:Description}{Description}{/block:Description}
  358. <ul style>
  359. <div class="navigate"><br><center>
  360. <a href="/">Home</a><a href="/ask">ask</a><a href="{text:Link1 Url}">{text:Link1 Title}</a><a href="{text:Link2 Url}">{text:Link2 Title}</a><a href="{text:Link3 Url}">{text:Link3 Title}</a><a href="{text:Link4 Url}">{text:Link4 Title}</a><a href="{text:Link5 Url}">{text:Link5 Title}</a><a href="{text:Link6 Url}">{text:Link6 Title}</a>
  361.  
  362. </center></ul>
  363. </div>
  364. </div></div>
  365.  
  366.  
  367. <div id="credits"><center><img src="http://41.media.tumblr.com/dcd5387b156a160dd996b9042843c0fd/tumblr_mubocnIUX11s4iuo7o1_400.png" width="160" height="17"></center><br>Credits</div>
  368. <div id="sidebar1"><br><br><br>
  369. Theme by: <a href="http://www.themebymarizz.tumblr.com">Theme By Mariz</a><br><br><br>
  370. <img src="http://fc03.deviantart.net/fs71/f/2012/205/0/c/kawaii_pikachu__by_thekeko-d58epnk.png" height="50" width="50"/>
  371. </div>
  372. <div id="posts">
  373. {block:Posts}
  374. <div id="entry">
  375.  
  376. {block:Text}
  377. {block:Title}<span class="title">{Title}</span>{/block:Title}
  378. <span class="entrytext">{Body}</span>
  379. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  380. {/block:Text}
  381.  
  382. {block:Link}
  383. <a href="{URL}" class="title">{Name}</a>
  384. {block:Description}{Description}{/block:Description}
  385. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  386. {block:Link}
  387.  
  388. {block:Photo}{block:IndexPage}
  389. <div class="perma">
  390. <a href="{permalink}">{NoteCountWithLabel}</a> / {timeago} / <a href="{ReblogURL}" target="_blank"> reblog </a></span></div>
  391. {/block:IndexPage}
  392. {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=490px /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=418px/>{LinkCloseTag}{/block:PermalinkPage}
  393. {/block:Photo}
  394.  
  395. {block:Photoset}
  396. {block:IndexPage}
  397. <div class="perma">
  398. <a href="{permalink}">{NoteCountWithLabel}</a> / {timeago} / <a href="{ReblogURL}" target="_blank"> reblog </a></span></div>
  399. <center>
  400.  
  401. {Photoset-500}</center>
  402. {/block:IndexPage}
  403. {block:PermalinkPage}
  404. <center>
  405. {Photoset-500}</center>
  406. {/block:PermalinkPage}
  407. {/block:Photoset}
  408.  
  409. {block:Quote}
  410. <span class="entrytext">{Quote}</span>
  411. {block:Source}<b><a href="{Permalink}">{Source}</a></b>{/block:Source}
  412. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  413. {/block:Quote}
  414.  
  415. {block:Chat}
  416. {block:Title}<span class="title">{Title}</span>{/block:Title}
  417. <ul class="chat">
  418. {block:Lines}
  419. <li class="user_{UserNumber}">
  420. {block:Label}
  421. <span class="label">{Label}</span>
  422. {/block:Label}
  423.  
  424. {Line}
  425. </li>
  426. {/block:Lines}
  427. </ul>
  428. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  429. {/block:Chat}
  430.  
  431.  
  432. {block:Audio}
  433. <center><div style="width:300px; height:28px;"><div style="float:left">{AudioPlayerGrey}</div><div style="margin-top:10px; float:left;">
  434. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center><br>
  435. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  436. {/block:Audio}
  437.  
  438. {block:Video}<center>
  439. <div style="padding-top:5px; padding-bottom:2px;">
  440. {Video-250}</div>
  441. <div style="padding-bottom:2px;">{block:Caption}{Caption}{/block:Caption}</div>
  442. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  443. {block:Video}
  444.  
  445. {block:Answer}
  446. <br>
  447. <div style="border-radius:5px; border: 3px double #ddd; margin: 3px; margin-top: -2px; min-height:30px; padding: 3px; background: white; box-shadow: 0px 0px 5px 3px #eee;">
  448. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 2px #E6DFDF; border-radius: 3px;"/>
  449. <askk>{Asker}</askk>: {Question}<br></div>
  450. <div style="font-family: consolas; font-size: 10px;">
  451. {Answer}
  452. </div>
  453. {/block:Answer}
  454.  
  455. {block:PostNotes}<div align="middle">{caption}</div>
  456. <center>
  457.  
  458. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  459.  
  460. {block:HasTags}
  461. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  462. {block:RebloggedFrom}
  463. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  464. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  465.  
  466. {/block:RebloggedFrom}
  467. </center></span>
  468. <br>
  469. <div id="postnotes">{PostNotes}</div><br>
  470.  
  471.  
  472. <center>{block:ContentSource}
  473. <br><a href="{SourceURL}">
  474. {lang:Source}:
  475. {block:SourceLogo}
  476. <img src="{BlackLogoURL}" width="{LogoWidth}"
  477. height="{LogoHeight}" alt="{SourceTitle}" />
  478. {/block:SourceLogo}
  479. {block:NoSourceLogo}
  480. {SourceLink}
  481. {/block:NoSourceLogo}
  482. </a>
  483. {/block:ContentSource}</center>
  484.  
  485. {/block:PostNotes}
  486. </div>
  487. {/block:Posts}
  488. </div></div>
  489.  
  490. {block:indexpage}
  491. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  492. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  493. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  494. <script type="text/javascript">
  495. $(window).load(function(){
  496. var $wall = $('#posts');
  497. $wall.imagesLoaded(function(){
  498. $wall.masonry({
  499. itemSelector: '#entry, #entry_photo',
  500. isAnimated : false
  501. });
  502. });
  503.  
  504. $wall.infinitescroll({
  505. navSelector : '#page-nav',
  506. nextSelector : '#page-nav a',
  507. itemSelector : '#entry, #entry_photo',
  508. bufferPx : 2000,
  509. debug : false,
  510. errorCallback: function() {
  511. $('#infscr-loading').fadeOut('normal');
  512. }},
  513. function( newElements ) {
  514. var $newElems = $( newElements );
  515. $newElems.hide();
  516. $newElems.imagesLoaded(function(){
  517. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  518. });
  519. }); $('#content').show(500);
  520. });
  521. </script>
  522. {/block:indexpage}
  523.  
  524. <BODY onselectstart="return false;" ondragstart="return false;">
  525.  
  526. <style type="text/css">
  527.  
  528. body {cursor:url(http://media.tumblr.com/tumblr_ma87zyEpuf1qid2nw.gif), url(http://media.tumblr.com/tumblr_ma87zyEpuf1qid2nw.gif), auto;}
  529.  
  530. </style>
  531.  
  532. <script type="text/javascript">
  533.  
  534. // <![CDATA[
  535.  
  536. var colours=new Array("#FF9999", "#FF6699", "#FF9999", "#FF6699", "#FF9999"); // colours for top, right, bottom and left borders and background of bubbles
  537.  
  538. var bubbles=100; // maximum number of bubbles on screen
  539.  
  540. /****************************
  541.  
  542. * JavaScript Bubble Cursor *
  543.  
  544. * (c) 2010 mf2fm web-design *
  545.  
  546. * http://www.mf2fm.com/rv *
  547.  
  548. * DON'T EDIT BELOW THIS BOX *
  549.  
  550. ****************************/
  551.  
  552. var x=ox=400;
  553.  
  554. var y=oy=300;
  555.  
  556. var swide=800;
  557.  
  558. var shigh=600;
  559.  
  560. var sleft=sdown=0;
  561.  
  562. var bubb=new Array();
  563.  
  564. var bubbx=new Array();
  565.  
  566. var bubby=new Array();
  567.  
  568. var bubbs=new Array();
  569.  
  570. window.onload=function() { if (document.getElementById) {
  571.  
  572. var rats, div;
  573.  
  574. for (var i=0; i<bubbles; i++) {
  575.  
  576. rats=createDiv("3px", "3px");
  577.  
  578. rats.style.visibility="hidden";
  579.  
  580. div=createDiv("auto", "auto");
  581.  
  582. rats.appendChild(div);
  583.  
  584. div=div.style;
  585.  
  586. div.top="1px";
  587.  
  588. div.left="0px";
  589.  
  590. div.bottom="1px";
  591.  
  592. div.right="0px";
  593.  
  594. div.borderLeft="1px solid "+colours[3];
  595.  
  596. div.borderRight="1px solid "+colours[1];
  597.  
  598. div=createDiv("auto", "auto");
  599.  
  600. rats.appendChild(div);
  601.  
  602. div=div.style;
  603.  
  604. div.top="0px";
  605.  
  606. div.left="1px";
  607.  
  608. div.right="1px";
  609.  
  610. div.bottom="0px"
  611.  
  612. div.borderTop="1px solid "+colours[0];
  613.  
  614. div.borderBottom="1px solid "+colours[2];
  615.  
  616. div=createDiv("auto", "auto");
  617.  
  618. rats.appendChild(div);
  619.  
  620. div=div.style;
  621.  
  622. div.left="1px";
  623.  
  624. div.right="1px";
  625.  
  626. div.bottom="1px";
  627.  
  628. div.top="1px";
  629.  
  630. div.backgroundColor=colours[4];
  631.  
  632. div.opacity=0.5;
  633.  
  634. if (document.all) div.filter="alpha(opacity=50)";
  635.  
  636. document.body.appendChild(rats);
  637.  
  638. bubb[i]=rats.style;
  639.  
  640. }
  641.  
  642. set_scroll();
  643.  
  644. set_width();
  645.  
  646. bubble();
  647.  
  648. }}
  649.  
  650. function bubble() {
  651.  
  652. var c;
  653.  
  654. if (x!=ox || y!=oy) {
  655.  
  656. ox=x;
  657.  
  658. oy=y;
  659.  
  660. for (c=0; c<bubbles; c++) if (!bubby[c]) {
  661.  
  662. bubb[c].left=(bubbx[c]=x)+"px";
  663.  
  664. bubb[c].top=(bubby[c]=y)+"px";
  665.  
  666. bubb[c].width="3px";
  667.  
  668. bubb[c].height="3px"
  669.  
  670. bubb[c].visibility="visible";
  671.  
  672. bubbs[c]=3;
  673.  
  674. break;
  675.  
  676. }
  677.  
  678. }
  679.  
  680. for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
  681.  
  682. setTimeout("bubble()", 40);
  683.  
  684. }
  685.  
  686. function update_bubb(i) {
  687.  
  688. if (bubby[i]) {
  689.  
  690. bubby[i]-=bubbs[i]/2+i%2;
  691.  
  692. bubbx[i]+=(i%5-2)/5;
  693.  
  694. if (bubby[i]>sdown && bubbx[i]>0) {
  695.  
  696. if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
  697.  
  698. bubb[i].width=bubbs[i]+"px";
  699.  
  700. bubb[i].height=bubbs[i]+"px";
  701.  
  702. }
  703.  
  704. bubb[i].top=bubby[i]+"px";
  705.  
  706. bubb[i].left=bubbx[i]+"px";
  707.  
  708. }
  709.  
  710. else {
  711.  
  712. bubb[i].visibility="hidden";
  713.  
  714. bubby[i]=0;
  715.  
  716. return;
  717.  
  718. }
  719.  
  720. }
  721.  
  722. }
  723.  
  724. document.onmousemove=mouse;
  725.  
  726. function mouse(e) {
  727.  
  728. set_scroll();
  729.  
  730. y=(e)?e.pageY:event.y+sleft;
  731.  
  732. x=(e)?e.pageX:event.x+sdown; }
  733.  
  734. window.onresize=set_width;
  735.  
  736. function set_width() {
  737.  
  738. if (document.documentElement && document.documentElement.clientWidth) {
  739.  
  740. swide=document.documentElement.clientWidth;
  741.  
  742. shigh=document.documentElement.clientHeight;
  743.  
  744. }
  745.  
  746. else if (typeof(self.innerHeight)=="number") {
  747.  
  748. swide=self.innerWidth;
  749.  
  750. shigh=self.innerHeight;
  751.  
  752. }
  753.  
  754. else if (document.body.clientWidth) {
  755.  
  756. swide=document.body.clientWidth;
  757.  
  758. shigh=document.body.clientHeight;
  759.  
  760. }
  761.  
  762. else {
  763.  
  764. swide=800;
  765.  
  766. shigh=600;
  767.  
  768. }
  769.  
  770. }
  771.  
  772. window.onscroll=set_scroll;
  773.  
  774. function set_scroll() {
  775.  
  776. if (typeof(self.pageYOffset)=="number") {
  777.  
  778. sdown=self.pageYOffset;
  779.  
  780. sleft=self.pageXOffset;
  781.  
  782. }
  783.  
  784. else if (document.body.scrollTop || document.body.scrollLeft) {
  785.  
  786. sdown=document.body.scrollTop;
  787.  
  788. sleft=document.body.scrollLeft;
  789.  
  790. }
  791.  
  792. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  793.  
  794. sleft=document.documentElement.scrollLeft;
  795.  
  796. sdown=document.documentElement.scrollTop;
  797.  
  798. }
  799.  
  800. else {
  801.  
  802. sdown=0;
  803.  
  804. sleft=0;
  805.  
  806. }
  807.  
  808. }
  809.  
  810. function createDiv(height, width) {
  811.  
  812. var div=document.createElement("div");
  813.  
  814. div.style.position="absolute";
  815.  
  816. div.style.height=height;
  817.  
  818. div.style.width=width;
  819.  
  820. div.style.overflow="hidden";
  821.  
  822. return (div);
  823.  
  824. }
  825.  
  826. // ]]>
  827.  
  828. </script>
  829.  
  830. </body>
  831.  
  832.  
  833. </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!