Advertisement
Guest User

Untitled

a guest
Oct 23rd, 2016
65
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.01 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3. {block:ifRainbowglittertrail}
  4. <script type="text/javascript">
  5. /*tweaked by 1dcursors.tumblr.com*/
  6. /*DO NOT STEAL OR REMOVE THIS TAGS*/
  7. // <![CDATA[
  8. var colour="random";
  9. var sparkles=50;
  10. var x=ox=400;
  11. var y=oy=300;
  12. var swide=800;
  13. var shigh=600;
  14. var sleft=sdown=0;
  15. var tiny=new Array();
  16. var star=new Array();
  17. var starv=new Array();
  18. var starx=new Array();
  19. var stary=new Array();
  20. var tinyx=new Array();
  21. var tinyy=new Array();
  22. var tinyv=new Array();
  23.  
  24. window.onload=function() { if (document.getElementById) {
  25. var i, rats, rlef, rdow;
  26. for (var i=0; i<sparkles; i++) {
  27. var rats=createDiv(3, 3);
  28. rats.style.visibility="hidden";
  29. rats.style.zIndex="999";
  30. document.body.appendChild(tiny[i]=rats);
  31. starv[i]=0;
  32. tinyv[i]=0;
  33. var rats=createDiv(5, 5);
  34. rats.style.backgroundColor="transparent";
  35. rats.style.visibility="hidden";
  36. rats.style.zIndex="999";
  37. var rlef=createDiv(1, 5);
  38. var rdow=createDiv(5, 1);
  39. rats.appendChild(rlef);
  40. rats.appendChild(rdow);
  41. rlef.style.top="2px";
  42. rlef.style.left="0px";
  43. rdow.style.top="0px";
  44. rdow.style.left="2px";
  45. document.body.appendChild(star[i]=rats);
  46. }
  47. set_width();
  48. sparkle();
  49. }}
  50.  
  51. function sparkle() {
  52. var c;
  53. if (x!=ox || y!=oy) {
  54. ox=x;
  55. oy=y;
  56. for (c=0; c<sparkles; c++) if (!starv[c]) {
  57. star[c].style.left=(starx[c]=x)+"px";
  58. star[c].style.top=(stary[c]=y)+"px";
  59. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  60. star[c].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour;
  61. star[c].style.visibility="visible";
  62. starv[c]=50;
  63. break;
  64. }
  65. }
  66. for (c=0; c<sparkles; c++) {
  67. if (starv[c]) update_star(c);
  68. if (tinyv[c]) update_tiny(c);
  69. }
  70. setTimeout("sparkle()", 40);
  71. }
  72.  
  73. function update_star(i) {
  74. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  75. if (starv[i]) {
  76. stary[i]+=1+Math.random()*3;
  77. starx[i]+=(i%5-2)/5;
  78. if (stary[i]<shigh+sdown) {
  79. star[i].style.top=stary[i]+"px";
  80. star[i].style.left=starx[i]+"px";
  81. }
  82. else {
  83. star[i].style.visibility="hidden";
  84. starv[i]=0;
  85. return;
  86. }
  87. }
  88. else {
  89. tinyv[i]=50;
  90. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  91. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  92. tiny[i].style.width="2px";
  93. tiny[i].style.height="2px";
  94. tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor;
  95. star[i].style.visibility="hidden";
  96. tiny[i].style.visibility="visible"
  97. }
  98. }
  99.  
  100. function update_tiny(i) {
  101. if (--tinyv[i]==25) {
  102. tiny[i].style.width="1px";
  103. tiny[i].style.height="1px";
  104. }
  105. if (tinyv[i]) {
  106. tinyy[i]+=1+Math.random()*3;
  107. tinyx[i]+=(i%5-2)/5;
  108. if (tinyy[i]<shigh+sdown) {
  109. tiny[i].style.top=tinyy[i]+"px";
  110. tiny[i].style.left=tinyx[i]+"px";
  111. }
  112. else {
  113. tiny[i].style.visibility="hidden";
  114. tinyv[i]=0;
  115. return;
  116. }
  117. }
  118. else tiny[i].style.visibility="hidden";
  119. }
  120.  
  121. document.onmousemove=mouse;
  122. function mouse(e) {
  123. if (e) {
  124. y=e.pageY;
  125. x=e.pageX;
  126. }
  127. else {
  128. set_scroll();
  129. y=event.y+sdown;
  130. x=event.x+sleft;
  131. }
  132. }
  133.  
  134. window.onscroll=set_scroll;
  135. function set_scroll() {
  136. if (typeof(self.pageYOffset)=='number') {
  137. sdown=self.pageYOffset;
  138. sleft=self.pageXOffset;
  139. }
  140. else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
  141. sdown=document.body.scrollTop;
  142. sleft=document.body.scrollLeft;
  143. }
  144. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  145. sleft=document.documentElement.scrollLeft;
  146. sdown=document.documentElement.scrollTop;
  147. }
  148. else {
  149. sdown=0;
  150. sleft=0;
  151. }
  152. }
  153.  
  154. window.onresize=set_width;
  155. function set_width() {
  156. var sw_min=999999;
  157. var sh_min=999999;
  158. if (document.documentElement && document.documentElement.clientWidth) {
  159. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  160. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  161. }
  162. if (typeof(self.innerWidth)=='number' && self.innerWidth) {
  163. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  164. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  165. }
  166. if (document.body.clientWidth) {
  167. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  168. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  169. }
  170. if (sw_min==999999 || sh_min==999999) {
  171. sw_min=800;
  172. sh_min=600;
  173. }
  174. swide=sw_min;
  175. shigh=sh_min;
  176. }
  177.  
  178. function createDiv(height, width) {
  179. var div=document.createElement("div");
  180. div.style.position="absolute";
  181. div.style.height=height+"px";
  182. div.style.width=width+"px";
  183. div.style.overflow="hidden";
  184. return (div);
  185. }
  186.  
  187. function newColour() {
  188. var c=new Array();
  189. c[0]=255;
  190. c[1]=Math.floor(Math.random()*256);
  191. c[2]=Math.floor(Math.random()*(256-c[1]/2));
  192. c.sort(function(){return (0.5 - Math.random());});
  193. return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")");
  194. }
  195. // ]]>
  196. </script>
  197.  
  198. <script type="text/javascript">
  199. //form tags to omit in NS6+:
  200. var omitformtags=["input", "textarea", "select"]
  201.  
  202. omitformtags=omitformtags.join("|")
  203.  
  204. function disableselect(e){
  205. if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
  206. return false
  207. }
  208.  
  209. function reEnable(){
  210. return true
  211. }
  212.  
  213. if (typeof document.onselectstart!="undefined")
  214. document.onselectstart=new Function ("return false")
  215. else{
  216. document.onmousedown=disableselect
  217. document.onmouseup=reEnable
  218. }
  219.  
  220. </script>
  221.  
  222. {/block:ifRainbowglittertrail}
  223. <!-----
  224. base code by animecharacter.tumblr.com
  225.  
  226. for help visit:
  227. tumblr.com/docs/en/custom_themes
  228. tumblr.com/docs/en/localizing_themes
  229. w3schools.com
  230. (please dont send me customization asks)
  231.  
  232. credit if used is not compulsory but it's nice if you mention where you got this
  233.  
  234. ----->
  235.  
  236. <meta charset="utf-8">
  237. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  238. {block:Description}
  239. <meta name="description" content="{MetaDescription}" />
  240. {/block:Description}
  241.  
  242. <meta name="image:sidebar img" content="" />
  243. <meta name="image:link 1 img" content="" />
  244. <meta name="image:link 2 img" content="" />
  245. <meta name="image:link 3 img" content="" />
  246. <meta name="color:link" content="" />
  247. <meta name="if:rainbow glitter trail" content="" />
  248. <meta name="text:link 1 url" content="/" />
  249. <meta name="text:link 2 url" content="/" />
  250. <meta name="text:link 3 url" content="/" />
  251.  
  252.  
  253. <title>{Title}</title>
  254.  
  255. <link rel="shortcut icon" href="{Favicon}">
  256. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  257. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  258.  
  259. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  260.  
  261. <style type="text/css">
  262.  
  263.  
  264. /*
  265. general text styles, fonts and colours
  266. */
  267.  
  268. body {
  269. margin:0px;
  270. background:#fff;
  271. font-family: arial, helvetica, sans-serif;
  272. font-size:12px;
  273. line-height:140%;
  274. color: #000;
  275. }
  276.  
  277. p{
  278. margin:0 0 10px 0;
  279. padding:0;
  280. }
  281.  
  282. pre {
  283. white-space: pre-wrap;
  284. white-space: -moz-pre-wrap;
  285. white-space: -pre-wrap;
  286. white-space: -o-pre-wrap;
  287. word-wrap: break-word;
  288. }
  289.  
  290. a{
  291. color:{color:link};
  292. }
  293.  
  294. a:hover{
  295. color:#ccc;
  296. }
  297.  
  298. li{
  299. margin-left:-15px;
  300. }
  301.  
  302. /*
  303. containers etc
  304. */
  305. #wrapper{
  306. width:600px;
  307. margin:50px auto;
  308. }
  309.  
  310. #sidebar{
  311. width:110px;
  312. position:fixed;
  313. }
  314.  
  315. #links{
  316. position:fixed;
  317. bottom: 400px;
  318. }
  319.  
  320. #content{
  321. width:400px;
  322. margin-left:200px;
  323. overflow:hidden;
  324. }
  325.  
  326. #links {
  327. text-align: center;
  328.  
  329. }
  330.  
  331. #big{
  332. text-align: center;
  333. }
  334.  
  335.  
  336. .post{
  337. width:400px;
  338. margin:0 0 50px 0;
  339. overflow:hidden;
  340. }
  341.  
  342. .post img{
  343. max-width:100%;
  344. }
  345.  
  346. #sidebar img{
  347. border-radius: 100px;
  348. }
  349.  
  350.  
  351.  
  352. /*
  353. content in the body of the posts - quotes, asks, etc
  354. "media" contains photos, photosets, videos, audio posts
  355. */
  356. .media{
  357. margin:0 0 10px 0;
  358. }
  359.  
  360. .title{
  361. font-weight:normal;
  362. font-size:18px;
  363. margin:0 0 10px 0;
  364. }
  365.  
  366. .quote{
  367. font-weight:normal;
  368. font-size:16px;
  369. font-style:italic;
  370. margin:0 0 10px 0;
  371. }
  372.  
  373. .question{
  374. margin-bottom:10px;
  375. }
  376.  
  377. blockquote{
  378. margin:0 0 10px 10px;
  379. padding:0 0 0 10px;
  380. border-left:solid 1px #000;
  381. }
  382.  
  383. /*
  384. post footers - date, tags, via and source
  385. */
  386. .post .footer{
  387. margin:0;
  388. text-align:left;
  389. }
  390.  
  391. /*
  392. post notes
  393. */
  394. ol.notes{
  395. list-style-type:none;
  396. padding:0;
  397. margin:0;
  398. }
  399.  
  400. ol.notes li.note img{
  401. width:16px;
  402. height:16px;
  403. }
  404.  
  405. ol.notes li.note{
  406. margin:0px;
  407. }
  408.  
  409. {CustomCSS}
  410. </style>
  411. </head>
  412.  
  413. <body>
  414. <div id="wrapper">
  415.  
  416. <div id="big">
  417. <div id="sidebar">
  418. <img src="{image:sidebar img}">
  419. </div>
  420. <p>{Description}</p>
  421. <div id="links">
  422. <a href="{text:link 1 url}"><img src="{image:link 1 img}"></a>
  423. <a href="{text:link 2 url}"><img src="{image:link 2 img}"></a>
  424. <a href="{text:link 3 url}"><img src="{image:link 3 img}"></a></div></div></div>
  425. {block:AskEnabled}
  426. <a href="/ask">{AskLabel}</a><br>
  427. {/block:AskEnabled}
  428. {block:SubmissionsEnabled}
  429. <a href="/ask">{SubmitLabel}</a><br>
  430. {/block:SubmissionsEnabled}
  431. {block:HasPages}
  432. {block:Pages}
  433. <a href="{URL}">{Label}</a><br>
  434. {/block:Pages}
  435. {/block:HasPages}
  436.  
  437.  
  438.  
  439.  
  440. <div id="content">
  441. {block:Posts}
  442.  
  443. <div class="post">
  444.  
  445. {block:Text}
  446. {block:Title}
  447. <div class="title">{Title}</div>
  448. {/block:Title}
  449. {Body}
  450. {/block:Text}
  451.  
  452. {block:Photo}
  453. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  454. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  455. {/block:Photo}
  456.  
  457. {block:Photoset}
  458. <div class="media">{Photoset-400}</div>
  459. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  460. {/block:Photoset}
  461.  
  462. {block:Quote}
  463. <div class="quote">"{Quote}"</div>
  464. {block:Source}
  465. <div class="quotesource">{Source}</div>
  466. {/block:Source}
  467. {/block:Quote}
  468.  
  469. {block:Link}
  470. <div class="title"><a href="{URL}">{Name}</a></div>
  471. {block:Description}
  472. <div class="description">{Description}</div>
  473. {/block:Description}
  474. {/block:Link}
  475.  
  476. {block:Chat}
  477. {block:Title}
  478. <div class="title">{Title}</div>
  479. {/block:Title}
  480.  
  481. {block:Lines}
  482. <div class="{Alt} user_{UserNumber}">
  483. {block:Label}
  484. <b>{Label}</b>{/block:Label}
  485. &nbsp;{Line}
  486. </div>
  487. {/block:Lines}
  488. {/block:Chat}
  489.  
  490. {block:Video}
  491. <div class="media">{Video-400}</div>
  492. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  493. {/block:Video}
  494.  
  495. {block:Audio}
  496. <div class="media">
  497. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  498. {AudioPlayerWhite}
  499. {block:TrackName}{TrackName}<br>{/block:TrackName}
  500. {block:Artist}{Artist}<br>{/block:Artist}
  501. {block:Album}{Album}{/block:Album}
  502. </div>
  503. {block:Caption}{Caption}{/block:Caption}
  504. {/block:Audio}
  505.  
  506. {block:Answer}
  507. <div class="question">{Asker}: {Question}</div>
  508. <div class="caption">{Answer}</div>
  509. {/block:Answer}
  510.  
  511.  
  512. {block:Date}
  513. <div class="footer">
  514. <a href="{Permalink}">{TimeAgo}{block:NoteCount} ({NoteCountWithLabel}){/block:NoteCount}</a>
  515. {block:HasTags}<br>{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  516. {block:RebloggedFrom}<br><a href="{ReblogParentURL}">{lang:Reblogged from ReblogParentName}</a>{/block:RebloggedFrom}
  517. {block:ContentSource}<br><a href="{SourceURL}">{lang:Source}: {SourceTitle}</a>{/block:ContentSource}
  518. </div>
  519.  
  520. {block:PermalinkPage}
  521. {block:NoteCount}
  522. {block:PostNotes}{PostNotes}{/block:PostNotes}
  523. {/block:NoteCount}
  524. {/block:PermalinkPage}
  525. {/block:Date}
  526.  
  527. </div>
  528. {/block:Posts}
  529.  
  530. {block:Pagination}
  531. <div id="nav">
  532. {block:PreviousPage}<a href="{PreviousPage}">{lang:Previous}</a>{/block:PreviousPage}
  533.  
  534. {block:NextPage}<a href="{NextPage}">{lang:Next}</a>{/block:NextPage}
  535. </div>
  536. {/block:Pagination}
  537. </div>
  538. </div>
  539.  
  540. </div>
  541.  
  542. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  543. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  544.  
  545. </body>
  546. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement