API tools faq
paste
Advertisement
elia-themes

Navi layout #1- Elia themes

elia-themes
Oct 31st, 2014
173
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.68 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Ask theme #1 by Eliza
  3. Keep the credit pls. Enjoy(:
  4. -->
  5.  
  6. <html lang="en">
  7.  
  8. <head>
  9. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop">
  10.  
  11. <img src="http://gazo.emoji7.jp/img/04lx8_653966/%2A%E3%81%8B%E3%81%8A%E3%82%82%E3%81%98%2A_m.gif" border="0" opacity=".8">
  12.  
  13.  
  14. </a>
  15. <script type="text/javascript"
  16. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  17. <script type="text/javascript"
  18. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  19. <script>
  20. $(document).ready(function() {
  21. //When you click on a link with class of poplight and the href starts with a #
  22. $('a.poplight[href^=#]').click(function() {
  23. var popID = $(this).attr('rel'); //Get Popup Name
  24. var popURL = $(this).attr('href'); //Get Popup href to define size
  25.  
  26. //Pull Query & Variables from href URL
  27. var query= popURL.split('?');
  28. var dim= query[1].split('&');
  29. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  30.  
  31.  
  32. //Fade in the Popup and add close button
  33. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" class="btn_close" title="Close ♥" alt="Close" /></a>');
  34.  
  35. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  36. var popMargTop = ($('#' + popID).height() + 80) / 2;
  37. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  38.  
  39. //Apply Margin to Popup
  40. $('#' + popID).css({
  41. 'margin-top' : -popMargTop,
  42. 'margin-left' : -popMargLeft
  43. });
  44.  
  45. //Fade in Background
  46. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  47. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  48.  
  49. return false;
  50. });
  51.  
  52. //Close Popups and Fade Layer
  53. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  54. $('#fade , .popup_block').fadeOut(function() {
  55. $('#fade, a.close').remove(); //fade them both out
  56. });
  57. return false;
  58. });
  59. });
  60. </script>
  61. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js"type="text/JavaScript"></script>
  62. <style>
  63. div#qTip {
  64. padding:4px;
  65. height: 10px;
  66. margin-top:20px;
  67. font-family:calibri;
  68. font-size:8px;
  69. display: none;
  70. text-align: center;
  71. position: absolute;
  72. line-height: 10px;
  73. letter-spacing:1px;
  74. text-transform:uppercase;
  75. z-index: 999999999999;
  76. background: #c5dbfc;
  77. border-radius:5px;
  78. color:white;
  79. font-weight:italic;
  80. border:2px solid #fff;
  81. box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  82. -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  83. -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  84. font-style: none;
  85. }
  86. </style>
  87.  
  88. <link href='http://fonts.googleapis.com/css?family=Didact+Gothic' rel='stylesheet' type='text/css'>
  89.  
  90. </script>
  91. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  92. <style type="text/css">
  93.  
  94.  
  95. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  96.  
  97. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  98.  
  99. ::-webkit-scrollbar {width: 4px; height: 4px; border-left:0px solid #ccc; background-color:{color:background};}
  100. ::-webkit-scrollbar-thumb {background: #c5dbfc;}
  101.  
  102.  
  103. ::-webkit-scrollbar {width: 5px; height: 5px; background: #dddddd;}
  104.  
  105. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; border-radius:5px;}
  106. #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; bottom: 10px; right: 10px;}
  107. body, a, a:hover {cursor: url(http://i.imgur.com/2qleX.jpg), progress;}
  108.  
  109. @font-face {
  110. font-family: "dawning";
  111. src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf');
  112. }
  113.  
  114. ::selection {
  115. background: #c5dbfc;
  116. color: #ffffff;
  117. }
  118.  
  119.  
  120. ::-moz-selection {
  121. background: #c5dbfc;
  122. color: white;
  123. }
  124. @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  125. #royal{
  126. z-index:999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
  127. -webkit-transform: rotate(0deg);
  128. -moz-transform: rotate(0deg);
  129. -o-transform: rotate(0deg);
  130. writing-mode: lr-tb;
  131. position:fixed !important;
  132. font-family:cedarville;
  133. font-size:32px;
  134. text-align:left;
  135. margin-top:100px;
  136. margin-left:352px;
  137. color:#c5dbfc;
  138. -1px 0 #fff,
  139. 0 1px #fff,
  140. 1px 0 #fff,
  141. 0 -1px #fff;
  142. -webkit-filter:grayscale(40%);
  143. }
  144. #banner2 {
  145. background-image:url('http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png');
  146. repeat:repeat-x;
  147. left:0;
  148. width:100%;
  149. margin-top: -10px;
  150. height:18px;
  151. position: fixed;
  152. z-index: 99999999999999999999999999999999999999999999999999;
  153. opacity:1;}
  154.  
  155.  
  156. body{
  157. margin:5px;
  158. background-color:#f7f7f7;
  159. background-attachment: fixed;
  160. background-repeat: repeat;
  161. font-size: 10px;
  162. font-family:"Consolas";
  163. line-height:14px;
  164. cursor:url(http://i.imgur.com/2qleX.jpg), progress;
  165. }
  166.  
  167. a:link, a:active, a:visited{
  168. color:#c5dbfc;
  169. text-decoration: none;
  170. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  171. }
  172.  
  173.  
  174. a:hover{
  175. color:#c5dbfc;
  176. font-style:italic;
  177. text-decoration:underline;
  178. -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  179. text-shadow:0px 0px 2px white;
  180. cursor: url(http://i.imgur.com/2qleX.jpg), auto;
  181. }
  182.  
  183.  
  184. @font-face { font-family: "neverletgo"; src: url('http://static.tumblr.com/q54tzar/o02m2jt6c/neverletgo_3_.ttf'); }
  185.  
  186.  
  187. @font-face { font-family: "arma"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  188.  
  189. @font-face { font-family: "lovenote"; src: url('http://static.tumblr.com/4yxykdm/k6plrfhwf/ck_love_note.ttf'); }
  190.  
  191. @font-face { font-family: "simply"; src: url('http://static.tumblr.com/jdjsstr/jAKm8lv4d/djb_jacked_up_kinda_luv_1_.ttf'); }
  192.  
  193. @font-face { font-family: "s"; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
  194.  
  195. @font-face { font-family: "lainie"; src: url('http://static.tumblr.com/oetadgc/Uialyjfaa/laine.ttf'); }
  196.  
  197. @font-face { font-family: "lala"; src: url('http://static.tumblr.com/vpzhdvv/6d7m90v7t/111.woff');}
  198.  
  199. @font-face{
  200. font-family: "WebSymbolsRegular";
  201. src: url('http://static.tumblr.com/xgofl0y/yqZm3m5if/websymbols-regular-webfont.ttf');
  202. }
  203.  
  204. @font-face { font-family: "signerica"; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
  205. @font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }
  206.  
  207. @font-face { font-family: "cedarville"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v2/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
  208.  
  209. @font-face { font-family: "swenson"; src: url('http://static.tumblr.com/q54tzar/PHem21foh/swenson_1_.ttf'); }
  210.  
  211.  
  212. @font-face{
  213. font-family: 'pixel';
  214. font-style: normal;
  215. font-weight: normal;
  216. src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}
  217.  
  218.  
  219. @font-face { font-family: "speaknow"; src: url('http://static.tumblr.com/uzqv0i9/i9xmek3xd/speak_now_font_by_itsondemi-d30n7bz.ttf'); }
  220.  
  221. #beat .dess{
  222. width: 120px;
  223. height:120px;
  224. position: absolute;
  225. font-size: 8px;
  226. line-height:15px;
  227. text-align:center;
  228. z-index:99999;
  229. overflow:hidden;
  230. text-transform:uppercase;
  231. font:calibri;
  232. background-color:white;
  233. top:10px;
  234. padding: 2px;
  235. opacity:.0;
  236. -webkit-filter:grayscale(50%);
  237. -webkit-transition: opacity 0.5s linear;
  238. -webkit-transition: all 0.5s linear;
  239. -moz-transition: all 0.5s linear;
  240. transition: all 0.5s linear;
  241. }
  242. #beat:hover .dess{
  243. overflow:visible;
  244. opacity:0.6;
  245. }
  246.  
  247.  
  248. .perma a{
  249. color: {color:Link};
  250. }
  251.  
  252. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  253. #postnotes{
  254. text-align: left;
  255. }
  256.  
  257. #postnotes blockquote{
  258. border: 0px;
  259. }
  260. #tropics{
  261. margin-top:115px;
  262. opacity: 1;
  263. position:fixed;
  264. font-size: 10px;
  265. text-align:center;
  266. z-index:9999999999;
  267. float:left;
  268. width: 120px;
  269. height: auto;
  270. margin-left:340px;
  271. border-radius: 5px;
  272. background-color:#fff;
  273. padding:12px;
  274. padding-bottom: 8px;
  275. font-family:"Consolas";
  276. margin-right:13px;
  277. line-height: 12px;
  278. overflow:hidden;
  279. margin-bottom:13px;
  280. border: 1px solid #eeeeee;
  281. -webkit-filter:grayscale(40%);
  282. transition: all 0.9s ease-out;
  283. -o-transition-transition: all 0.9s ease-out;
  284. -webkit-transition: all 0.9s ease-out;
  285. -moz-transition: all 0.9s ease-out;
  286. }
  287. #faqq{
  288. margin-top:285px;
  289. opacity: 1;
  290. position:fixed;
  291. font-size: 10px;
  292. z-index:9999999999;
  293. float:left;
  294. width: 120px;
  295. height: auto;
  296. margin-left:340px;
  297. border-radius: 5px;
  298. background-color:#fff;
  299. padding:12px;
  300. padding-bottom: 8px;
  301. font-family:"Consolas";
  302. margin-right:13px;
  303. line-height: 12px;
  304. overflow:hidden;
  305. margin-bottom:13px;
  306. border: 1px solid #eeeeee;
  307. -webkit-filter:grayscale(40%);
  308. }
  309. #abox{
  310. margin-top:115px;
  311. opacity: 1;
  312. position:fixed;
  313. font-size: 10px;
  314. z-index:9999999999;
  315. float:left;
  316. width: 320px;
  317. height: 267px;
  318. margin-left:490px;
  319. border-radius: 5px;
  320. background-color:#fff;
  321. padding:12px;
  322. padding-bottom: 8px;
  323. font-family:"Consolas";
  324. margin-right:13px;
  325. line-height: 12px;
  326. overflow:hidden;
  327. margin-bottom:13px;
  328. border: 1px solid #eeeeee;
  329. -webkit-filter:grayscale(40%);
  330. }
  331. askk{
  332. font-family: cedarville;
  333. font-size: 15px;
  334. text-align: left;
  335. color: {color:link};
  336. text-transform: lowercase;
  337. }
  338.  
  339. askk a{
  340. transition: all 0.9s ease-out;
  341. -o-transition-transition: all 0.9s ease-out;
  342. -webkit-transition: all 0.9s ease-out;
  343. -moz-transition: all 0.9s ease-out;
  344. }
  345.  
  346. askk a:hover{
  347. transition: all 0.9s ease-out;
  348. -o-transition-transition: all 0.9s ease-out;
  349. -webkit-transition: all 0.9s ease-out;
  350. -moz-transition: all 0.9s ease-out;
  351. text-decoration:line-through;
  352. }
  353. .blogtitle{
  354. font-family: beauty;
  355. font-size: 18px;
  356. line-height: 18px;
  357. color: {color:Link};
  358. font-weight: normal;
  359. }
  360. #audio {
  361. text-align:left;
  362. width:200px;
  363. height:auto;
  364. min-height:60px;
  365. padding-bottom:0px;
  366. }
  367. #beat {
  368.  
  369. }
  370. .cover {
  371. position:absolute;
  372. z-index:1;
  373. width:60px;
  374. height:60px;
  375. }
  376. .cover img {
  377. float:left;
  378. width:60px;
  379. height:60px;
  380. }
  381. .playbox {
  382. opacity:0.6;
  383. width:27px;
  384. height:30px;
  385. overflow:hidden;
  386. position:absolute;
  387. z-index:1000;
  388. margin-left:17px;
  389. margin-top:17px;
  390. text-align:center;
  391. }
  392. .info {
  393. margin-left:73px;
  394. margin-top:4px;
  395. line-height:14px;
  396. }
  397.  
  398. blockquote{
  399. padding:0px 0px 2px 3px;
  400. margin:0px 0px 2px 1px;
  401. }
  402. ul, ol, li{
  403. list-style:none;
  404. margin:0px;
  405. padding:0px;
  406. }
  407.  
  408. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  409. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
  410. }
  411. #exhale{
  412. z-index:100000000000000;
  413. opacity:1;
  414. color: #aaa;
  415. height: auto;
  416. letter-spacing: 0px;
  417. float: center;
  418. text-align:center;
  419. width: auto;
  420. font-size: 9px;
  421. -webkit-filter:grayscale(40%);
  422. }
  423.  
  424.  
  425. a.links {
  426. font-family: ruluko;
  427. font-size: 8px;
  428. line-height: 8px;
  429. text-transform: normal;
  430. letter-spacing:0px;
  431. display:block;
  432. padding: 0px;
  433. margin-bottom: 0px;
  434. }
  435. .credit a{
  436. background:white;
  437. font-family:"Consolas";
  438. padding:5px;
  439. letter-spacing:1px;
  440. font-size:9px;
  441. text-transform:lowercase;
  442. color:{color:Link};
  443. border-left: 2px solid {color:Link};
  444. border-right: 2px solid {color:Link};
  445. }
  446. .musicplayerx{
  447. background:white;
  448. font-family:"Consolas";
  449. padding:5px;
  450. letter-spacing:1px;
  451. font-size:9px;
  452. text-transform:lowercase;
  453. color:{color:Link};
  454. border: 1px solid eeeeee;
  455. border-radius: 5px 5px 5px 5px;
  456. }
  457. a.links:hover {
  458. font-style: underline;
  459. text-decoration: none;
  460. letter-spacing:10px;
  461. }
  462.  
  463.  
  464. #lovelytrust {
  465. position:fixed;
  466. font-family: consolas;
  467. font-size: 8px;
  468. bottom:-5px;
  469. left:5px;
  470. padding: 8px;
  471. height:12px;
  472. letter-spacing:1px;
  473. text-transform:uppercase;
  474. padding-bottom:5px;
  475. background: white;
  476. width:75px;
  477. border-top-right-radius: 10px;
  478. border-top-left-radius: 10px;
  479. border: 1px solid #f7f7f7;
  480. transition: all 0.6s ease-out;
  481. -o-transition-transition: all 0.6s ease-out;
  482. -webkit-transition: all 0.6s ease-out;
  483. -moz-transition: all 0.6s ease-out;
  484. }
  485. #lovelytrust:hover{
  486. bottom:-5px;
  487. height:100px;
  488. transition: all 0.6s ease-out;
  489. -o-transition-transition: all 0.6s ease-out;
  490. -webkit-transition: all 0.6s ease-out;
  491. -moz-transition: all 0.6s ease-out;
  492. }
  493. fq{
  494. color:#c5dbfc;
  495. text-align:left;
  496. }
  497. fa{
  498. color:#d6ebff;
  499. text-align:right;
  500. }
  501. </style>
  502. <title>{title}</title>
  503. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_m2312brrLu1qfamg6.gif">
  504. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  505. </script>
  506. </head><script type="text/javascript">
  507. /* SNOWFLAKES BY NAEIVE */
  508.  
  509. // Set the colors for the snow. Add/remove as many colors as you like //
  510. var snowcolor=new Array("#c5dbfc")
  511.  
  512. var snowmax=40
  513. var snowtype=new Array("Times")
  514. var snowletter="♥"
  515. var sinkspeed=0.5
  516. var snowmaxsize=18
  517. var snowminsize=8
  518. var snowingzone=1
  519.  
  520. // Do not edit below this line //
  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.  
  540. function initsnow() {
  541. if (ie5 || opera) {
  542. marginbottom = document.body.scrollHeight
  543. marginright = document.body.clientWidth-15
  544. }
  545. else if (ns6) {
  546. marginbottom = document.body.scrollHeight
  547. marginright = window.innerWidth-15
  548. }
  549. var snowsizerange=snowmaxsize-snowminsize
  550. for (i=0;i<=snowmax;i++) {
  551. crds[i] = 0;
  552. lftrght[i] = Math.random()*15;
  553. x_mv[i] = 0.03 + Math.random()/10;
  554. snow[i]=document.getElementById("s"+i)
  555. snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
  556. snow[i].size=randommaker(snowsizerange)+snowminsize
  557. snow[i].style.fontSize=snow[i].size+'px';
  558. snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
  559. snow[i].style.zIndex=1000
  560. snow[i].sink=sinkspeed*snow[i].size/5
  561. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  562. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  563. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  564. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  565. snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
  566. snow[i].style.left=snow[i].posx+'px';
  567. snow[i].style.top=snow[i].posy+'px';
  568. }
  569. movesnow()
  570. }
  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.  
  590. for (i=0;i<=snowmax;i++) {
  591. document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
  592. }
  593. if (browserok) {
  594. window.onload=initsnow
  595. }
  596.  
  597. </script>
  598. <body><div id="tropics"><div id="beat"><img src="{PortraitURL-128}" style="width: 120px; height: 120px;"><div class="dess">
  599. {Description}</span></div></div><select onchange='location=this.options[this.selectedIndex].value;' style='
  600. line-height:90%;
  601. font-size:10px;
  602. color:#fff;
  603. margin-top:5px;
  604. width:120px;
  605. background-color:#c5dbfc;
  606. border:1px solid #eee;
  607. height:18px;
  608. font-style:italic;
  609. font-family:consolas;
  610. padding:1px;
  611. -moz-border-radius:3px;
  612. -webkit-border-radius:3px;
  613. border-radius:3px;
  614. -webkit-filter:grayscale(40%);
  615. '>
  616.  
  617. </option>
  618. <option>navigate here</option>
  619. <option value="/">go back to blog</option><option value="/archive">my blog archive</option><option value="/link">my links</option><option value="http://theme-elia.tumblr.com">creator
  620. </select></div><div id="exhale"></div></div></div>
  621. <div id="banner2"></div>
  622. <div id="banner"></div></div><div id="royal">{name} ask box and faq</div></div>
  623. <div id="faqq"><fq>q:</fq> question goes here<br><fa>a:</fa> answer goes here<br><fq>q:</fq> question goes here<br><fa>a:</fa> answer goes here<br><fq>q:</fq> question goes here<br><fa>a:</fa> answer goes here<br><fq>q:</fq> question goes here<br><fa>a:</fa> answer goes here</div><div id="abox"><iframe frameborder="0" scrolling="no" width="320" height="260" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe></div>
  624. {block:indexpage}
  625. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  626. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  627. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  628. <script type="text/javascript">
  629. $(window).load(function(){
  630. var $wall = $('#posts');
  631. $wall.imagesLoaded(function(){
  632. $wall.masonry({
  633. itemSelector: '#entry, #entry_photo',
  634. isAnimated : false
  635. });
  636. });
  637.  
  638. $wall.infinitescroll({
  639. navSelector : '#page-nav',
  640. nextSelector : '#page-nav a',
  641. itemSelector : '#entry, #entry_photo',
  642. bufferPx : 2000,
  643. debug : false,
  644. errorCallback: function() {
  645. $('#infscr-loading').fadeOut('normal');
  646. }},
  647. function( newElements ) {
  648. var $newElems = $( newElements );
  649. $newElems.hide();
  650. $newElems.imagesLoaded(function(){
  651. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  652. });
  653. }); $('#content').show(500);
  654. });
  655. </script>
  656. {/block:indexpage}
  657.  
  658. </div>
  659. <div class="credit" style="z-index:50000000000000000000000; position:fixed; top:15px; right:5px; ">
  660. <a href="http://cryinqq-skies.tumblr.com/">Credit</a></div>
  661. </body>
  662.  
  663.  
  664. </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!