API tools faq
paste
Advertisement
pro-themes

5urprise's Winter Theme!

pro-themes
Jan 17th, 2016
67
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 24.44 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. don't steal >:C
  3. -->
  4.  
  5. <html lang="en">
  6. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml">
  8. <head>
  9.  
  10. <div style="position:fixed;bottom:5px;left:5px;">
  11.  
  12. <script type="text/javascript"><!--
  13. google_ad_client = "ca-pub-5219729553234464";
  14. /* Advertisements */
  15. google_ad_slot = "5211412833";
  16. google_ad_width = 200;
  17. google_ad_height = 200;
  18. //-->
  19. </script>
  20. <script type="text/javascript"
  21. src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
  22. </script>
  23. </div></div>
  24.  
  25. <script type="text/javascript"
  26. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  27. <script>
  28. $(document).ready(function() {
  29. //
  30. $('a.poplight[href^=#]').click(function() {
  31. var popID = $(this).attr('rel'); //Get Popup Name
  32. var popURL = $(this).attr('href'); //Get Popup href to define size
  33. var query= popURL.split('?');
  34. var dim= query[1].split('&');
  35. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  36. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"> <class="btn_close" title="Close" alt="Close" /></a>');
  37. var popMargTop = ($('#' + popID).height() + 80) / 2;
  38. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  39. //Apply Margin to Popup
  40. $('#' + popID).css({
  41. 'margin-top' : -popMargTop,
  42. 'margin-left' : -popMargLeft
  43. });
  44. $('body').append('<div id="fade"></div>');
  45. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  46. return false;
  47. });
  48. $('a.close, #fade').live('click', function() {
  49. $('#fade , .popup_block').fadeOut(function() {
  50. $('#fade, a.close').remove(); //fade them both out
  51. });
  52. return false;
  53. });
  54. });
  55. </script>
  56.  
  57. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  58. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  59. <script>
  60. (function($){
  61. $(document).ready(function(){
  62. $("a[title]").style_my_tooltips({
  63. tip_follows_cursor:true,
  64. tip_delay_time:90,
  65. tip_fade_speed:600,
  66. attribute:"title"
  67. });
  68. });
  69. })(jQuery);
  70. </script>
  71.  
  72. <script type="text/javascript">
  73. <!--
  74.  
  75. // Disable Right Click Script
  76.  
  77. function IE(e)
  78. {
  79. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  80. {
  81. return false;
  82. }
  83. }
  84. function NS(e)
  85. {
  86. if (document.layers || (document.getElementById && !document.all))
  87. {
  88. if (e.which == "2" || e.which == "3")
  89. {
  90. return false;
  91. }
  92. }
  93. }
  94. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  95.  
  96. //-->
  97. </script>
  98.  
  99.  
  100. <script type="text/javascript"
  101. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  102.  
  103. <!--DEFAULT VARIABLES-->
  104. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  105. <meta name="color:background" content="#fff"/>
  106. <meta name="color:link" content="#777"/>
  107. <meta name="color:text" content="#777"/>
  108. <meta name="color:title" content="#333"/>
  109. <meta name="color:hover" content="#fff"/>
  110. <meta name="image:sidebar" content="1"/>
  111. <meta name="image:background" content="1"/>
  112.  
  113.  
  114. <style type="text/css">
  115.  
  116.  
  117.  
  118. #border{
  119. margin-top:-5px;
  120. width:20px;
  121. height:600px;
  122. margin-left:230px;
  123. border:4px double #CEF6F5;
  124. position:fixed;
  125. z-index:999999999999999999;
  126. border-top:0px;
  127. background-image:url('http://media.tumblr.com/304d68dbebddd408813cc8cb73bbbea4/tumblr_inline_mouh5ev2My1qz4rgp.gif');
  128. -webkit:transform rotate(180deg);
  129. }
  130.  
  131. #border2{
  132. margin-top:-5px;
  133. width:20px;
  134. background-image:url('http://media.tumblr.com/304d68dbebddd408813cc8cb73bbbea4/tumblr_inline_mouh5ev2My1qz4rgp.gif');
  135. height:600px;
  136. margin-left:940px;
  137. border:4px double #CEF6F5;
  138. border-top:0px;
  139. position:fixed;
  140. z-index:1;
  141. -webkit:transform rotate(180deg);
  142. }
  143.  
  144. #link1{
  145. margin-top:350px;
  146. margin-left:-100px;
  147. position: fixed;
  148. z-index: 999999;
  149. opacity:1;
  150. -webkit-transition: all .7s ease;
  151. -moz-transition: all .7s ease;
  152. -o-transition: all .7s ease;
  153. transition: all .7s ease;
  154. }
  155.  
  156. #sidebar:hover #link1{
  157. opacity:1;
  158. -webkit-transition: all .7s ease;
  159. -moz-transition: all .7s ease;
  160. -o-transition: all .7s ease;
  161. transition: all .7s ease;
  162. }
  163. #link2{
  164. margin-top:350px;
  165. margin-left:-40px;
  166. position: fixed;
  167. z-index: 999999;
  168. opacity:1;
  169. -webkit-transition: all .7s ease;
  170. -moz-transition: all .7s ease;
  171. -o-transition: all .7s ease;
  172. transition: all .7s ease;
  173. }
  174.  
  175. #sidebar:hover #link2{
  176. opacity:1;
  177. -webkit-transition: all .7s ease;
  178. -moz-transition: all .7s ease;
  179. -o-transition: all .7s ease;
  180. transition: all .7s ease;
  181. }
  182.  
  183. #link3{
  184. margin-top:350px;
  185. margin-left:20px;
  186. position: fixed;
  187. z-index: 999999;
  188. opacity:1;
  189. -webkit-transition: all .7s ease;
  190. -moz-transition: all .7s ease;
  191. -o-transition: all .7s ease;
  192. transition: all .7s ease;
  193. }
  194.  
  195. #sidebar:hover #link3{
  196. opacity:1;
  197. -webkit-transition: all .7s ease;
  198. -moz-transition: all .7s ease;
  199. -o-transition: all .7s ease;
  200. transition: all .7s ease;
  201. }
  202.  
  203. #link4{
  204. margin-top:350px;
  205. margin-left:80px;
  206. position: fixed;
  207. z-index: 999999;
  208. opacity:1;
  209. -webkit-transition: all .7s ease;
  210. -moz-transition: all .7s ease;
  211. -o-transition: all .7s ease;
  212. transition: all .7s ease;
  213. }
  214.  
  215. #sidebar:hover #link4{
  216. opacity:1;
  217. -webkit-transition: all .7s ease;
  218. -moz-transition: all .7s ease;
  219. -o-transition: all .7s ease;
  220. transition: all .7s ease;
  221. }
  222.  
  223.  
  224. #line2{
  225. border:4px double #CEF6F5;
  226. margin-top:410px;
  227. margin-left:-112px;
  228. width:260px;
  229. position: fixed;
  230. z-index: 99999;
  231. opacity:1;
  232. -webkit-transition: all .7s ease;
  233. -moz-transition: all .7s ease;
  234. -o-transition: all .7s ease;
  235. transition: all .7s ease;
  236. }
  237.  
  238. #line{
  239. border:4px double #CEF6F5;
  240. margin-top:370px;
  241. margin-left:-112px;
  242. width:260px;
  243. position: fixed;
  244. z-index: 99999;
  245. opacity:1;
  246. -webkit-transition: all .7s ease;
  247. -moz-transition: all .7s ease;
  248. -o-transition: all .7s ease;
  249. transition: all .7s ease;
  250. }
  251.  
  252. #sidebar:hover #line{
  253. opacity:1;
  254. -webkit-transition: all .7s ease;
  255. -moz-transition: all .7s ease;
  256. -o-transition: all .7s ease;
  257. transition: all .7s ease;
  258. }
  259.  
  260. #lace {
  261. background-image:url('http://media.tumblr.com/304d68dbebddd408813cc8cb73bbbea4/tumblr_inline_mouh5ev2My1qz4rgp.gif');
  262. repeat:repeat-x;
  263. left:0;
  264. width:100%;
  265. margin-top: -30px;
  266. height:21px;
  267. border:4px double #CEF6F5;
  268. position: fixed;
  269. z-index: 2;
  270. opacity:1;
  271. }
  272.  
  273.  
  274. #s-m-t-tooltip {
  275. max-width:300px;
  276. padding:6px;
  277. margin:20px 0px 0px 20px;
  278. height:auto;
  279. padding-top:3px;
  280. width:auto;
  281. padding-bottom:2px;
  282. text-shadow:4px 4px 4px #cdcdcd;
  283. background: white; /* change the background color */
  284. border:4px double #CEF6F5;
  285. font-family:cambria; /* change the font */
  286. font-size:11px; /* change the font size */
  287. letter-spacing:0px; /* change the letter spacing */
  288. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  289. box-shadow:2px 2px 9px #aaa;
  290. color:#6E6E6E; /* change the text color */
  291. z-index:9999999999;
  292. border-radius: 25px 70px / 70px 25px;
  293. }
  294.  
  295. desc {
  296. font-family:butterfly;
  297. font-size:21px;
  298. text:bold;
  299. line-height:14px;
  300. letter-spacing:1px;
  301. color:#A9E2F3;
  302.  
  303. }
  304.  
  305. #desc{
  306. text-align: center;
  307. line-height:12px;
  308. text-transform:normal;
  309. font-family:cambria;
  310. font-size:11px;
  311. border-radius:5px;
  312. width:270px;
  313. }
  314.  
  315. #blogtitle{
  316. font-family:stars;
  317. position:fixed;
  318. font-size:45px;
  319. color:#CEECF5;
  320. text-shadow: 5px 0px #CEECF5, 2px 1px #CEECF5, 1px 0px #CEECF5, 0px -1px #CEECF5;
  321. margin-top:70px;
  322. margin-left:-70px;
  323. opacity:1;
  324. width: 10px;
  325. height: 10px;
  326. z-index: 999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
  327. -webkit-transition: all .7s ease;
  328. -moz-transition: all .7s ease;
  329. -o-transition: all .7s ease;
  330. transition: all .7s ease;
  331. }
  332.  
  333. #blogtitle:hover{
  334. text-shadow: 5px 0px #CEECF5, 2px 1px #CEECF5, 1px 0px #CEECF5, 0px -1px #CEECF5;
  335. -webkit-transition: all .7s ease;
  336. -moz-transition: all .7s ease;
  337. -o-transition: all .7s ease;
  338. transition: all .7s ease;
  339. }
  340.  
  341. #blogtitle2{
  342. font-family:stars;
  343. position:fixed;
  344. font-size:45px;
  345. color:#cdcdcd;
  346. margin-top:70px;
  347. margin-left:-70px;
  348. width: 10px;
  349. height: 10px;
  350. z-index: 999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
  351. }
  352.  
  353.  
  354. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.05;-webkit-transition: all 0.8s ease-out;-moz-
  355.  
  356. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  357.  
  358. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  359.  
  360. p {
  361. margin:0px;
  362. margin-top:0px;
  363. }
  364.  
  365. body{
  366. margin:5px;
  367. background-color: {color:Background};
  368. background-image:url(http://i45.tinypic.com/16jhspi.png);
  369. background-attachment: fixed;
  370. background-repeat: repeat;
  371. font-size: 11px;
  372. font-family: ronda;
  373. line-height:8px;
  374. color:#767a77;
  375. }
  376.  
  377.  
  378. a:link, a:active, a:visited{
  379. text-decoration: none;
  380. -webkit-transition: color 0.3s ease-out;
  381. -moz-transition: color 0.3s ease-out;
  382. transition: color 0.3s ease-out;
  383. color:{color:link};
  384. }
  385.  
  386. a:hover {
  387. text-decoration: none;
  388. font-style:;
  389. color: {color:Hover};
  390. }
  391.  
  392. div#center{
  393. margin:auto;
  394. position:relative;
  395. width:1000px;
  396. margin-top:-10px;
  397. margin-left:250px;
  398. overflow:auto;
  399. overflow-y:hidden;
  400. }
  401.  
  402.  
  403. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  404. .entry{
  405. font-family: cambria;
  406. font-size:11px;
  407. text-align:left;
  408. z-index:1;
  409. float:left;
  410. width: 310px;
  411. border:1px solid #eaeaea;
  412. height: auto;
  413. {block:PermalinkPage}
  414. width: 400px;
  415. height: auto;
  416. z-index:1;
  417. {/block:PermalinkPage}
  418. line-height:12px;
  419. background-color:#fff;
  420. margin:7px;
  421. overflow:hidden;
  422. padding: 9px;
  423. }
  424.  
  425.  
  426. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  427. .entry .perma{
  428. width:310px;
  429. height:29px;
  430. margin-left:0px;
  431. position: absolute;
  432. line-height: 23px;
  433. overflow:hidden;
  434. text-align:center;
  435. top:210px;
  436. text-transform:uppercase;
  437. background:white;
  438. word-spacing:2px;
  439. letter-spacing:1px;
  440. border-top:1px solid #cdcdcd;
  441. opacity: 0.0;
  442. -webkit-transition: all .7s ease;
  443. -moz-transition: all .7s ease;
  444. -o-transition: all .7s ease;
  445. transition: all .7s ease;
  446.  
  447. }
  448.  
  449. .entry:hover .perma{
  450. overflow:visible;
  451. opacity:1;
  452. top:200px;
  453. }
  454.  
  455.  
  456. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  457. #posts {
  458. width:760px;
  459. margin-top:50px;
  460. z-index:1;
  461. padding:5px;
  462. margin-left:250px;
  463. right:auto;
  464. height: auto;
  465. background:transparent;
  466. margin-right:auto;
  467. position:relative;
  468. overflow-y: hidden;
  469. }
  470.  
  471. #quality{
  472. position:fixed;
  473. background:white;
  474. z-index:999999999999999999;
  475. margin-top:600px;
  476. mergin-left:120px
  477. }
  478.  
  479.  
  480. /*CUSTOMIZE SIDEBAR HERE*/
  481. #sidebar{
  482. position:fixed !important;
  483. padding:7px;
  484. border:4px double #CEF6F5;
  485. width:250px;
  486. background:white;
  487. height:auto;
  488. margin-top:120px;
  489. margin-left:-115px;
  490. text-align:center;
  491. z-index:9;
  492. }
  493.  
  494.  
  495. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  496. @font-face {font-family:"butterfly";src:url('http://static.tumblr.com/7glhdxz/cz1mgev9y/bythebutterfly.ttf');}
  497. @font-face { font-family: "arma"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  498. @font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }
  499. @font-face { font-family: "yolo"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  500. @font-face { font-family: "bebas"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  501. @font-face { font-family: "handy00"; src: url('http://static.tumblr.com/va8axoh/0n6lwmnpk/handy00.ttf'); }
  502. @font-face { font-family: "sig"; src: url('http://static.tumblr.com/vilw5yj/6l7ma3fqc/signerica_medium.ttf'); }
  503. @font-face{
  504. font-family:jane;
  505. src: url('http://static.tumblr.com/bm7b8hm/vnWmf9864/janeaust.ttf');,}
  506.  
  507.  
  508. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  509. .title{
  510. line-height: 12px;
  511. font-family:butterfly;
  512. font-size:25px;
  513. line-height:24px;
  514. color:{color:Title};
  515. font-weight: normal;
  516. }
  517.  
  518.  
  519. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  520. .permalink{
  521. text-transform: normal;
  522. display: block;
  523. text-align: right;
  524. text-decoration: none;
  525. }
  526.  
  527.  
  528. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  529.  
  530. ::-webkit-scrollbar-thumb{
  531. background-color: #fff;
  532. border: 2px solid #cdcdcd;
  533. height:5px;
  534. -moz-border-radius: 20px;
  535. border-radius: 20px;
  536. }
  537.  
  538. ::-webkit-scrollbar {
  539. height:5px;
  540. width:5px;
  541. background-color: #cdcdcd;
  542. border: 2px solid #fff;
  543. }
  544.  
  545. #infscr-loading{
  546. bottom: -70px;
  547. position: absolute;
  548. left: 50%;
  549. margin-left:-8px;
  550. width:16px;
  551. height:11px;
  552. overflow:hidden;
  553. margin-bottom: 50px;
  554. }
  555.  
  556. #postnotes{
  557. text-align: justify;}
  558.  
  559. #postnotes blockquote{
  560. border: 0px;}
  561.  
  562. blockquote{
  563. padding:0px 0px 2px 5px;
  564. margin:0px 0px 2px 10px;
  565. border-left: 1px dotted #555555;
  566. }
  567.  
  568. blockquote p, ul{
  569. margin:0px;
  570. padding:0px;
  571. }
  572.  
  573. a img{border: 0px;}
  574.  
  575.  
  576. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  577.  
  578. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  579. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  580.  
  581. .notes img{width:10px; position:relative; top:3px;}
  582. <--ses-->
  583. small{font-size: 90%;}
  584.  
  585. {CustomCSS}
  586.  
  587. </style>
  588.  
  589. {block:IndexPage}
  590. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  591. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  592.  
  593. <script type="text/javascript">
  594. $(window).load(function(){
  595. var $wall = $('#posts');
  596. $wall.imagesLoaded(function(){
  597. $wall.masonry({
  598. itemSelector: '.entry, .entry_photo',
  599. isAnimated : false
  600. });
  601. });
  602.  
  603. $wall.infinitescroll({
  604. navSelector : '#pagination',
  605. nextSelector : '#pagination a',
  606. itemSelector : '.entry, .entry_photo',
  607. bufferPx : 2000,
  608. debug : false,
  609. errorCallback: function() {
  610. $('#infscr-loading').fadeOut('normal');
  611. }},
  612. function( newElements ) {
  613. var $newElems = $( newElements );
  614. $newElems.hide();
  615. $newElems.imagesLoaded(function(){
  616. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  617. });
  618. }); $('#posts').show(500);
  619. });
  620. </script>
  621.  
  622.  
  623. {/block:IndexPage}
  624.  
  625.  
  626. <title>{title}</title>
  627.  
  628. <link rel="shortcut icon" href="http://i205.photobucket.com/albums/bb186/mhilkas/favoicons/30bz9ms.gif" />
  629. <meta name="viewport" content="width=820" />
  630.  
  631.  
  632. </head>
  633.  
  634. <body onkeydown="return false">
  635.  
  636. <div id="quality"><a href="http://quality-2-0-network.tumblr.com/"><img style="width: 40px;background:transparent;" src="http://static.tumblr.com/ib6vvvn/orpn54oqh/10332916_565015656930837_706437266_o.png"></a></div>
  637.  
  638. <SCRIPT type="text/javascript">
  639. /*
  640. Snow Fall 1 - no images - Java Script
  641. Visit http://rainbow.arch.scriptmania.com/scripts/
  642. for this script and many more
  643. */
  644.  
  645. // Set the number of snowflakes (more than 30 - 40 not recommended)
  646. var snowmax=35
  647.  
  648. // Set the colors for the snow. Add as many colors as you like
  649. var snowcolor=new Array("#aaaacc","#ddddff","#ccccdd","#f3f3f3","#f0ffff")
  650.  
  651. // Set the fonts, that create the snowflakes. Add as many fonts as you like
  652. var snowtype=new Array("Times","Arial","Times","Verdana")
  653.  
  654. // Set the letter that creates your snowflake (recommended: * )
  655. var snowletter="*"
  656.  
  657. // Set the speed of sinking (recommended values range from 0.3 to 2)
  658. var sinkspeed=0.6
  659.  
  660. // Set the maximum-size of your snowflakes
  661. var snowmaxsize=30
  662.  
  663. // Set the minimal-size of your snowflakes
  664. var snowminsize=8
  665.  
  666. // Set the snowing-zone
  667. // Set 1 for all-over-snowing, set 2 for left-side-snowing
  668. // Set 3 for center-snowing, set 4 for right-side-snowing
  669. var snowingzone=1
  670.  
  671. ///////////////////////////////////////////////////////////////////////////
  672. // CONFIGURATION ENDS HERE
  673. ///////////////////////////////////////////////////////////////////////////
  674.  
  675.  
  676. // Do not edit below this line
  677. var snow=new Array()
  678. var marginbottom
  679. var marginright
  680. var timer
  681. var i_snow=0
  682. var x_mv=new Array();
  683. var crds=new Array();
  684. var lftrght=new Array();
  685. var browserinfos=navigator.userAgent
  686. var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
  687. var ns6=document.getElementById&&!document.all
  688. var opera=browserinfos.match(/Opera/)
  689. var browserok=ie5||ns6||opera
  690.  
  691. function randommaker(range) {
  692. rand=Math.floor(range*Math.random())
  693. return rand
  694. }
  695.  
  696. function initsnow() {
  697. if (ie5 || opera) {
  698. marginbottom = document.body.scrollHeight
  699. marginright = document.body.clientWidth-15
  700. }
  701. else if (ns6) {
  702. marginbottom = document.body.scrollHeight
  703. marginright = window.innerWidth-15
  704. }
  705. var snowsizerange=snowmaxsize-snowminsize
  706. for (i=0;i<=snowmax;i++) {
  707. crds[i] = 0;
  708. lftrght[i] = Math.random()*15;
  709. x_mv[i] = 0.03 + Math.random()/10;
  710. snow[i]=document.getElementById("s"+i)
  711. snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
  712. snow[i].size=randommaker(snowsizerange)+snowminsize
  713. snow[i].style.fontSize=snow[i].size+'px';
  714. snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
  715. snow[i].style.zIndex=1000
  716. snow[i].sink=sinkspeed*snow[i].size/5
  717. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  718. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  719. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  720. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  721. snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
  722. snow[i].style.left=snow[i].posx+'px';
  723. snow[i].style.top=snow[i].posy+'px';
  724. }
  725. movesnow()
  726. }
  727.  
  728. function movesnow() {
  729. for (i=0;i<=snowmax;i++) {
  730. crds[i] += x_mv[i];
  731. snow[i].posy+=snow[i].sink
  732. snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
  733. snow[i].style.top=snow[i].posy+'px';
  734.  
  735. if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
  736. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  737. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  738. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  739. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  740. snow[i].posy=0
  741. }
  742. }
  743. var timer=setTimeout("movesnow()",50)
  744. }
  745.  
  746. for (i=0;i<=snowmax;i++) {
  747. document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
  748. }
  749. if (browserok) {
  750. window.onload=initsnow
  751. }
  752.  
  753. </SCRIPT>
  754.  
  755.  
  756. <BODY onselectstart="return false;" ondragstart="return false;">
  757. <div class="wrapper">
  758. <div class="header">
  759. </div>
  760.  
  761. <div id="cage">
  762. <div id="center">
  763.  
  764. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  765. <div id="sidebar">
  766. <center>
  767. <a href="/"title="park shin hye is incredibly perfect and beautiful"><img src="http://oi39.tinypic.com/epkdcj.jpg"width=100% ></a><br><br>
  768. <div id="desc">{description}</div>
  769. </center>
  770. </div>
  771. <!------------------------------------->
  772.  
  773.  
  774. <div class="left">
  775. <div id="link1"><a href="http://5urprise.tumblr.com"title="Refresh"><img src="http://icons.iconarchive.com/icons/tanitakawkaw/simple-cute/128/home-icon.png" width="50"></a></div>
  776. <div id="link2"><a href="http://5urprise.tumblr.com/faq"title="Read the FAQ!"><img src="http://icons.iconarchive.com/icons/tanitakawkaw/simple-cute/128/mail-icon.png" width="50"></a></div>
  777. <div id="link3"><a href="http://5urprise.tumblr.com/links"title="Links"><img src="http://icons.iconarchive.com/icons/tanitakawkaw/simple-cute/128/folder-icon.png" width="50"></a></div>
  778. <div id="link4"><a href="http://5urprise.tumblr.com/"title="Main Blog, Message me off anon!"><img src="http://icons.iconarchive.com/icons/tanitakawkaw/simple-cute/128/star-icon.png" width="50"></a></div>
  779. <div id="line"></div>
  780. <div id="line2"></div>
  781. <div id="lace"></div>
  782. <div id="border"></div>
  783. <div id="border2"></div>
  784. <div id="blogtitle">broken</font></div>
  785. <div id="posts">
  786. {block:Posts}
  787. <div class="entry">
  788.  
  789. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a
  790.  
  791. href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span></align>
  792. {/block:Text}
  793.  
  794. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  795.  
  796. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  797.  
  798. {block:Photo}
  799. {block:IndexPage}
  800. <center>
  801. <div class="perma">
  802. <a href="{ReblogURL}" target="_blank"title="reblog this post"> reblog </a> - <a href="{permalink}"title="notes">{NoteCountwithlabel}</a> - {timeago}</div>
  803.  
  804. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  805. {/block:IndexPage}
  806. {block:PermalinkPage}
  807. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  808.  
  809. {LinkCloseTag}
  810. {/block:PermalinkPage}
  811. {/block:Photo}
  812.  
  813. {block:Photoset}
  814. {block:IndexPage}
  815. <center>
  816.  
  817. <div class="perma">
  818. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  819.  
  820. {Photoset-250}</center>
  821. {/block:IndexPage}
  822. {block:PermalinkPage}
  823. <center>
  824. {Photoset-500}</center>
  825. {/block:PermalinkPage}
  826. {/block:Photoset}
  827.  
  828. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
  829.  
  830. href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
  831.  
  832. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  833. <ul class="chat">
  834. {block:Lines}
  835. <li class="user_{UserNumber}">
  836. {block:Label}
  837. <span class="label">{Label}</span>
  838. {/block:Label}
  839.  
  840. {Line}
  841. </li>
  842. {/block:Lines}
  843. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  844. {/block:Chat}
  845.  
  846. {block:Audio}
  847. <div style="width:200px; height:30px;">
  848. {AudioPlayerBlack}
  849. </div>
  850. {block:IndexPage}<span class="permalink">
  851. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  852. </span>{/block:IndexPage}
  853. {/block:Audio}
  854.  
  855. {block:Video}
  856. {block:IndexPage}
  857. <center>
  858. <div class="perma">
  859. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  860. {Video-250}</center>
  861. {/block:IndexPage}
  862. {block:PermalinkPage}
  863. <center>
  864. {Video-400}</center>
  865. {/block:PermalinkPage}
  866. {block:Video}
  867.  
  868. {block:Answer}
  869. <div style="margin-top:2px; margin-bottom:0px; height:auto; padding: 2px;">
  870. <img src="{askerPortraitURL-30}" width="30" align="left" style="margin-right:3px; border: 1px solid #cdcdcd; border-radius: 0px;"/>
  871. <div style="letter-space: 8px; font-size: 33px; "><font size="2"><font face="calibri"><i>{asker} was like</i></font>:</div>
  872. <br>
  873. <div style="line-height: 15px; "><font size="2"><font face="calibri">{Question} <wop></wop></font></div></div>
  874. <div style="margin-top:2px; margin-bottom:0px; ">
  875. <img src="{PortraitURL-30}" width="30" align="right" style="margin-right:0px; border-radius: 0px; border: 1px solid #cdcdcd;"/>
  876. <div style="line-height: 15px;  font-family: calibri; "><br><hr><div style="letter-space: 8px; font-size: 33px; "><font size="2"><font face="calibri"><i>And I was like</i></font>:</div>
  877.  
  878. {Answer}
  879.  
  880. </div>
  881. <center><div style="text-align: left;"><font size="3"></div>
  882. </div>
  883. {block:IndexPage}<div id="text"><div style="padding-top: 7px; font-size: 11px;"><a href="{permalink}"><div align="right"> {NotecountWithLabel} + {TimeAgo} </span></div></div></div>{/block:IndexPage}
  884. {/block:Answer}
  885.  
  886. {block:PostNotes}<div align="middle">{caption}</div>
  887. <center>
  888.  
  889. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  890.  
  891. {block:HasTags}
  892. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  893. {block:RebloggedFrom}
  894. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  895. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  896.  
  897. {/block:RebloggedFrom}
  898. </center></span>
  899. <br>
  900. <div id="postnotes">{PostNotes}</div><br>
  901.  
  902. <center>{block:ContentSource}
  903. <br><a href="{SourceURL}">
  904. {lang:Source}:
  905. {block:SourceLogo}
  906. <img src="{BlackLogoURL}" width="{LogoWidth}"
  907. height="{LogoHeight}" alt="{SourceTitle}" />
  908. {/block:SourceLogo}
  909. {block:NoSourceLogo}
  910. {SourceLink}
  911. {/block:NoSourceLogo}
  912. </a>
  913. {/block:ContentSource}</center>
  914.  
  915. {/block:PostNotes}
  916. </div>
  917. {/block:Posts}
  918. </div></div>
  919.  
  920. {block:IndexPage}
  921. {block:Pagination}
  922. <div id="pagination">
  923. {block:NextPage}
  924. <a id="nextPage" href="{NextPage}"></a>
  925. {/block:NextPage}
  926. {block:PreviousPage}
  927. <a href="{PreviousPage}"></a>
  928. {/block:PreviousPage}
  929. </div>
  930. {/block:Pagination}div
  931. {/block:IndexPage}
  932. </body>
  933.  
  934. </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!