API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 21st, 2019
104
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.79 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <html>
  3. <head>
  4. <script type="text/javascript">
  5. // <![CDATA[
  6. var colour="random"; // in addition to "random" can be set to any valid colour eg "#f0f" or "red"
  7. var sparkles=50;
  8.  
  9. /****************************
  10. * Tinkerbell Magic Sparkle *
  11. *(c)2005-13 mf2fm web-design*
  12. * http://www.mf2fm.com/rv *
  13. * DON'T EDIT BELOW THIS BOX *
  14. ****************************/
  15. var x=ox=400;
  16. var y=oy=300;
  17. var swide=800;
  18. var shigh=600;
  19. var sleft=sdown=0;
  20. var tiny=new Array();
  21. var star=new Array();
  22. var starv=new Array();
  23. var starx=new Array();
  24. var stary=new Array();
  25. var tinyx=new Array();
  26. var tinyy=new Array();
  27. var tinyv=new Array();
  28.  
  29. window.onload=function() { if (document.getElementById) {
  30. var i, rats, rlef, rdow;
  31. for (var i=0; i<sparkles; i++) {
  32. var rats=createDiv(3, 3);
  33. rats.style.visibility="hidden";
  34. rats.style.zIndex="999";
  35. document.body.appendChild(tiny[i]=rats);
  36. starv[i]=0;
  37. tinyv[i]=0;
  38. var rats=createDiv(5, 5);
  39. rats.style.backgroundColor="transparent";
  40. rats.style.visibility="hidden";
  41. rats.style.zIndex="999";
  42. var rlef=createDiv(1, 5);
  43. var rdow=createDiv(5, 1);
  44. rats.appendChild(rlef);
  45. rats.appendChild(rdow);
  46. rlef.style.top="2px";
  47. rlef.style.left="0px";
  48. rdow.style.top="0px";
  49. rdow.style.left="2px";
  50. document.body.appendChild(star[i]=rats);
  51. }
  52. set_width();
  53. sparkle();
  54. }}
  55.  
  56. function sparkle() {
  57. var c;
  58. if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {
  59. ox=x;
  60. oy=y;
  61. for (c=0; c<sparkles; c++) if (!starv[c]) {
  62. star[c].style.left=(starx[c]=x)+"px";
  63. star[c].style.top=(stary[c]=y+1)+"px";
  64. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  65. star[c].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour;
  66. star[c].style.visibility="visible";
  67. starv[c]=50;
  68. break;
  69. }
  70. }
  71. for (c=0; c<sparkles; c++) {
  72. if (starv[c]) update_star(c);
  73. if (tinyv[c]) update_tiny(c);
  74. }
  75. setTimeout("sparkle()", 40);
  76. }
  77.  
  78. function update_star(i) {
  79. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  80. if (starv[i]) {
  81. stary[i]+=1+Math.random()*3;
  82. starx[i]+=(i%5-2)/5;
  83. if (stary[i]<shigh+sdown) {
  84. star[i].style.top=stary[i]+"px";
  85. star[i].style.left=starx[i]+"px";
  86. }
  87. else {
  88. star[i].style.visibility="hidden";
  89. starv[i]=0;
  90. return;
  91. }
  92. }
  93. else {
  94. tinyv[i]=50;
  95. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  96. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  97. tiny[i].style.width="2px";
  98. tiny[i].style.height="2px";
  99. tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor;
  100. star[i].style.visibility="hidden";
  101. tiny[i].style.visibility="visible"
  102. }
  103. }
  104.  
  105. function update_tiny(i) {
  106. if (--tinyv[i]==25) {
  107. tiny[i].style.width="1px";
  108. tiny[i].style.height="1px";
  109. }
  110. if (tinyv[i]) {
  111. tinyy[i]+=1+Math.random()*3;
  112. tinyx[i]+=(i%5-2)/5;
  113. if (tinyy[i]<shigh+sdown) {
  114. tiny[i].style.top=tinyy[i]+"px";
  115. tiny[i].style.left=tinyx[i]+"px";
  116. }
  117. else {
  118. tiny[i].style.visibility="hidden";
  119. tinyv[i]=0;
  120. return;
  121. }
  122. }
  123. else tiny[i].style.visibility="hidden";
  124. }
  125.  
  126. document.onmousemove=mouse;
  127. function mouse(e) {
  128. if (e) {
  129. y=e.pageY;
  130. x=e.pageX;
  131. }
  132. else {
  133. set_scroll();
  134. y=event.y+sdown;
  135. x=event.x+sleft;
  136. }
  137. }
  138.  
  139. window.onscroll=set_scroll;
  140. function set_scroll() {
  141. if (typeof(self.pageYOffset)=='number') {
  142. sdown=self.pageYOffset;
  143. sleft=self.pageXOffset;
  144. }
  145. else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
  146. sdown=document.body.scrollTop;
  147. sleft=document.body.scrollLeft;
  148. }
  149. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  150. sleft=document.documentElement.scrollLeft;
  151. sdown=document.documentElement.scrollTop;
  152. }
  153. else {
  154. sdown=0;
  155. sleft=0;
  156. }
  157. }
  158.  
  159. window.onresize=set_width;
  160. function set_width() {
  161. var sw_min=999999;
  162. var sh_min=999999;
  163. if (document.documentElement && document.documentElement.clientWidth) {
  164. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  165. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  166. }
  167. if (typeof(self.innerWidth)=='number' && self.innerWidth) {
  168. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  169. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  170. }
  171. if (document.body.clientWidth) {
  172. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  173. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  174. }
  175. if (sw_min==999999 || sh_min==999999) {
  176. sw_min=800;
  177. sh_min=600;
  178. }
  179. swide=sw_min;
  180. shigh=sh_min;
  181. }
  182.  
  183. function createDiv(height, width) {
  184. var div=document.createElement("div");
  185. div.style.position="absolute";
  186. div.style.height=height+"px";
  187. div.style.width=width+"px";
  188. div.style.overflow="hidden";
  189. return (div);
  190. }
  191.  
  192. function newColour() {
  193. var c=new Array();
  194. c[0]=255;
  195. c[1]=Math.floor(Math.random()*256);
  196. c[2]=Math.floor(Math.random()*(256-c[1]/2));
  197. c.sort(function(){return (0.5 - Math.random());});
  198. return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")");
  199. }
  200. // ]]>
  201. </script>
  202. <!-- Win98, from themes.edada.ms -->
  203. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}{block:TagPage}, #{Tag}{/block:TagPage}</title>
  204. {block:Description}<meta name="description" value="{MetaDescription}" />{/block:Description}
  205. <link rel="shortcut icon" href="https://i.imgur.com/BzvKGu7.png" />
  206. <link rel="alternate" href="{RSS}" />
  207. <meta charset="utf-8" />
  208.  
  209. <meta name="image:Background image" content="" />
  210. <meta name="color:Background color" content="#fcebf2" />
  211. <meta name="color:Links" content="#000000" />
  212. <meta name="color:Icon labels" content="#ffffff" />
  213. <meta name="font:Font" content="Helvetica Neue" />
  214. <meta name="if:Infinite scrolling" content="1" />
  215. <meta name="if:Two columns" content="1" />
  216. <meta name="if:Background image cover" content="0" />
  217. <meta name="if:Tags on index" content="1" />
  218. <meta name="if:Photo captions" content="1" />
  219. <meta name="if:Description box" content="0" />
  220. <meta name="if:Home icon" content="1" />
  221. <meta name="if:Ask icon" content="1" />
  222. <meta name="if:Submit icon" content="1" />
  223. <meta name="if:Pages icon" content="1" />
  224. <meta name="if:Archive icon" content="1" />
  225.  
  226. <link rel="stylesheet" href="//static.tumblr.com/fpdiq1j/N3Zmkjmqn/theme_generic.css" />
  227. <style type="text/css">
  228. html::-webkit-scrollbar {width: 10px; height:10px;}
  229. html::-webkit-scrollbar-corner { background:#ffe3f0;}
  230. html::-webkit-scrollbar-button:vertical {height: 0px; display: block; background: #fc98b9;}
  231. html::-webkit-scrollbar-thumb:vertical {background:#fc98b9); border-bottom: 1px solid #000; border-right: 1px solid #000; border-top: 1px solid #fff; border-left: 1px solid #fff;}
  232. html::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; background:#fc98b9; border-bottom: 1px solid #000; border-right: 1px solid #000; border-top: 1px solid #fff; border-left: 1px solid #fff;}
  233. html::-webkit-scrollbar-thumb:vertical { -webkit-border-radius: 2px; background-image:url(https://www.pixilart.com/images/art/039077097a77fde.gif); border-bottom: 1px solid #000; border-right: 1px solid #000; border-top: 1px solid #fff; border-left: 1px solid #fff;}
  234. html::-webkit-scrollbar-track-piece:vertical {background:#fc98b9; border-bottom: 1px solid #000; border-right: 1px solid #000; border-top: 1px solid #fff; border-left: 1px solid #fff;}
  235. html::-webkit-scrollbar-track-piece {background:#fb6898; border-bottom: 1px solid #000; border-right: 1px solid #000; border-top: 1px solid #fff; border-left: 1px solid #fff;}
  236.  
  237. body {
  238. background: {color:Background color} url('dara gay') repeat fixed;
  239. {block:IfBackgroundImageCover}background-size: cover;{/block:IfBackgroundImageCover}
  240. margin: 0;
  241. font: normal 13px/1.3 {font:Font};
  242. }
  243.  
  244. a {
  245. background: url(https://cdn.dribbble.com/users/41276/screenshots/332290/animated-rainbow.gif);
  246. -webkit-text-fill-color: transparent;
  247. -webkit-background-clip: text;
  248. color: {color:Links};
  249. text-decoration: none;
  250. }
  251.  
  252. a:hover {
  253. text-decoration: underline;
  254. }
  255.  
  256. .icons {
  257. margin: 0 0 0 10px;
  258. list-style-type: none;
  259. padding: 0;
  260. width: 100px;
  261. float: left;
  262. position: fixed;
  263. z-index: 2;
  264. }
  265.  
  266. .my_computer, .my_documents, .network_neighborhood, .folder, .recycle_bin, .start_menu, .application_icons, .start_bar .start_button .logo, .start_bar .tray .calendar, .start_menu, .window .top, .window .middle, .window .bottom, .description .top, .description .ok_button, .description .bottom {
  267. background-image: url('https://i.imgur.com/N87wEVh.png');
  268. margin: auto;
  269. }
  270.  
  271. .my_computer {
  272. height: 32px;
  273. width: 32px;
  274. background-position: -616px -157px;
  275. }
  276.  
  277. .my_documents {
  278. height: 30px;
  279. width: 32px;
  280. background-position: -616px -189px;
  281. }
  282.  
  283. .network_neighborhood {
  284. height: 32px;
  285. width: 32px;
  286. background-position: -616px -219px;
  287. }
  288.  
  289. .recycle_bin {
  290. height: 32px;
  291. width: 30px;
  292. background-position: -616px -251px;
  293. }
  294.  
  295. .folder{
  296. height: 27px;
  297. width: 32px;
  298. background-position: -616px -283px;
  299. }
  300.  
  301. .start_bar .start_button .logo {
  302. width: 16px;
  303. height: 14px;
  304. background-position: -633px -103px;
  305. }
  306.  
  307. .application_icons {
  308. height: 16px;
  309. width: 84px;
  310. background-position: -565px -69px;
  311. }
  312.  
  313. .start_bar .tray .calendar {
  314. height: 16px;
  315. width: 16px;
  316. background-position: -632px -87px;
  317. }
  318.  
  319. .start_menu {
  320. height: 383px;
  321. width: 168px;
  322. background-position: 0px 0px;
  323. }
  324.  
  325. .window .top {
  326. height: 44px;
  327. background-position: -168px 0px;
  328. }
  329.  
  330. .description .top {
  331. height: 21px;
  332. background-position: -168px -134px;
  333. }
  334.  
  335. .description .ok_button {
  336. height: 23px;
  337. width: 75px;
  338. margin-top: 7px;
  339. background-position: -231px -158px;
  340. }
  341.  
  342. .description .bottom {
  343. height: 2px;
  344. background-position: -168px -155px;
  345. }
  346.  
  347. .window .middle, div.notes, div.attribution, div.tags {
  348. background: url('https://i.imgur.com/vDgQZhJ.png');
  349. background-repeat: repeat-y;
  350. }
  351.  
  352. .window .bottom {
  353. background-position: -168px -46px;
  354. height: 22px;
  355. }
  356.  
  357. .icon_label {
  358. padding-top: 6px;
  359. color: {color:Icon labels};
  360. text-align: center;
  361. }
  362.  
  363. .icons a {
  364. color: {color:Icon labels};
  365. text-decoration: none;
  366. display: block;
  367. margin-bottom: 15px;
  368. }
  369.  
  370. .title {
  371. display: block;
  372. font-size: 1.25em;
  373. margin-bottom: 5px;
  374. }
  375.  
  376. img.full_image {
  377. width: 100%;
  378. }
  379.  
  380. .body img, .caption img {
  381. max-width: 100%;
  382. overflow: hidden;
  383. }
  384.  
  385. #desktop, .navigation {
  386. margin: 20px auto;
  387. z-index: 3;
  388. position: relative;
  389. {block:IfTwoColumns}
  390. width: 1000px;
  391. {/block:IfTwoColumns}
  392. {block:IfNotTwoColumns}
  393. width: 480px;
  394. {/block:IfNotTwoColumns}
  395. left: 10px;
  396. }
  397.  
  398. body.permalink_page #desktop,
  399. body.permalink_page .navigation {
  400. width: 480px;
  401. }
  402.  
  403. .window {
  404. width: 480px;
  405. max-width: 480px;
  406. {block:IfTwoColumns}
  407. float: left;
  408. margin: 0 20px 20px 0;
  409. {/block:IfTwoColumns}
  410. {block:IfNotTwoColumns}
  411. margin: 0 0 30px 0;
  412. {/block:IfNotTwoColumns}
  413. }
  414.  
  415. .window .top {
  416. height: 44px;
  417. }
  418.  
  419. .window .top .info {
  420. top: 26px;
  421. left: 10px;
  422. position: relative;
  423. width: 300px;
  424. z-index: 4;
  425. font-size: 11px;
  426. line-height: 13px;
  427. }
  428.  
  429. .window > a {
  430. color: #000000;
  431. text-decoration: none;
  432. }
  433.  
  434. .window .top a:hover {
  435. text-decoration: underline;
  436. }
  437.  
  438. .window .middle, div.notes, div.attribution, div.tags {
  439. background-repeat: repeat-y;
  440. padding: 4px 26px 4px 10px;
  441. }
  442.  
  443. .middle .caption {
  444. margin-top: 5px; /* possibly redundant */
  445. }
  446.  
  447. .quote .dash {
  448. float: left;
  449. padding: 0 4px 0 6px;
  450. }
  451.  
  452. .quote .source {
  453. float: left;
  454. }
  455.  
  456. .chat .line {
  457. margin-bottom: 3px;
  458. }
  459.  
  460. .chat .line:last-of-type {
  461. margin-bottom: 0;
  462. }
  463.  
  464. .photo .wrapper {
  465. position: relative;
  466. z-index: 0;
  467. }
  468.  
  469. .photo .wrapper .make_lightbox {
  470. position: absolute;
  471. padding: 6px 8px;
  472. bottom: 0;
  473. right: 0;
  474. background-color: #FFFFFF;
  475. font-size: 0.9em;
  476. z-index: 1;
  477. opacity: 0;
  478. -webkit-transition: opacity 0.2s ease-out;
  479. -moz-transition: opacity 0.2s ease-out;
  480. transition: opacity 0.2s ease-out;
  481. }
  482.  
  483. .photo .wrapper:hover .make_lightbox {
  484. opacity: 0.8;
  485. -webkit-transition: opacity 0.2s ease-out;
  486. -moz-transition: opacity 0.2s ease-out;
  487. transition: opacity 0.2s ease-out;
  488. }
  489.  
  490. .make_lightbox:hover {
  491. cursor: pointer;
  492. }
  493.  
  494. .tagged {
  495. font-size: 0.8em;
  496. margin-top: 8px;
  497. opacity: 0.8;
  498. }
  499.  
  500. .window .bottom {
  501. height: 22px;
  502. }
  503.  
  504. .description {
  505. position: fixed;
  506. top: 20%;
  507. right: 10%;
  508. z-index: 4;
  509. width: 200px;
  510. }
  511.  
  512. .description .middle {
  513. background: url('https://i.imgur.com/aY4mj2v.png') repeat-y;
  514. display: block;
  515. padding: 5px;
  516. max-width: 190px;
  517. font-size: 11px;
  518. }
  519.  
  520. ol.notes {
  521. padding: 11px 0 0 0;
  522. margin: 0;
  523. border-top: 1px dashed #cccccc;
  524. }
  525.  
  526. ol.notes li.note {
  527. list-style: none;
  528. margin-bottom: 3px;
  529. }
  530.  
  531. ol.notes li.note img.avatar {
  532. vertical-align: middle;
  533. margin-right: 5px;
  534. }
  535.  
  536. ol.notes li.note:last-child {
  537. margin-bottom: 0;
  538. }
  539.  
  540. ol.notes li.note span.action {
  541. top: -4px;
  542. position: relative;
  543. }
  544.  
  545. .navigation {
  546. overflow: hidden;
  547. font-weight: bold;
  548. clear: both;
  549. float: none;
  550. margin-bottom: 40px !important;
  551. }
  552.  
  553. .navigation .next, .navigation .prev {
  554. background-color: #FFFFFF;
  555. padding: 6px 8px;
  556. }
  557.  
  558. .navigation .next {
  559. float: right;
  560. }
  561.  
  562.  
  563. .start_bar {
  564. position: fixed;
  565. background-color: rgb(252,152,185);
  566. bottom: 0;
  567. height: 28px;
  568. width: 100%;
  569. z-index: 4;
  570. }
  571.  
  572. .start_menu {
  573. position: fixed;
  574. z-index: 3;
  575. bottom: 28px;
  576. display: none;
  577. }
  578.  
  579. .start_bar .top_border {
  580. border-bottom: 1px solid rgb(255,255,255);
  581. border-top: 1px solid rgb(250,218,231);
  582. }
  583.  
  584. .start_bar .bottom_border {
  585. position: absolute;
  586. bottom: 0;
  587. border-bottom: 1px solid rgb(0,0,0);
  588. width: 100%;
  589. }
  590.  
  591. .start_bar .right_border {
  592. float: right;
  593. border-right: 1px solid rgb(0,0,0);
  594. height: 25px;
  595. }
  596.  
  597. .start_bar .start_button {
  598. float: left;
  599. border-top: 2px solid rgb(255,255,255);
  600. border-left: 2px solid rgb(255,255,255);
  601. border-bottom: 2px solid rgb(251,104,152);
  602. border-right: 2px solid rgb(251,104,152);
  603. height: 18px;
  604. width: 54px;
  605. margin-left: 2px;
  606. margin-top: 2px;
  607. }
  608.  
  609. .sb_click {
  610. border-bottom: 2px solid white !important;
  611. border-right: 2px solid white !important;
  612. border-top: 2px solid rgb(251,104,152) !important;
  613. border-left: 2px solid rgb(251,104,152) !important;
  614. }
  615.  
  616. .start_bar .start_button .text{
  617. float: right;
  618. display: inline;
  619. margin-right: 4px;
  620. line-height: 18px;
  621. font-weight: bold;
  622. }
  623.  
  624. .start_bar .start_button .logo{
  625. float: left;
  626. margin-top: 2px;
  627. margin-left: 2px;
  628. }
  629.  
  630. .start_bar .big_seperator {
  631. float: left;
  632. border-left: 1px solid rgb(251,104,152);
  633. border-right: 1px solid rgb(255,255,255);
  634. height: 22px;
  635. margin-top: 2px;
  636. margin-left: 2px;
  637. }
  638.  
  639. .start_bar .small_seperator {
  640. float: left;
  641. border-left: 1px solid rgb(255,255,255);
  642. border-top: 1px solid rgb(255,255,255);
  643. border-right: 1px solid rgb(251,104,152);
  644. border-bottom: 1px solid rgb(251,104,152);
  645. background-color: rgb(250,218,231);
  646. width: 1px;
  647. height: 16px;
  648. margin-top: 4px;
  649. margin-left: 2px;
  650. }
  651.  
  652. .start_bar .application_icons {
  653. float: left;
  654. margin-top: 5px;
  655. margin-left: 7px;
  656. margin-right: 7px;
  657. }
  658.  
  659. .start_bar .tray {
  660. float: right;
  661. border-top: 1px solid rgb(251,104,152);
  662. border-left: 1px solid rgb(251,104,152);
  663. border-bottom: 1px solid rgb(255,255,255);
  664. border-right: 1px solid rgb(255,255,255);
  665. height: 18px;
  666. width: 79px;
  667. margin-right: 5px;
  668. margin-top: 2px;
  669. }
  670.  
  671. .start_bar .tray .time {
  672. line-height: 18px;
  673. float: right;
  674. font-size: 10px;
  675. margin-right: 10px;
  676. }
  677.  
  678. .start_bar .tray .calendar {
  679. float: left;
  680. margin-top: 1px;
  681. margin-left: 3px;
  682. }
  683.  
  684. /* COMMON */
  685.  
  686. body.infinite_scrolling .navigation {
  687. display: none;
  688. }
  689.  
  690. #infscr-loading {
  691. position: absolute;
  692. top: -9999em;
  693. left: -9999em;
  694. width: 0;
  695. height: 0;
  696. overflow: hidden;
  697. clip: 0 0 0 0;
  698. visibility: hidden;
  699. }
  700.  
  701. .middle img {
  702. vertical-align: middle;
  703. }
  704.  
  705. .content p, blockquote, ul, ol {
  706. margin: 0 0 0.6em 0;
  707. }
  708.  
  709. {block:IfNotPhotoCaptions}.caption{
  710. display:none;
  711. }{/block:IfNotPhotoCaptions}
  712.  
  713. {block:IfNotHomeIcon}.home{
  714. display:none;
  715. }{/block:IfNotHomeIcon}
  716.  
  717. {block:IfNotAskIcon}.ask{
  718. display:none;
  719. }{/block:IfNotAskIcon}
  720.  
  721. {block:IfNotSubmitIcon}.submit{
  722. display:none;
  723. }{/block:IfNotSubmitIcon}
  724.  
  725. {block:IfNotPagesIcon}.pages{
  726. display:none;
  727. }{/block:IfNotPagesIcon}
  728.  
  729. {block:IfNotArchiveIcon}.archive{
  730. display:none;
  731. }{/block:IfNotArchiveIcon}
  732.  
  733. {CustomCSS}
  734. </style>
  735.  
  736. <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
  737. <script src="//static.tumblr.com/fpdiq1j/Ieqn0wdlb/jquery.imagesloaded.min.js"></script>
  738. <script src="//static.tumblr.com/fpdiq1j/GV9n0wdlc/jquery.infinitescroll.min.js"></script>
  739. <script src="//static.tumblr.com/fpdiq1j/x8Nn0wiyd/jquery.masonry.min.js"></script>
  740. <script src="//static.tumblr.com/fpdiq1j/jpPn0wdlf/jquery.photosetgrid.min.js"></script>
  741. <script src="//static.tumblr.com/fpdiq1j/6oKn0wj7b/win98.js"></script>
  742. </head>
  743.  
  744. <body data-curr-page="1" class="win98 {block:IndexPage}index_page{block:IfInfiniteScrolling} infinite_scrolling{/block:IfInfiniteScrolling}{/block:IndexPage}{block:PermalinkPage}permalink_page{/block:PermalinkPage} {block:IfTwoColumns}two_column{/block:IfTwoColumns}">
  745. <div class="wrapper">
  746. <div class="icons">
  747. <a href="/" class="home">
  748. <div class="my_computer"></div>
  749. <div class="icon_label">{Title}</div>
  750. </a>
  751.  
  752. {block:AskEnabled}
  753. <a href="/ask" class="ask">
  754. <div class="my_documents"></div>
  755. <div class="icon_label">{AskLabel}</div>
  756. </a>
  757. {/block:AskEnabled}
  758.  
  759. {block:SubmissionsEnabled}
  760. <a href="/submit" class="submit">
  761. <div class="network_neighborhood"></div>
  762. <div class="icon_label">{SubmitLabel}</div>
  763. </a>
  764. {/block:SubmissionsEnabled}
  765.  
  766. {block:HasPages}
  767. {block:Pages}
  768. <a href="{URL}" class="pages">
  769. <div class="folder"></div>
  770. <div class="icon_label">{Label}</div>
  771. </a>
  772. {/block:Pages}
  773. {/block:HasPages}
  774.  
  775. <a href="/archive" class="archive">
  776. <div class="recycle_bin"></div>
  777. <div class="icon_label">{lang:Archive}</div>
  778. </a>
  779. </div>
  780. {block:IfDescriptionBox}
  781. {block:Description}
  782. <div class="description">
  783. <div class="top"></div>
  784. <div class="middle">
  785. {Description}
  786. <div class="ok_button"></div>
  787. </div>
  788. <div class="bottom"></div>
  789. </div>
  790. {/block:Description}
  791. {block:IfDescriptionBox}
  792. <div id="desktop" class="container">
  793. {block:Posts}
  794. <div class="window {PostType}{block:Photoset}set{/block:Photoset}">
  795. <a href="{Permalink}">
  796. <div class="top">
  797. {block:Date}
  798. <div class="info">
  799. {lang:Posted TimeAgo with NoteCount notes}
  800. </div>
  801. {/block:Date}
  802. </div>
  803. </a>
  804. <div class="middle">
  805. {block:Text}
  806. {block:Title}
  807. <div class="title">
  808. {Title}
  809. </div>
  810. {/block:Title}
  811. <div class="content">
  812. {Body}
  813. </div>
  814. {/block:Text}
  815.  
  816. {block:Photo}
  817. <div class="wrapper">
  818. {LinkOpenTag}
  819. <img src="{PhotoURL-500}" class="full_image" alt="{PhotoAlt}" />
  820. {LinkCloseTag}
  821. {block:HighRes}<div class="make_lightbox" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}">{lang:Click for high-res photo}</div>{/block:HighRes}
  822. </div>
  823. {block:Caption}
  824. <div class="content caption">
  825. {Caption}
  826. </div>
  827. {/block:Caption}
  828. {/block:Photo}
  829.  
  830. {block:Photoset}
  831. <div class="wrapper">
  832. <div class="photoset-grid" data-layout="{PhotosetLayout}" style="visibility: hidden;">
  833. {block:Photos}
  834. <img src="{PhotoURL-500}" {block:HighRes}data-highres="{PhotoURL-HighRes}"{/block:HighRes} data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" {block:Caption}alt="{Caption}"{/block:caption} />
  835. {/block:Photos}
  836. </div>
  837. </div>
  838. {block:Caption}
  839. <div class="content caption">
  840. {Caption}
  841. </div>
  842. {/block:Caption}
  843. {/block:Photoset}
  844.  
  845. {block:Quote}
  846. <div class="title">
  847. "{Quote}"
  848. </div>
  849. {block:Source}
  850. <div class="content body cf">
  851. <div class="dash">
  852. &mdash;
  853. </div>
  854. <div class="source">
  855. {Source}
  856. </div>
  857. </div>
  858. {/block:Source}
  859. {/block:Quote}
  860.  
  861. {block:Link}
  862. <a href="{URL}" class="title" {Target}>
  863. {Name} &rarr;
  864. </a>
  865. {block:Description}
  866. <div class="content body">
  867. {Description}
  868. </div>
  869. {/block:Description}
  870. {/block:Link}
  871.  
  872. {block:Chat}
  873. {block:Title}
  874. <div class="title">
  875. {Title}
  876. </div>
  877. {/block:Title}
  878. <div class="content body">
  879. {block:Lines}
  880. <div class="line">
  881. {block:Label}
  882. <strong>
  883. {Label}
  884. </strong>
  885. {/block:Label}
  886. <span class="text">
  887. {Line}
  888. <span>
  889. </div>
  890. {/block:Lines}
  891. </div>
  892. {/block:Chat}
  893.  
  894. {block:Video}
  895. <div class="video_player" data-from-page="{CurrentPage}">
  896. {VideoEmbed-400}
  897. </div>
  898. {block:Caption}
  899. <div class="content caption">
  900. {Caption}
  901. </div>
  902. {/block:Caption}
  903. {/block:Video}
  904.  
  905. {block:Audio}
  906. {block:AudioEmbed}
  907. <div data-from-page="{CurrentPage}">
  908. {AudioEmbed-400}
  909. </div>
  910. {/block:AudioEmbed}
  911. {block:AudioPlayer}
  912. {block:AlbumArt}
  913. <img src="{AlbumArtURL}" alt="Artwork" class="full_image" />
  914. {/block:AlbumArt}
  915. <div data-from-page="{CurrentPage}" style="height: 27px;">
  916. {AudioPlayer}
  917. </div>
  918. {/block:AudioPlayer}
  919. {block:Caption}
  920. <div class="content body">
  921. {Caption}
  922. </div>
  923. {/block:Caption}
  924. {/block:Audio}
  925.  
  926. {block:Answer}
  927. <div class="title">
  928. {lang:Asker asked 2}: {Question}
  929. </div>
  930. <div class="content body">
  931. {Answer}
  932. </div>
  933. {/block:Answer}
  934.  
  935. {block:Panorama}
  936. {LinkOpenTag}
  937. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" class="full_image" />
  938. {LinkCloseTag}
  939. {block:Caption}
  940. <div class="content caption">
  941. {Caption}
  942. </div>
  943. {/block:Caption}
  944. {/block:Panorama}
  945. {block:IfTagsOnIndex}
  946. {block:HasTags}
  947. <div class="tagged">
  948. {lang:Tagged}:
  949. {block:Tags}
  950. <a href="{TagURL}">#{Tag}</a><span class="hide_if_last">, </span>
  951. {/block:Tags}
  952. </div>
  953. {/block:HasTags}
  954. {/block:IfTagsOnIndex}
  955. </div>
  956. {block:PermalinkPage}
  957. {block:ContentSource}<div class="attribution">({lang:Source}: <a href="{SourceURL}">{SourceTitle}</a>{block:RebloggedFrom}, {lang:Reblogged from}: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom})</div>{/block:ContentSource}
  958. {block:IfNotTagsOnIndex}{block:HasTags}<div class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:IfNotTagsOnIndex}
  959. {block:PostNotes}
  960. <div class="notes">
  961. {PostNotes}
  962. </div>
  963. {/block:PostNotes}
  964. {/block:PermalinkPage}
  965. <div class="bottom"></div>
  966. </div>
  967. {/block:Posts}
  968. </div>
  969.  
  970. {block:Pagination}
  971. <div class="navigation cf" id="i_nav">
  972. {block:NextPage}
  973. <a class="next" id="i_next" href="{NextPage}">{lang:Next} &rarr;</a>
  974. {/block:NextPage}
  975. {block:PreviousPage}
  976. <a class="prev" href="{PreviousPage}">&larr; {lang:Previous}</a>
  977. {/block:PreviousPage}
  978. </div>
  979. {/block:Pagination}
  980. <div class="start_menu">
  981. </div>
  982. <div class="start_bar">
  983. <div class="top_border">
  984. </span>
  985. <div class="bottom_border">
  986. </span>
  987. <div class="right_border">
  988. </div>
  989. <div class="start_button">
  990. <span class="logo">
  991. </span>
  992. <span class="text">
  993. Start
  994. </span>
  995. </div>
  996. <span class="big_seperator">
  997. </span>
  998. <span class="small_seperator">
  999. </span>
  1000. <span class="application_icons">
  1001. </span>
  1002. <span class="big_seperator">
  1003. </span>
  1004. <span class="small_seperator">
  1005. </span>
  1006. <div class="tray">
  1007. <span class="calendar">
  1008. </span>
  1009. <span class="time" id="showClock">
  1010. 00:00 AM
  1011. </span>
  1012. </div>
  1013. </div>
  1014. </div>
  1015. </body>
  1016. </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!