API tools faq
paste
purplesky

Cloudly

purplesky
Jan 29th, 2012
101
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.27 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. base theme by -shrooms
  3. "cloudless days" theme by lilette
  4. please don't remove the credit c:
  5. -->
  6.  
  7.  
  8. <head>
  9. <script language=”javaScript” type=”text/javascript” src=”http://www.onlineleaf.com/savetheenvironment.js”></script>
  10. <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur830.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/10/small-cute-blue-gray-pointer.html" target="_blank" title="Small Cute Blue Gray Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Small Cute Blue Gray Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
  11.  
  12. <script type="text/javascript">
  13. // <![CDATA[
  14. var colour="#a9cee0"; // in addition to "random" can be set to any valid colour eg "#f0f" or "red"
  15. var sparkles=50;
  16.  
  17. /****************************
  18. * Tinkerbell Magic Sparkle *
  19. *(c)2005-11 mf2fm web-design*
  20. * http://www.mf2fm.com/rv *
  21. * DON'T EDIT BELOW THIS BOX *
  22. ****************************/
  23. var x=ox=400;
  24. var y=oy=300;
  25. var swide=800;
  26. var shigh=600;
  27. var sleft=sdown=0;
  28. var tiny=new Array();
  29. var star=new Array();
  30. var starv=new Array();
  31. var starx=new Array();
  32. var stary=new Array();
  33. var tinyx=new Array();
  34. var tinyy=new Array();
  35. var tinyv=new Array();
  36.  
  37. window.onload=function() { if (document.getElementById) {
  38. var i, rats, rlef, rdow;
  39. for (var i=0; i<sparkles; i++) {
  40. var rats=createDiv(3, 3);
  41. rats.style.visibility="hidden";
  42. document.body.appendChild(tiny[i]=rats);
  43. starv[i]=0;
  44. tinyv[i]=0;
  45. var rats=createDiv(5, 5);
  46. rats.style.backgroundColor="transparent";
  47. rats.style.visibility="hidden";
  48. var rlef=createDiv(1, 5);
  49. var rdow=createDiv(5, 1);
  50. rats.appendChild(rlef);
  51. rats.appendChild(rdow);
  52. rlef.style.top="2px";
  53. rlef.style.left="0px";
  54. rdow.style.top="0px";
  55. rdow.style.left="2px";
  56. document.body.appendChild(star[i]=rats);
  57. }
  58. set_width();
  59. sparkle();
  60. }}
  61.  
  62. function sparkle() {
  63. var c;
  64. if (x!=ox || y!=oy) {
  65. ox=x;
  66. oy=y;
  67. for (c=0; c<sparkles; c++) if (!starv[c]) {
  68. star[c].style.left=(starx[c]=x)+"px";
  69. star[c].style.top=(stary[c]=y)+"px";
  70. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  71. star[c].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour;
  72. star[c].style.visibility="visible";
  73. starv[c]=50;
  74. break;
  75. }
  76. }
  77. for (c=0; c<sparkles; c++) {
  78. if (starv[c]) update_star(c);
  79. if (tinyv[c]) update_tiny(c);
  80. }
  81. setTimeout("sparkle()", 40);
  82. }
  83.  
  84. function update_star(i) {
  85. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  86. if (starv[i]) {
  87. stary[i]+=1+Math.random()*3;
  88. if (stary[i]<shigh+sdown && starx[i]>0) {
  89. star[i].style.top=stary[i]+"px";
  90. starx[i]+=(i%5-2)/5;
  91. star[i].style.left=starx[i]+"px";
  92. }
  93. else {
  94. star[i].style.visibility="hidden";
  95. starv[i]=0;
  96. return;
  97. }
  98. }
  99. else {
  100. tinyv[i]=50;
  101. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  102. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  103. tiny[i].style.width="2px";
  104. tiny[i].style.height="2px";
  105. tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor;
  106. star[i].style.visibility="hidden";
  107. tiny[i].style.visibility="visible"
  108. }
  109. }
  110.  
  111. function update_tiny(i) {
  112. if (--tinyv[i]==25) {
  113. tiny[i].style.width="1px";
  114. tiny[i].style.height="1px";
  115. }
  116. if (tinyv[i]) {
  117. tinyy[i]+=1+Math.random()*3;
  118. if (tinyy[i]<shigh+sdown && tinyx[i]>0) {
  119. tiny[i].style.top=tinyy[i]+"px";
  120. tinyx[i]+=(i%5-2)/5;
  121. tiny[i].style.left=tinyx[i]+"px";
  122. }
  123. else {
  124. tiny[i].style.visibility="hidden";
  125. tinyv[i]=0;
  126. return;
  127. }
  128. }
  129. else tiny[i].style.visibility="hidden";
  130. }
  131.  
  132. document.onmousemove=mouse;
  133. function mouse(e) {
  134. set_scroll();
  135. y=(e)?e.pageY:event.y+sdown;
  136. x=(e)?e.pageX:event.x+sleft;
  137. }
  138.  
  139. function set_scroll() {
  140. if (typeof(self.pageYOffset)=="number") {
  141. sdown=self.pageYOffset;
  142. sleft=self.pageXOffset;
  143. }
  144. else if (document.body.scrollTop || document.body.scrollLeft) {
  145. sdown=document.body.scrollTop;
  146. sleft=document.body.scrollLeft;
  147. }
  148. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  149. sleft=document.documentElement.scrollLeft;
  150. sdown=document.documentElement.scrollTop;
  151. }
  152. else {
  153. sdown=0;
  154. sleft=0;
  155. }
  156. }
  157.  
  158. window.onresize=set_width;
  159. function set_width() {
  160. var sw_min=999999;
  161. var sh_min=999999;
  162. if (document.documentElement && document.documentElement.clientWidth) {
  163. sw_min=document.documentElement.clientWidth;
  164. sh_min=document.documentElement.clientHeight;
  165. }
  166. if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
  167. if (self.innerWidth<sw_min) sw_min=self.innerWidth;
  168. if (self.innerHeight<sh_min) sh_min=self.innerHeight;
  169. }
  170. if (document.body.clientWidth) {
  171. if (document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  172. if (document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  173. }
  174. if (sw_min==999999 || sh_min==999999) {
  175. sw_min=800;
  176. sh_min=600;
  177. }
  178. swide=sw_min;
  179. shigh=sh_min;
  180. }
  181.  
  182. function createDiv(height, width) {
  183. var div=document.createElement("div");
  184. div.style.position="absolute";
  185. div.style.height=height+"px";
  186. div.style.width=width+"px";
  187. div.style.overflow="hidden";
  188. return (div);
  189. }
  190.  
  191. function newColour() {
  192. var c=new Array();
  193. c[0]=255;
  194. c[1]=Math.floor(Math.random()*256);
  195. c[2]=Math.floor(Math.random()*(256-c[1]/2));
  196. c.sort(function(){return (0.5 - Math.random());});
  197. return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")");
  198. }
  199. // ]]>
  200. </script>
  201. <SCRIPT language=JavaScript>
  202. <!-- http://www.spacegun.co.uk -->
  203. var message = "Right click disabled";
  204. function rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3){ alert(message); return false; }
  205. if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) { alert(message); return false; } }
  206. document.onmousedown = rtclickcheck;
  207. </SCRIPT>
  208.  
  209.  
  210. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  211.  
  212. <title>{Title}</title>
  213. <meta name="color:Background" content="h"/>
  214. <meta name="color:Link" content="#000"/>
  215. <meta name="color:Text" content="#000"/>
  216. <meta name="color:Title" content="#000"/>
  217. <meta name="color:Hover" content="#D8D8D8"/>
  218. <meta name="color:Scrollbar" content="#aaaaaa"/>
  219. <meta name="color:Content Border" content="#000000"/>
  220. <meta name="image:Background" content=""/>
  221. <meta name="image:Sidebar" content=""/>
  222. <meta name="color:Content" content="#ffffff"/>
  223. <meta name="if:show sidebar image" content="0"/>
  224. <meta name="if:infinite scrolling" content="0"/>
  225. <meta name="if:show title" content="0"/>
  226. <meta name="if:tiny cursor" content="1"/>
  227.  
  228. {block:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}
  229. <style type="text/css">
  230. div.button a{
  231. display: inline-block;
  232. color: #ffffff;
  233. background-color:#e1f1fc;
  234. height:15px;
  235. width: 170px;
  236. padding-left:5px;
  237. padding-top:2px;
  238. border-right: 8px solid #95d5f5;
  239. }
  240.  
  241. div.button a:hover{
  242. width: 140px;
  243. text-align:right;
  244. border-right: 80px solid #95d5f5;
  245. padding-right:5px;
  246. color: #ffffff;;
  247. background-color:#95d5f5;;
  248. -webkit-transition: 0.5s}
  249.  
  250. {block:iftinycursor}body, a, a:hover {cursor: url(http://cur.cursfors-4u.net/others/oth-6/oth589.cur), progress;}{/block:iftinycursor}
  251. ::-webkit-scrollbar {width: 6px; height: 4px; background: {color:content}; }
  252. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}
  253. {block:ifFadedImages}img{-webkit-transition: opacity 0.8s linear; opacity: 0.75;}img:hover{-webkit-transition: opacity 0.8s linear; opacity: 1;} {/block:ifFadedImages}
  254. {block:ifInvertedFade}img{-webkit-transition: opacity 0.7s linear; opacity: 50;}img:hover{-webkit-transition: opacity 0.2s linear; opacity: .60;} {/block:ifInvertedFade}
  255. body {margin:0px;background-color: {color:Background};background-image:url(http://24.media.tumblr.com/tumblr_lidd0rZzwe1qcdtsho1_400.gif);background-attachment: fixed;background-repeat: repeat;}body, div, p, textarea, submit, input{font-family: helvetica; pixel;font-size: 13px;line-height:10px;letter-spacing:0px;
  256. color:{color:Text};}
  257.  
  258.  
  259. p {margin:0px;margin-top:0px;}
  260. a:link, a:active, a:visited{color: {color:Link};text-decoration: none;-webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; }
  261. a:hover {color:{color:Hover};text-decoration: underline;font-style: normal;letter-spacing: 0px;
  262. -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; }
  263. div#birds{ background: {color:content};margin: auto; position:relative; width: 730px; overflow:auto;
  264. overflow-y:hidden;border: 5px solid {color:content};margin-top: 35px;height:600px; -moz-border-radius: 25px 25px;border-radius: 25px 25px / 25px 25px;border: 1.2px solid {color:Content Border};
  265. padding: 10px;}
  266.  
  267. div#cauliflower{ float:center; position:relative; background-color: white;width:500px; height:600px;
  268. padding-left:6px;overflow:scroll; overflow-x:hidden;float: right;}
  269. div#creeps{overflow:hidden; float:left; width:500px;margin-left:0px; margin-bottom:4px; padding-bottom: 2px;padding:0px;background-color: white;}
  270. #creeps .perma a{color:{Color:Links};}
  271. #creeps .perma{width:500px; position: absolute; font-family: "littlefont"; font-size: 8px; line-height: 12px; text-align: center;overflow:hidden; opacity: 0.0; background-color:#fff;text-decoration: bold;}
  272. #creeps:hover .perma{overflow:visible;-webkit-transition: opacity 0.2s linear; opacity: 0.8; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
  273. div#blood{ position:fixed !important; width: 225px; height:600px; padding-left: 1px; padding-top: 1px;padding-bottom: 1px;font-size: 10px; line-height:15px; letter-spacing:0px;text-align: center; margin-bottom: 5px; background-color: {color:content}; float: left;}
  274. div#fly{ position: fixed;text-align:center;margin-top:616px;z-index:100;line-height: 8px;padding: 1px; background-color: transparent;width: 428px;height:auto;font-family: "littlefont"; font-size: 8px;margin-left:170px;}
  275.  
  276. #postnotes{ text-align: justify;}
  277. #postnotes blockquote{ border: 0px;}
  278. .title{font-family: cambria; font-size: 13px; line-height: 13px; color: {color:Title}; font-weight: normal;}
  279. blockquote{ padding:0px 0px 2px 2px; margin:0px 0px 2px 10px; border-left: 1px solid black;}
  280. .blogtitle{font-family: "amatic sc"; font-size: 30px; line-height: 19px; text-shadow: 2px 2px 2px {color:shadow};color: {color:Title}; font-weight: normal;}
  281. .video embed, .post div.video object {width:500px !important; height:390px !important;}
  282. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  283.  
  284. a img{border: 0px;}
  285. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  286. .user_7 .label, .user_8 .label, .user_9 .label {
  287. color:#000;}
  288. .notes img{width:10px; position:relative; top:3px;}
  289. </style>
  290.  
  291. <title>{Title}</title>
  292.  
  293. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lkl6qeyBZ51qfamg6.png">
  294. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  295. <meta name="viewport" content="width=820" />
  296.  
  297. <style>#toTop {display:none;text-decoration:none;position:fixed;bottom:20px;right:20px;overflow:hidden;width:30px;height:40px;border:none;text-indent:-999px;background:url("http://24.media.tumblr.com/tumblr_ly7ajz1ias1r7etd4o1_250.png") no-repeat left top;z-index:3000;}#toTopHover {background:url(http://static.tumblr.com/hi8vwsz/Q0ull6xz3/totop.png) no-repeat left -40px;
  298. width:30px;height:40px;display:block;overflow:hidden;float:left;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);}
  299. #toTop:active, #toTop:focus {outline:none;}#toTop:active, #toTop:focus {outline:none;}</style>
  300.  
  301. <script type="text/javascript" src="http://static.tumblr.com/53unaru/kx3lgzker/jquery-1.3.2.min.js" charset="utf-8"></script>
  302. <script type="text/javascript" src="http://static.tumblr.com/53unaru/4jtlgzkf8/easing.js"></script>
  303. <script type="text/javascript" src="http://static.tumblr.com/53unaru/y8wlgzkbt/jquery.ui.totop.js"></script>
  304. <script type="text/javascript">
  305. $(document).ready(function() {
  306. $().UItoTop({ easingType: 'easeOutQuart' });
  307. });
  308. </script>
  309.  
  310. </head>
  311. <body>
  312. <!--sidebar starts here-->
  313.  
  314. <div id="birds"><div id="trench"><div id="blood">
  315. <br>
  316. <center><img src="http://24.media.tumblr.com/tumblr_ly7ajz1ias1r7etd4o1_250.png" style="-webkit-transition: opacity 2s linear; opacity: 2; margin-top: -20px; z-index: 999px;"><center
  317. </center></td></tr>
  318.  
  319.  
  320.  
  321. <br>
  322. {Description}
  323. <br><img src="http://27.media.tumblr.com/tumblr_ly7ev0T9lq1r7etd4o2_250.png"></br>
  324. <br><div class="button">
  325. <a href="/">Home</a>
  326. <a href="/ask">Ask</a>
  327. <a href="/archive">Archive</a>
  328.  
  329. </div>
  330.  
  331. <br></br>
  332.  
  333. <br><img src="http://26.media.tumblr.com/tumblr_ly7f30PwaN1r7etd4o1_250.png"></br>
  334.  
  335.  
  336.  
  337. <!-- HTML Codes by Quackit.com -->
  338. <div style="height:120px;width:230px;font:10px/26px Georgia, Garamond, Serif;overflow:scroll;">
  339. You can place your status here.(this scrollbox has an invinsible scrollbar). The more the text, the better.To edit this, go to the html code, then ctrl+f. type "invinsible". Now, you can edit it! :D enjoy~
  340. </div>
  341. <p style="font-size:10px;"></p>
  342. <br></br>
  343. <center><img src="http://img.photobucket.com/albums/v252/shaquanda/dumpitydump/anotherdumpingfolder/line25.gif"></center>
  344.  
  345. <center>Theme Credits:</center>
  346. <a href="http://lilettethemes.tumblr.com">Cloudless day theme by <a href="http://lilette.tumblr.com">Lilette</a>
  347.  
  348.  
  349.  
  350.  
  351.  
  352.  
  353. <!--sidebar ends here-->
  354. </div></br>
  355. <br><br>{block:ifnotinfinitescrolling}
  356. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>{/block:PreviousPage}
  357. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  358. {/block:ifnotinfinitescrolling}
  359.  
  360. </div>
  361.  
  362.  
  363.  
  364.  
  365. <div id="cauliflower">
  366. {block:Posts}
  367. <div id="creeps">
  368.  
  369. {block:IndexPage}
  370. <div class="perma">
  371. <a href="{permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogURL}" target="_blank">reblog</a></span></div>
  372. {/block:IndexPage}
  373.  
  374. {block:Text}
  375. {block:Title}<span class="title">{Title}</span>{/block:Title}
  376. <span class="entrytext">{Body}</span><div align="right"><a href="{Permalink}"><span style="font-size: 11px;"> </span></a></div>{/block:Text}
  377. {block:Link}
  378. <a href="{URL}" class="title">{Name}</a>
  379. {block:Description}{Description}{/block:Description}<div align="right"><a href="{Permalink}"><span style="font-size: 11px;"> </span></a></div>
  380. {block:Link}
  381.  
  382. {block:Photo}<center>
  383. {LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:500px"/></a>{LinkCloseTag}</center>
  384. {/block:Photo}
  385.  
  386. {block:Quote}
  387. {Quote}</span>
  388. {block:Source}<strong>{Source}</strong>{/block:Source}<div align="right"><a href="{Permalink}"><span style="font-size: 11px;"> </span></a></div>
  389. {/block:Quote}
  390.  
  391. {block:Photoset}<center>{Photoset-500}</center>
  392. <span class="permalink"><a href="{permalink}"> </a></span>
  393. {/block:Photoset}
  394.  
  395. {block:Chat}
  396. {block:Title}<span class="title">{Title}</span>{/block:Title}
  397. <ul class="chat">
  398. {block:Lines}
  399. <li class="user_{UserNumber}">
  400. {block:Label}
  401. <span class="label">{Label}</span>
  402. {/block:Label}
  403.  
  404. {Line}
  405. </li>
  406. {/block:Lines}<div align="right"><a href="{Permalink}"><span style="font-size: 11px;"> </span></a></div>
  407. {/block:Chat}
  408.  
  409. {block:Audio}
  410. <center><div style="width:495px; height:28px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:10px; float:right;">
  411. {FormattedPlayCount} plays {block:ExternalAudio}{/block:ExternalAudio}</div></div></center><br><div align="right"><a href="{Permalink}"><span style="font-size: 11px;"> </span></a></div>
  412. {/block:Audio}
  413.  
  414. {block:Video}<center>
  415. <div class="video">{Video-500}</div></center><div align="right"><a href="{Permalink}"><span style="font-size: 11px;"> </span></a></div>
  416. {block:Video}
  417.  
  418. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} - {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}{/block:PermalinkPage}
  419.  
  420. {block:PostNotes}{PostNotes}
  421. {/block:PostNotes}
  422. </div>
  423.  
  424. {/block:Posts}
  425. </div></div>
  426. </div>
  427.  
  428. </div>
  429. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!