Advertisement
Guest User

Untitled

a guest
Oct 13th, 2019
116
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.72 KB | None | 0 0
  1. <html>
  2. <head>
  3. <!-- Win98, from themes.edada.ms -->
  4. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}{block:TagPage}, #{Tag}{/block:TagPage}</title>
  5. {block:Description}<meta name="description" value="{MetaDescription}" />{/block:Description}
  6. <link rel="shortcut icon" href="{Favicon}" />
  7. <link rel="alternate" href="{RSS}" />
  8. <meta charset="utf-8" />
  9.  
  10. <meta name="image:Background image" content="" />
  11. <meta name="color:Background color" content="#008080" />
  12. <meta name="color:Links" content="#000000" />
  13. <meta name="color:Icon labels" content="#ffffff" />
  14. <meta name="font:Font" content="Helvetica Neue" />
  15. <meta name="if:Infinite scrolling" content="1" />
  16. <meta name="if:Two columns" content="1" />
  17. <meta name="if:Background image cover" content="0" />
  18. <meta name="if:Tags on index" content="1" />
  19. <meta name="if:Photo captions" content="1" />
  20. <meta name="if:Description box" content="0" />
  21. <meta name="if:Home icon" content="1" />
  22. <meta name="if:Ask icon" content="1" />
  23. <meta name="if:Submit icon" content="1" />
  24. <meta name="if:Pages icon" content="1" />
  25. <meta name="if:Archive icon" content="1" />
  26.  
  27. <link rel="stylesheet" href="//static.tumblr.com/fpdiq1j/N3Zmkjmqn/theme_generic.css" />
  28. <style type="text/css">
  29. body {
  30. background: {color:Background color} url('{image:Background image}') repeat fixed;
  31. {block:IfBackgroundImageCover}background-size: cover;{/block:IfBackgroundImageCover}
  32. margin: 0;
  33. font: normal 13px/1.3 {font:Font};
  34. }
  35.  
  36. a {
  37. color: {color:Links};
  38. text-decoration: none;
  39. }
  40.  
  41. a:hover {
  42. text-decoration: underline;
  43. }
  44.  
  45. .icons {
  46. margin: 0 0 0 10px;
  47. list-style-type: none;
  48. padding: 0;
  49. width: 100px;
  50. float: left;
  51. position: fixed;
  52. z-index: 2;
  53. }
  54.  
  55. .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 {
  56. background-image: url('//static.tumblr.com/fpdiq1j/O6Um4f3al/master_sprite.png');
  57. margin: auto;
  58. }
  59.  
  60. .my_computer {
  61. height: 32px;
  62. width: 32px;
  63. background-position: -616px -157px;
  64. }
  65.  
  66. .my_documents {
  67. height: 30px;
  68. width: 32px;
  69. background-position: -616px -189px;
  70. }
  71.  
  72. .network_neighborhood {
  73. height: 32px;
  74. width: 32px;
  75. background-position: -616px -219px;
  76. }
  77.  
  78. .recycle_bin {
  79. height: 32px;
  80. width: 30px;
  81. background-position: -616px -251px;
  82. }
  83.  
  84. .folder{
  85. height: 27px;
  86. width: 32px;
  87. background-position: -616px -283px;
  88. }
  89.  
  90. .start_bar .start_button .logo {
  91. width: 16px;
  92. height: 14px;
  93. background-position: -633px -103px;
  94. }
  95.  
  96. .application_icons {
  97. height: 16px;
  98. width: 84px;
  99. background-position: -565px -69px;
  100. }
  101.  
  102. .start_bar .tray .calendar {
  103. height: 16px;
  104. width: 16px;
  105. background-position: -632px -87px;
  106. }
  107.  
  108. .start_menu {
  109. height: 383px;
  110. width: 168px;
  111. background-position: 0px 0px;
  112. }
  113.  
  114. .window .top {
  115. height: 44px;
  116. background-position: -168px 0px;
  117. }
  118.  
  119. .description .top {
  120. height: 21px;
  121. background-position: -168px -134px;
  122. }
  123.  
  124. .description .ok_button {
  125. height: 23px;
  126. width: 75px;
  127. margin-top: 7px;
  128. background-position: -231px -158px;
  129. }
  130.  
  131. .description .bottom {
  132. height: 2px;
  133. background-position: -168px -155px;
  134. }
  135.  
  136. .window .middle, div.notes, div.attribution, div.tags {
  137. background: url('//static.tumblr.com/fpdiq1j/utSm3gwcy/large_middle.png');
  138. background-repeat: repeat-y;
  139. }
  140.  
  141. .window .bottom {
  142. background-position: -168px -46px;
  143. height: 22px;
  144. }
  145.  
  146. .icon_label {
  147. padding-top: 6px;
  148. color: {color:Icon labels};
  149. text-align: center;
  150. }
  151.  
  152. .icons a {
  153. color: {color:Icon labels};
  154. text-decoration: none;
  155. display: block;
  156. margin-bottom: 15px;
  157. }
  158.  
  159. .title {
  160. display: block;
  161. font-size: 1.25em;
  162. margin-bottom: 5px;
  163. }
  164.  
  165. img.full_image {
  166. width: 100%;
  167. }
  168.  
  169. .body img, .caption img {
  170. max-width: 100%;
  171. overflow: hidden;
  172. }
  173.  
  174. #desktop, .navigation {
  175. margin: 20px auto;
  176. z-index: 3;
  177. position: relative;
  178. {block:IfTwoColumns}
  179. width: 1000px;
  180. {/block:IfTwoColumns}
  181. {block:IfNotTwoColumns}
  182. width: 480px;
  183. {/block:IfNotTwoColumns}
  184. left: 10px;
  185. }
  186.  
  187. body.permalink_page #desktop,
  188. body.permalink_page .navigation {
  189. width: 480px;
  190. }
  191.  
  192. .window {
  193. width: 480px;
  194. max-width: 480px;
  195. {block:IfTwoColumns}
  196. float: left;
  197. margin: 0 20px 20px 0;
  198. {/block:IfTwoColumns}
  199. {block:IfNotTwoColumns}
  200. margin: 0 0 30px 0;
  201. {/block:IfNotTwoColumns}
  202. }
  203.  
  204. .window .top {
  205. height: 44px;
  206. }
  207.  
  208. .window .top .info {
  209. top: 26px;
  210. left: 10px;
  211. position: relative;
  212. width: 300px;
  213. z-index: 4;
  214. font-size: 11px;
  215. line-height: 13px;
  216. }
  217.  
  218. .window > a {
  219. color: #000000;
  220. text-decoration: none;
  221. }
  222.  
  223. .window .top a:hover {
  224. text-decoration: underline;
  225. }
  226.  
  227. .window .middle, div.notes, div.attribution, div.tags {
  228. background-repeat: repeat-y;
  229. padding: 4px 26px 4px 10px;
  230. }
  231.  
  232. .middle .caption {
  233. margin-top: 5px; /* possibly redundant */
  234. }
  235.  
  236. .quote .dash {
  237. float: left;
  238. padding: 0 4px 0 6px;
  239. }
  240.  
  241. .quote .source {
  242. float: left;
  243. }
  244.  
  245. .chat .line {
  246. margin-bottom: 3px;
  247. }
  248.  
  249. .chat .line:last-of-type {
  250. margin-bottom: 0;
  251. }
  252.  
  253. .photo .wrapper {
  254. position: relative;
  255. z-index: 0;
  256. }
  257.  
  258. .photo .wrapper .make_lightbox {
  259. position: absolute;
  260. padding: 6px 8px;
  261. bottom: 0;
  262. right: 0;
  263. background-color: #FFFFFF;
  264. font-size: 0.9em;
  265. z-index: 1;
  266. opacity: 0;
  267. -webkit-transition: opacity 0.2s ease-out;
  268. -moz-transition: opacity 0.2s ease-out;
  269. transition: opacity 0.2s ease-out;
  270. }
  271.  
  272. .photo .wrapper:hover .make_lightbox {
  273. opacity: 0.8;
  274. -webkit-transition: opacity 0.2s ease-out;
  275. -moz-transition: opacity 0.2s ease-out;
  276. transition: opacity 0.2s ease-out;
  277. }
  278.  
  279. .make_lightbox:hover {
  280. cursor: pointer;
  281. }
  282.  
  283. .tagged {
  284. font-size: 0.8em;
  285. margin-top: 8px;
  286. opacity: 0.8;
  287. }
  288.  
  289. .window .bottom {
  290. height: 22px;
  291. }
  292.  
  293. .description {
  294. position: fixed;
  295. top: 20%;
  296. right: 10%;
  297. z-index: 4;
  298. width: 200px;
  299. }
  300.  
  301. .description .middle {
  302. background: url('//static.tumblr.com/fpdiq1j/leqm4f39j/description_middle.png') repeat-y;
  303. display: block;
  304. padding: 5px;
  305. max-width: 190px;
  306. font-size: 11px;
  307. }
  308.  
  309. ol.notes {
  310. padding: 11px 0 0 0;
  311. margin: 0;
  312. border-top: 1px dashed #cccccc;
  313. }
  314.  
  315. ol.notes li.note {
  316. list-style: none;
  317. margin-bottom: 3px;
  318. }
  319.  
  320. ol.notes li.note img.avatar {
  321. vertical-align: middle;
  322. margin-right: 5px;
  323. }
  324.  
  325. ol.notes li.note:last-child {
  326. margin-bottom: 0;
  327. }
  328.  
  329. ol.notes li.note span.action {
  330. top: -4px;
  331. position: relative;
  332. }
  333.  
  334. .navigation {
  335. overflow: hidden;
  336. font-weight: bold;
  337. clear: both;
  338. float: none;
  339. margin-bottom: 40px !important;
  340. }
  341.  
  342. .navigation .next, .navigation .prev {
  343. background-color: #FFFFFF;
  344. padding: 6px 8px;
  345. }
  346.  
  347. .navigation .next {
  348. float: right;
  349. }
  350.  
  351.  
  352. .start_bar {
  353. position: fixed;
  354. background-color: rgb(192,192,192);
  355. bottom: 0;
  356. height: 28px;
  357. width: 100%;
  358. z-index: 4;
  359. }
  360.  
  361. .start_menu {
  362. position: fixed;
  363. z-index: 3;
  364. bottom: 28px;
  365. display: none;
  366. }
  367.  
  368. .start_bar .top_border {
  369. border-bottom: 1px solid rgb(255,255,255);
  370. border-top: 1px solid rgb(223,223,223);
  371. }
  372.  
  373. .start_bar .start_button {
  374. float: left;
  375. border-top: 2px solid white;
  376. border-left: 2px solid white;
  377. border-bottom: 2px solid gray;
  378. border-right: 2px solid gray;
  379. height: 18px;
  380. width: 54px;
  381. margin-left: 2px;
  382. margin-top: 2px;
  383. }
  384.  
  385. .sb_click {
  386. border-bottom: 2px solid white !important;
  387. border-right: 2px solid white !important;
  388. border-top: 2px solid gray !important;
  389. border-left: 2px solid gray !important;
  390. }
  391.  
  392. .start_bar .start_button .text{
  393. float: right;
  394. display: inline;
  395. margin-right: 4px;
  396. line-height: 18px;
  397. font-weight: bold;
  398. }
  399.  
  400. .start_bar .start_button .logo{
  401. float: left;
  402. margin-top: 2px;
  403. margin-left: 2px;
  404. }
  405.  
  406. .start_bar .big_seperator {
  407. float: left;
  408. border-left: 1px solid rgb(128,128,128);
  409. border-right: 1px solid rgb(255,255,255);
  410. height: 22px;
  411. margin-top: 2px;
  412. margin-left: 2px;
  413. }
  414.  
  415. .start_bar .small_seperator {
  416. float: left;
  417. border-left: 1px solid rgb(255,255,255);
  418. border-top: 1px solid rgb(255,255,255);
  419. border-right: 1px solid rgb(128,128,128);
  420. border-bottom: 1px solid rgb(128,128,128);
  421. background-color: rgb(192,192,192);
  422. width: 1px;
  423. height: 16px;
  424. margin-top: 4px;
  425. margin-left: 2px;
  426. }
  427.  
  428. .start_bar .application_icons {
  429. float: left;
  430. margin-top: 5px;
  431. margin-left: 7px;
  432. margin-right: 7px;
  433. }
  434.  
  435. .start_bar .tray {
  436. float: right;
  437. border-top: 1px solid rgb(128,128,128);
  438. border-left: 1px solid rgb(128,128,128);
  439. border-bottom: 1px solid rgb(255,255,255);
  440. border-right: 1px solid rgb(255,255,255);
  441. height: 18px;
  442. width: 79px;
  443. margin-right: 5px;
  444. margin-top: 2px;
  445. }
  446.  
  447. .start_bar .tray .time {
  448. line-height: 18px;
  449. float: right;
  450. font-size: 10px;
  451. margin-right: 10px;
  452. }
  453.  
  454. .start_bar .tray .calendar {
  455. float: left;
  456. margin-top: 1px;
  457. margin-left: 3px;
  458. }
  459.  
  460. /* COMMON */
  461.  
  462. body.infinite_scrolling .navigation {
  463. display: none;
  464. }
  465.  
  466. #infscr-loading {
  467. position: absolute;
  468. top: -9999em;
  469. left: -9999em;
  470. width: 0;
  471. height: 0;
  472. overflow: hidden;
  473. clip: 0 0 0 0;
  474. visibility: hidden;
  475. }
  476.  
  477. .middle img {
  478. vertical-align: middle;
  479. }
  480.  
  481. .content p, blockquote, ul, ol {
  482. margin: 0 0 0.6em 0;
  483. }
  484.  
  485. {block:IfNotPhotoCaptions}.caption{
  486. display:none;
  487. }{/block:IfNotPhotoCaptions}
  488.  
  489. {block:IfNotHomeIcon}.home{
  490. display:none;
  491. }{/block:IfNotHomeIcon}
  492.  
  493. {block:IfNotAskIcon}.ask{
  494. display:none;
  495. }{/block:IfNotAskIcon}
  496.  
  497. {block:IfNotSubmitIcon}.submit{
  498. display:none;
  499. }{/block:IfNotSubmitIcon}
  500.  
  501. {block:IfNotPagesIcon}.pages{
  502. display:none;
  503. }{/block:IfNotPagesIcon}
  504.  
  505. {block:IfNotArchiveIcon}.archive{
  506. display:none;
  507. }{/block:IfNotArchiveIcon}
  508.  
  509. {CustomCSS}
  510. </style>
  511.  
  512. <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
  513. <script src="//static.tumblr.com/fpdiq1j/Ieqn0wdlb/jquery.imagesloaded.min.js"></script>
  514. <script src="//static.tumblr.com/fpdiq1j/GV9n0wdlc/jquery.infinitescroll.min.js"></script>
  515. <script src="//static.tumblr.com/fpdiq1j/x8Nn0wiyd/jquery.masonry.min.js"></script>
  516. <script src="//static.tumblr.com/fpdiq1j/jpPn0wdlf/jquery.photosetgrid.min.js"></script>
  517. <script src="//static.tumblr.com/fpdiq1j/6oKn0wj7b/win98.js"></script>
  518. </head>
  519.  
  520. <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}">
  521. <div class="wrapper">
  522. <div class="icons">
  523. <a href="/" class="home">
  524. <div class="my_computer"></div>
  525. <div class="icon_label">{Title}</div>
  526. </a>
  527.  
  528. {block:AskEnabled}
  529. <a href="/ask" class="ask">
  530. <div class="my_documents"></div>
  531. <div class="icon_label">{AskLabel}</div>
  532. </a>
  533. {/block:AskEnabled}
  534.  
  535. {block:SubmissionsEnabled}
  536. <a href="/submit" class="submit">
  537. <div class="network_neighborhood"></div>
  538. <div class="icon_label">{SubmitLabel}</div>
  539. </a>
  540. {/block:SubmissionsEnabled}
  541.  
  542. {block:HasPages}
  543. {block:Pages}
  544. <a href="{URL}" class="pages">
  545. <div class="folder"></div>
  546. <div class="icon_label">{Label}</div>
  547. </a>
  548. {/block:Pages}
  549. {/block:HasPages}
  550.  
  551. <a href="/archive" class="archive">
  552. <div class="recycle_bin"></div>
  553. <div class="icon_label">{lang:Archive}</div>
  554. </a>
  555. </div>
  556. {block:IfDescriptionBox}
  557. {block:Description}
  558. <div class="description">
  559. <div class="top"></div>
  560. <div class="middle">
  561. {Description}
  562. <div class="ok_button"></div>
  563. </div>
  564. <div class="bottom"></div>
  565. </div>
  566. {/block:Description}
  567. {block:IfDescriptionBox}
  568. <div id="desktop" class="container">
  569. {block:Posts}
  570. <div class="window {PostType}{block:Photoset}set{/block:Photoset}">
  571. <a href="{Permalink}">
  572. <div class="top">
  573. {block:Date}
  574. <div class="info">
  575. {lang:Posted TimeAgo with NoteCount notes}
  576. </div>
  577. {/block:Date}
  578. </div>
  579. </a>
  580. <div class="middle">
  581. {block:Text}
  582. {block:Title}
  583. <div class="title">
  584. {Title}
  585. </div>
  586. {/block:Title}
  587. <div class="content">
  588. {Body}
  589. </div>
  590. {/block:Text}
  591.  
  592. {block:Photo}
  593. <div class="wrapper">
  594. {LinkOpenTag}
  595. <img src="{PhotoURL-500}" class="full_image" alt="{PhotoAlt}" />
  596. {LinkCloseTag}
  597. {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}
  598. </div>
  599. {block:Caption}
  600. <div class="content caption">
  601. {Caption}
  602. </div>
  603. {/block:Caption}
  604. {/block:Photo}
  605.  
  606. {block:Photoset}
  607. <div class="wrapper">
  608. <div class="photoset-grid" data-layout="{PhotosetLayout}" style="visibility: hidden;">
  609. {block:Photos}
  610. <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} />
  611. {/block:Photos}
  612. </div>
  613. </div>
  614. {block:Caption}
  615. <div class="content caption">
  616. {Caption}
  617. </div>
  618. {/block:Caption}
  619. {/block:Photoset}
  620.  
  621. {block:Quote}
  622. <div class="title">
  623. "{Quote}"
  624. </div>
  625. {block:Source}
  626. <div class="content body cf">
  627. <div class="dash">
  628. &mdash;
  629. </div>
  630. <div class="source">
  631. {Source}
  632. </div>
  633. </div>
  634. {/block:Source}
  635. {/block:Quote}
  636.  
  637. {block:Link}
  638. <a href="{URL}" class="title" {Target}>
  639. {Name} &rarr;
  640. </a>
  641. {block:Description}
  642. <div class="content body">
  643. {Description}
  644. </div>
  645. {/block:Description}
  646. {/block:Link}
  647.  
  648. {block:Chat}
  649. {block:Title}
  650. <div class="title">
  651. {Title}
  652. </div>
  653. {/block:Title}
  654. <div class="content body">
  655. {block:Lines}
  656. <div class="line">
  657. {block:Label}
  658. <strong>
  659. {Label}
  660. </strong>
  661. {/block:Label}
  662. <span class="text">
  663. {Line}
  664. <span>
  665. </div>
  666. {/block:Lines}
  667. </div>
  668. {/block:Chat}
  669.  
  670. {block:Video}
  671. <div class="video_player" data-from-page="{CurrentPage}">
  672. {VideoEmbed-400}
  673. </div>
  674. {block:Caption}
  675. <div class="content caption">
  676. {Caption}
  677. </div>
  678. {/block:Caption}
  679. {/block:Video}
  680.  
  681. {block:Audio}
  682. {block:AudioEmbed}
  683. <div data-from-page="{CurrentPage}">
  684. {AudioEmbed-400}
  685. </div>
  686. {/block:AudioEmbed}
  687. {block:AudioPlayer}
  688. {block:AlbumArt}
  689. <img src="{AlbumArtURL}" alt="Artwork" class="full_image" />
  690. {/block:AlbumArt}
  691. <div data-from-page="{CurrentPage}" style="height: 27px;">
  692. {AudioPlayer}
  693. </div>
  694. {/block:AudioPlayer}
  695. {block:Caption}
  696. <div class="content body">
  697. {Caption}
  698. </div>
  699. {/block:Caption}
  700. {/block:Audio}
  701.  
  702. {block:Answer}
  703. <div class="title">
  704. {lang:Asker asked 2}: {Question}
  705. </div>
  706. <div class="content body">
  707. {Answer}
  708. </div>
  709. {/block:Answer}
  710.  
  711. {block:Panorama}
  712. {LinkOpenTag}
  713. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" class="full_image" />
  714. {LinkCloseTag}
  715. {block:Caption}
  716. <div class="content caption">
  717. {Caption}
  718. </div>
  719. {/block:Caption}
  720. {/block:Panorama}
  721. {block:IfTagsOnIndex}
  722. {block:HasTags}
  723. <div class="tagged">
  724. {lang:Tagged}:
  725. {block:Tags}
  726. <a href="{TagURL}">#{Tag}</a><span class="hide_if_last">, </span>
  727. {/block:Tags}
  728. </div>
  729. {/block:HasTags}
  730. {/block:IfTagsOnIndex}
  731. </div>
  732. {block:PermalinkPage}
  733. {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}
  734. {block:IfNotTagsOnIndex}{block:HasTags}<div class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:IfNotTagsOnIndex}
  735. {block:PostNotes}
  736. <div class="notes">
  737. {PostNotes}
  738. </div>
  739. {/block:PostNotes}
  740. {/block:PermalinkPage}
  741. <div class="bottom"></div>
  742. </div>
  743. {/block:Posts}
  744. </div>
  745.  
  746. {block:Pagination}
  747. <div class="navigation cf" id="i_nav">
  748. {block:NextPage}
  749. <a class="next" id="i_next" href="{NextPage}">{lang:Next} &rarr;</a>
  750. {/block:NextPage}
  751. {block:PreviousPage}
  752. <a class="prev" href="{PreviousPage}">&larr; {lang:Previous}</a>
  753. {/block:PreviousPage}
  754. </div>
  755. {/block:Pagination}
  756. <div class="start_menu">
  757. </div>
  758. <div class="start_bar">
  759. <div class="top_border"></div>
  760. <div class="start_button">
  761. <span class="logo">
  762. </span>
  763. <span class="text">
  764. Start
  765. </span>
  766. </div>
  767. <span class="big_seperator">
  768. </span>
  769. <span class="small_seperator">
  770. </span>
  771. <span class="application_icons">
  772. </span>
  773. <span class="big_seperator">
  774. </span>
  775. <span class="small_seperator">
  776. </span>
  777. <div class="tray">
  778. <span class="calendar">
  779. </span>
  780. <span class="time" id="showClock">
  781. 00:00 AM
  782. </span>
  783. </div>
  784. </div>
  785. </div>
  786. </body>
  787. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement