API tools faq
paste
Advertisement
silvercybermen

Theme 01: Dancing Petals [UNSUPPORTED]

silvercybermen
Jan 11th, 2014
341
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.45 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4.  
  5. Theme 01: Dancing Petals by lunecerise aka sxriusblack
  6. You CAN: Edit this theme for yourself
  7. You CANNOT: Remove credit, claim this as your own,
  8. steal any code without giving credit, or use as a basecode
  9.  
  10. Credits:
  11. Updates Tab thanks to lttlebirds - http://lttlebirds.tumblr.com
  12. Snow and Flowers code thanks to bangjensen/zerie/meem - http://bangjensen.tumblr.com
  13. Retroshadow credit to Jorge Epuñan - http://codepen.io/juanbrujo/pen/yGpAK
  14.  
  15. -->
  16.  
  17.  
  18. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  19. <head>
  20.  
  21. <title>{Title}</title>
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  25.  
  26. <meta name="font:Title" content="'Goudy Old Style', 'Century Gothic', 'Arial', 'Calibri', 'Times New Roman', 'Georgia', 'Cambria'">
  27.  
  28. <meta name="color:Title" content="#ffffff" />
  29. <meta name="color:Title Hover" content="#f2f2f2" />
  30. <meta name="color:Text" content="#bbbbbb" />
  31. <meta name="color:Link" content="#aaaaaa" />
  32. <meta name="color:Tags" content="#cccccc" />
  33. <meta name="color:Link Hover" content="#a3a3a3" />
  34. <meta name="color:Line" content="#f2f2f2" />
  35. <meta name="color:Border" content="#eeeeee" />
  36. <meta name="color:scrollbarbg" content="ffffff" />
  37. <meta name="color:Updates Text" content="#000000" />
  38.  
  39. <meta name="if:Updates Tab" content="0" >
  40. <meta name="if: Greyscale" content="1" >
  41. <meta name="if:Snow" content="0" >
  42. <meta name="if: Cherry Blossoms" content="1" >
  43.  
  44. <meta name="image:Sidebar" content=""/>
  45. <meta name="image:Updates Image" content=""/>
  46.  
  47. <meta name="text:Updates" content="updates. <br> for break in text, <p> for new paragraph.">
  48. <meta name="text:linkA" content="message">
  49. <meta name="text:linkA url" content="/ask">
  50. <meta name="text:linkB" content="">
  51. <meta name="text:linkB url" content="/">
  52. <meta name="text:linkC" content="">
  53. <meta name="text:linkC url" content="/">
  54. <meta name="text:linkD" content="">
  55. <meta name="text:linkD url" content="/">
  56.  
  57. <style type="text/css">
  58.  
  59. *, body, a, a:hover {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
  60.  
  61. #bite
  62. #bite a{
  63. display:block
  64. }
  65. #bite .death {
  66. margin-top:0px;filter: alpha(opacity = 0);
  67. opacity:0;-webkit-transition: all 0.5s ease-out;
  68. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  69. }
  70.  
  71. #bite:hover .death {
  72. margin-top:0px;
  73. -webkit-transition: all 0.8s ease-out;
  74. -moz-transition: all 0.8s ease-out;
  75. transition: all 0.8s ease-out;
  76. filter: alpha(opacity = 100);
  77. filter: alpha(opacity = 100);
  78. opacity:100;
  79. }
  80.  
  81. #actualnews {
  82. font-family:calibri;
  83. font-size:9px;
  84. color: {color:Updates Text};
  85. width:100px;
  86. height:auto;
  87. padding-top:3px;
  88. border:1px solid{color:Updates Text};
  89. margin-left: 20px;
  90. margin-top:30px;
  91. text-align:center;
  92. position:fixed;
  93. padding:2px;
  94. }
  95.  
  96. #updatesimage img{
  97. width:80px;
  98. margin-top: -40px;
  99. margin-left: 30px;
  100. position:fixed;
  101. }
  102.  
  103.  
  104. ::-webkit-scrollbar {
  105. width: 5px;height: 5px;}
  106. ::-webkit-scrollbar-button:start:decrement,
  107. ::-webkit-scrollbar-button:end:increment {
  108. height: 6px;display: block;background-color: {color:white};}
  109. ::-webkit-scrollbar-track-piece {
  110. color:white;}
  111. ::-webkit-scrollbar-thumb:vertical {
  112. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
  113.  
  114.  
  115. body {
  116. background:{color:background};
  117. margin:0px;
  118. color:{color:text};
  119. font-family:georgia,
  120. font-size:9px;
  121. line-height:100%;
  122. }
  123.  
  124. a {
  125. text-decoration:none;
  126. -moz-outline-style:none;
  127. color:{color:link};
  128. -moz-transition-duration:0.7s;
  129. -webkit-transition-duration:0.7s;
  130. -o-transition-duration:0.7s;
  131. }
  132.  
  133. img {
  134. border:none;
  135. }
  136.  
  137.  
  138. h1 {
  139. font-size:12px;
  140. text-transform:uppercase;
  141. }
  142.  
  143. blockquote {
  144. padding-left:5px;
  145. border-left:2px solid color:{color:text};
  146. }
  147.  
  148. blockquote blockquote {
  149. padding-left:5px;
  150. border-left:2px solid color:{color:text};
  151. }
  152.  
  153.  
  154. a:hover {
  155. opacity:1;
  156. color:{color:link hover};
  157. -webkit-transition: all 0.5s ease;
  158. -moz-transition: all 0.5s ease;
  159. -o-transition: all 0.5s ease
  160. }
  161.  
  162.  
  163. #sidebar {
  164. position:fixed;
  165. width:120px;
  166. margin-left:250px;
  167. margin-top:150px;
  168. opacity:1;
  169. -moz-transition-duration:0.7s;
  170. -webkit-transition-duration:0.7s;
  171. -o-transition-duration:0.7s;
  172. }
  173.  
  174. #sidebarrimage {
  175. width 120px;
  176. margin-left:6px;
  177. margin-top:6px;
  178. -moz-transition-duration:0.7s;
  179. -webkit-transition-duration:0.7s;
  180. -o-transition-duration:0.7s;
  181. }
  182.  
  183. #sidebarrimage img {
  184. width:120px;
  185. position:relative;
  186. -moz-transition-duration:0.7s;
  187. -webkit-transition-duration:0.7s;
  188. -o-transition-duration:0.7s;
  189. }
  190.  
  191. #sidebarrimage:hover {
  192. opacity:0.5;
  193. background-color:#fff;
  194. -moz-transition-duration:0.7s;
  195. -webkit-transition-duration:0.7s;
  196. -o-transition-duration:0.7s;
  197. }
  198.  
  199. #sidebarrimage:hover #title {
  200. opacity:1;
  201. text-align:center;
  202. -moz-transition-duration:0.7s;
  203. -webkit-transition-duration:0.7s;
  204. -o-transition-duration:0.7s;
  205. }
  206.  
  207. #title {
  208. font-size:13px;
  209. color:{color:title};
  210. font-family:{font:Title};
  211. letter-spacing:1.5px;
  212. text-align:center;
  213. top:50%;
  214. margin-left:8px;
  215. position:absolute;
  216. opacity:0;
  217. text-shadow: 2px 0px 0px color:#000;
  218. -webkit-text-fill-color: {color:title};
  219. -webkit-text-stroke-width: 1px;
  220. -webkit-text-stroke-color: black;
  221. -moz-transition-duration:0.7s;
  222. -webkit-transition-duration:0.7s;
  223. -o-transition-duration:0.7s;
  224. }
  225.  
  226. #title:hover {
  227. color:{color:Title Hover};
  228. -moz-transition-duration:0.7s;
  229. -webkit-transition-duration:0.7s;
  230. -o-transition-duration:0.7s;
  231. }
  232.  
  233. .retroshadow {
  234. color: #2c2c2c;
  235. letter-spacing: .05em;
  236. text-shadow:
  237. 3px 3px 0px #d5d5d5,
  238. 6px 6px 0px rgba(0, 0, 0, 0.2);
  239. }
  240.  
  241. .desc {
  242. position:fixed;
  243. margin-top:10px;
  244. margin-left:0px;
  245. font-family:cambria;
  246. line-height:110%;
  247. font-size:9px;
  248. font-style:none;
  249. width:110px;
  250. padding-top:18px;
  251. padding-left:10px;
  252. text-align:center;
  253. color:{color:text};
  254. }
  255.  
  256. .desc a:hover {
  257. color:{color:link hover};
  258. -moz-transition-duration:0.6s;
  259. -webkit-transition-duration:0.6s;
  260. -o-transition-duration:0.6s;
  261. }
  262.  
  263. .links {
  264. position:fixed;
  265. margin-top:-8px;
  266. margin-left:-5px;
  267. width:125px;
  268. padding: 9px;
  269. word-spacing:2px;
  270. font-family:cambria;
  271. text-align:center;
  272. text-transform:;
  273. color:{color:link};
  274. -moz-transition-duration:0.6s;
  275. -webkit-transition-duration:0.6s;
  276. -o-transition-duration:0.6s;
  277. }
  278.  
  279. .links a {
  280. font-size: 11px;
  281. -moz-transition-duration:0.6s;
  282. -webkit-transition-duration:0.6s;
  283. -o-transition-duration:0.6s;
  284. }
  285.  
  286. .links a:hover {
  287. color:{color:Link Hover}
  288. -moz-transition-duration:0.6s;
  289. -webkit-transition-duration:0.6s;
  290. -o-transition-duration:0.6s;
  291. }
  292.  
  293. #pagi {
  294. font-size:9px;
  295. text-transform:uppercase;
  296. width:110px;
  297. letter-spacing:3px;
  298. font-style:normal;
  299. text-align:center;
  300. z-index:10000;
  301. padding-top:50px;
  302. }
  303.  
  304. #all {
  305. padding:10px;
  306. width:500px;
  307. margin-left:450px;
  308. margin-top:50px;
  309. font-size:10px;
  310. }
  311.  
  312. #posts {
  313. width:500px;
  314. padding-bottom:20px;
  315. padding:10px;
  316. margin-top:30px;
  317. background-color:{color:Post};
  318. {block:IfGreyscale}
  319. -webkit-filter:grayscale(100%);
  320. -webkit-transition: all 0.5s ease opacity .9s linear;
  321. -moz-transition: all 0.5s ease;
  322. -o-transition: all 0.5s ease;
  323. -webkit-transition-duration: 0.5s;
  324. -moz-transition-duration: 0.5s;
  325. -o-transition-duration: 0.5s;
  326. }
  327.  
  328. #posts:hover {
  329. -webkit-transition: all 0.5s ease opacity .9s linear;
  330. -moz-transition: all 0.5s ease;
  331. -o-transition: all 0.5s ease;
  332. opacity: 1;
  333. -webkit-filter:none;
  334. -webkit-transition-duration: 0.5s;
  335. -moz-transition-duration: 0.5s;
  336. -o-transition-duration: 0.5s;
  337. {/block:IfGreyscale}
  338. }
  339.  
  340. #details {
  341. text-align:right;
  342. margin-top:8px;
  343. text-transform:lowercase;
  344. font-family:goudy old style;
  345. font-size:9px;
  346. font-style:none;
  347. border-top:1px solid {color:Line};
  348. }
  349.  
  350. #tags {
  351. font-family:cambria;
  352. letter-spacing:0px;
  353. text-transform:lowercase;
  354. font-size:10px;
  355. font-style:italic;
  356. margin-top:2px;
  357. text-align:right;
  358. }
  359.  
  360. #tags a {
  361. display:inline-block;
  362. padding:-3px;
  363. text-align:right;
  364. color:{color:Tags};
  365. -webkit-transition: all 0.6s ease-in-out;
  366. -moz-transition: all 0.6s ease-in-out;
  367. -o-transition: all 0.6s ease-in-out;
  368. -ms-transition: all 0.6s ease-in-out;
  369. -transition: all 0.6s ease-in-out;
  370. }
  371.  
  372.  
  373. #question {
  374. padding:8px;
  375. font-family:cambria;
  376. letter-spacing:2px;
  377. text-align:right;
  378. font-style:italic;
  379. border:3px {color:border} solid;
  380. color:{color:text};
  381. background-color:{color:background}
  382. }
  383.  
  384. #credit, #credit a {
  385. position:fixed;
  386. bottom:2px;
  387. right:4px;
  388. padding:3px;
  389. font-family: helvetica;
  390. text-transform:uppercase;
  391. color:#fff;
  392. font-size:10px;
  393. width:15px;
  394. height:15px;
  395. background-color:#000;
  396. -moz-transition-duration:0.3s;
  397. -webkit-transition-duration:0.3s;
  398. -o-transition-duration:0.3s;
  399. -ms-transition-duration:0.3s;
  400. }
  401.  
  402. #credit:hover, #credit a:hover {
  403. font-family: helvetica;
  404. color:#000;
  405. background-color:#fff;
  406. text-shadow:#aaa 2px 2px;
  407. -moz-transition-duration:0.4s;
  408. -webkit-transition-duration:0.4s;
  409. -o-transition-duration:0.4s;
  410. -ms-transition-duration:0.4s;
  411. }
  412.  
  413. #s-m-t-tooltip {
  414.  
  415. max-width:300px;
  416. padding:1px 1px 1px 1px;
  417. margin:20px 0px 0px 20px;
  418. height:auto;
  419. background-color:#fff;
  420. border:1px solid {color:link};
  421. font-family:calibri;
  422. font-size:9px;
  423. letter-spacing:1px;
  424. text-transform:uppercase;
  425. color:#999;
  426. z-index:10000000000000000000;
  427. }
  428.  
  429. {CustomCSS}</style></head><body>
  430.  
  431. {block:ifUpdatesTab}
  432. <div id="bite">
  433. <div id="updatesimage"><img src="{image:Updates Image}"></div>
  434. <div class="death">
  435. <div id="actualnews">
  436. {text:Updates}
  437. </div>
  438. </div></div>
  439. {/block:ifUpdatesTab}
  440.  
  441. <div id="sidebar">
  442. <img src="http://3.bp.blogspot.com/-h56IXyltA7w/T4EV4faNiSI/AAAAAAAAJwo/7n_Xt26il5o/s1600/page%2Bbreakh.jpg" height="40" width="135">
  443. <div id="sidebarrimage"><img src="{image:sidebar}"><div id="title" class="retroshadow"><a href="/" style="color:{color:Title}" title="Home">{Title}</a></div></div>
  444. <div class="links">
  445. {block:IfLinkA}
  446. <a href="{text:linkA url}" title="{text:linkA}">♔</a>
  447. {/block:IfLinkA}
  448. {block:IfLinkB}
  449. <a href="{text:linkB url}" title="{text:linkB}">♕</a>
  450. {/block:IfLinkB}
  451. {block:IfLinkC}
  452. <a href="{text:linkC url}" title="{text:linkC}">♚</a>
  453. {/block:IfLinkC}
  454. {block:IfLinkD}
  455. <a href="{text:linkD url}" title="{text:linkD}">♛</a>
  456. {/block:IfLinkD}
  457. </div>
  458. <br>
  459. <img src="http://onestoryslinger.files.wordpress.com/2013/09/untitled.png" width="132">
  460. <div class="desc">
  461. {Description}
  462. <br>
  463. {block:Pagination}<div id="pagi">
  464. {block:PreviousPage}<a href="{PreviousPage}">↤</a>&nbsp;&nbsp;{/block:PreviousPage}
  465. {block:JumpPagination length="3"}
  466. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  467. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  468. {/block:JumpPagination}
  469. {block:NextPage}<a href="{NextPage}">↣</a>{/block:NextPage}
  470. </div>{/block:Pagination}
  471. </div>
  472. </div>
  473.  
  474. <div id="all">{block:Posts}<div id="posts">
  475.  
  476. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  477.  
  478. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag} {block:Caption}{/block:Caption} {/block:Photo}
  479.  
  480. {block:Link}<h1><a style="padding:3px; border: 3px solid {color:link}"href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  481.  
  482. {block:Photoset}{Photoset-500}{block:Caption}{/block:Caption}{/block:Photoset}
  483.  
  484. {block:Quote}<h2>“{Quote}”</h2><h1><span style="font-size:10px; text-transform:none">—{Source}</span>{/block:Quote}
  485.  
  486. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  487. {block:TrackName}<b>Title:</b> {TrackName}{/block:TrackName}
  488. {block:Artist}<br><b>Artist:</b> {Artist}{/block:Artist}
  489. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  490. {/block:Audio}{block:Caption}{Caption}{/block:Caption}
  491.  
  492. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  493.  
  494. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  495.  
  496.  
  497. {block:Answer}<div id="question"><span style="text-transform:uppercase;font-size:9px;font-style:italic;">— {Asker}: </span>{Question}</div><left> <font face="cambria">{Answer}</font>{/block:Answer}
  498.  
  499. <div id="details">
  500. <br> posted <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}, {Year} at {12Hour}:{Minutes} </a> {block:RebloggedFrom} from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a> {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a>
  501. {block:HasTags}<div id="tags">tagged as:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  502. {/block:Posts}
  503. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  504. {/block:Posts}</div></div></div>
  505.  
  506. {block:IfSnow}
  507.  
  508. <SCRIPT type="text/javascript">
  509.  
  510. /*Snow Fall*/
  511.  
  512. var snowmax=500
  513. var snowcolor=new Array("#aaaacc","#ddddff","#ccccdd","#f3f3f3","#f0ffff")
  514. var snowtype=new Array("Times","Arial","Times","Verdana")
  515. var snowletter="*"
  516. var sinkspeed=0.9
  517. var snowmaxsize=30
  518. var snowminsize=8
  519. var snowingzone=1
  520.  
  521. var snow=new Array()
  522. var marginbottom
  523. var marginright
  524. var timer
  525. var i_snow=0
  526. var x_mv=new Array();
  527. var crds=new Array();
  528. var lftrght=new Array();
  529. var browserinfos=navigator.userAgent
  530. var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
  531. var ns6=document.getElementById&&!document.all
  532. var opera=browserinfos.match(/Opera/)
  533. var browserok=ie5||ns6||opera
  534.  
  535. function randommaker(range) {
  536. rand=Math.floor(range*Math.random())
  537. return rand
  538. }
  539. function initsnow() {
  540. if (ie5 || opera) {
  541. marginbottom = document.body.scrollHeight
  542. marginright = document.body.clientWidth-15
  543. }
  544. else if (ns6) {
  545. marginbottom = document.body.scrollHeight
  546. marginright = window.innerWidth-15
  547. }
  548.  
  549. var snowsizerange=snowmaxsize-snowminsize
  550.  
  551. for (i=0;i<=snowmax;i++) {
  552. crds[i] = 0;
  553. lftrght[i] = Math.random()*15;
  554. x_mv[i] = 0.03 + Math.random()/10;
  555. snow[i]=document.getElementById("s"+i)
  556. snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
  557. snow[i].size=randommaker(snowsizerange)+snowminsize
  558. snow[i].style.fontSize=snow[i].size+'px';
  559. snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
  560. snow[i].style.zIndex=1000
  561. snow[i].sink=sinkspeed*snow[i].size/5
  562. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  563. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  564. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  565. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  566. snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
  567. snow[i].style.left=snow[i].posx+'px';
  568. snow[i].style.top=snow[i].posy+'px';
  569. }
  570. movesnow()
  571. }
  572. function movesnow() {
  573. for (i=0;i<=snowmax;i++) {
  574. crds[i] += x_mv[i];
  575. snow[i].posy+=snow[i].sink
  576. snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
  577. snow[i].style.top=snow[i].posy+'px';
  578.  
  579. if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
  580. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  581. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  582. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  583. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  584. snow[i].posy=0
  585. }
  586. }
  587. var timer=setTimeout("movesnow()",50)
  588. }
  589. for (i=0;i<=snowmax;i++) {
  590. document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
  591. }
  592. if (browserok) {
  593.  
  594. window.onload=initsnow
  595.  
  596. }
  597.  
  598.  
  599. </SCRIPT>
  600.  
  601. {/block:IfSnow}
  602.  
  603. {block:IfCherryBlossoms}
  604.  
  605. <script type="text/javascript">
  606. var snowcolor=new Array("#FBB7B7", "#FAA5CD", "#FEE7F1", "#EFC3D8")
  607. var snowmax=150
  608. var snowtype=new Array("Times", "Arial", "Georgia", "Cambria")
  609. var snowletter="✽"
  610. var sinkspeed=0.8
  611. var snowmaxsize=20
  612. var snowminsize=7
  613. var snowingzone=1
  614. var snow=new Array()
  615. var marginbottom
  616. var marginright
  617. var timer
  618. var i_snow=0
  619. var x_mv=new Array();
  620. var crds=new Array();
  621. var lftrght=new Array();
  622. var browserinfos=navigator.userAgent
  623. var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
  624. var ns6=document.getElementById&&!document.all
  625. var opera=browserinfos.match(/Opera/)
  626. var browserok=ie5||ns6||opera
  627. function randommaker(range) {
  628. rand=Math.floor(range*Math.random())
  629. return rand
  630. }
  631. function initsnow() {
  632. if (ie5 || opera) {
  633. marginbottom = document.body.scrollHeight
  634. marginright = document.body.clientWidth-15
  635. }
  636. else if (ns6) {
  637. marginbottom = document.body.scrollHeight
  638. marginright = window.innerWidth-15
  639. }
  640. var snowsizerange=snowmaxsize-snowminsize
  641. for (i=0;i<=snowmax;i++) {
  642. crds[i] = 0;
  643. lftrght[i] = Math.random()*15;
  644. x_mv[i] = 0.03 + Math.random()/10;
  645. snow[i]=document.getElementById("s"+i)
  646. snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
  647. snow[i].size=randommaker(snowsizerange)+snowminsize
  648. snow[i].style.fontSize=snow[i].size+'px';
  649. snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
  650. snow[i].style.zIndex=1000
  651. snow[i].sink=sinkspeed*snow[i].size/5
  652. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  653. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  654. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  655. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  656. snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
  657. snow[i].style.left=snow[i].posx+'px';
  658. snow[i].style.top=snow[i].posy+'px';
  659. }
  660. movesnow()
  661. }
  662.  
  663. function movesnow() {
  664. for (i=0;i<=snowmax;i++) {
  665. crds[i] += x_mv[i];
  666. snow[i].posy+=snow[i].sink
  667. snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
  668. snow[i].style.top=snow[i].posy+'px';
  669.  
  670. if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
  671. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  672. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  673. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  674. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  675. snow[i].posy=0
  676. }
  677. }
  678. var timer=setTimeout("movesnow()",50)
  679. }
  680.  
  681. for (i=0;i<=snowmax;i++) {
  682. document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
  683. }
  684. if (browserok) {
  685. window.onload=initsnow
  686. }
  687.  
  688. </script>
  689.  
  690. {/block:IfCherryBlossoms}
  691.  
  692. <div id="credit" title="lunecerise"><a href="http://lunecerise.tumblr.com">LC</a></div>
  693.  
  694. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  695. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  696.  
  697. <script>
  698. (function($){
  699. $(document).ready(function(){
  700. $("[title]").style_my_tooltips({
  701. tip_follows_cursor:true,
  702. tip_delay_time:90,
  703. tip_fade_speed:600,
  704. attribute:"title"
  705. });
  706. });
  707. })(jQuery);
  708. </script>
  709.  
  710. </body></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!