API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 2nd, 2023
152
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.82 KB | None | 0 0
raw download clone embed print report
  1. <div style="display: flex; align-items: center; justify-content: center;">
  2. <html lang="en">
  3. <head>
  4.  
  5. <!--
  6. Designed by
  7.  
  8. _|_|_| _|_| _|_|_|_| _|_| _| _|_|
  9. _| _| _|_|_|_| _| _|_|_|_| _|_|
  10. _| _| _| _| _| _|
  11. _|_|_| _|_|_| _|_| _|_|_| _|
  12. _|
  13. _|
  14.  
  15. _| _| _|
  16. _| _| _|_|_| _|_|_| _|_|_|
  17. _| _| _| _| _| _| _| _| _| _|
  18. _| _| _| _| _| _| _| _| _| _|
  19. _| _| _|_|_| _|_|_| _| _| _|
  20.  
  21. "Linear"
  22. Found at Tumblr's theme garden.
  23. https://www.tumblr.com/theme/5136
  24. -->
  25.  
  26. <meta https-equiv="Content-Type" content="text/html; charset=utf-8">
  27. <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PostSummary} ({PostSummary}){/block:PostSummary}</title>
  28. <meta name="description" content="{block:IndexPage}{block:Description}{MetaDescription}{/block:Description}{/block:IndexPage}{block:PermalinkPage}{PostSummary}{/block:PermalinkPage}" />
  29. <meta name="author" content="Peter Vidani">
  30. <meta name="viewport" content="width=1000" />
  31.  
  32. <meta name="color:Accent" content="#7cc0b0">
  33. <meta name="text:Disqus Shortname" content="" />
  34. <meta name="if:Show RSS Link" content="1" />
  35. <meta name="if:Show Archive Link" content="1" />
  36. <meta name="if:Show Likes Link" content="1" />
  37. <meta name="if:Show Notes" content="1" />
  38. <meta name="if:Streampad" content="0">
  39. <meta name="if:Endless scrolling" content="0">
  40.  
  41. <link rel="shortcut icon" href="{Favicon}" />
  42. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  43.  
  44. <link rel="stylesheet" href="https://static.tumblr.com/thpaaos/DIcklyl4z/reset.css" type="text/css">
  45. <link rel="stylesheet" href="https://static.tumblr.com/thpaaos/3zykurl3i/jquery.fancybox-1.2.6.css" type="text/css">
  46.  
  47. <style type="text/css">
  48. body {
  49. color: #202020;
  50. line-height: 21px;
  51. background: white;
  52. -webkit-text-stroke: 1px transparent;
  53. }
  54.  
  55.  
  56. @media only screen and (max-device-width: 480px) {
  57. body {
  58. -webkit-text-stroke: 0 black;
  59. }
  60. }
  61.  
  62. *:active, *:focus { outline-width: 0px; }
  63. .content p, .content h1, .content h2, .content h3, .content h4, .content blockquote, .content ul, .content ol, ol.notes li, ol.notes blockquote, .content li, .content img, .content table { margin: 0 0 12px 0; }
  64. a { text-decoration: none; }
  65. a img { border-width: 0px; }
  66.  
  67. em { font-style: italic; }
  68. strong { font-weight: bold; }
  69.  
  70. iframe#tumblr_controls { top: 8px !important; }
  71.  
  72. a.install {
  73. width: 96px;
  74. height: 20px;
  75. background: url(https://static.tumblr.com/thpaaos/dHHkt0jor/install_theme.png);
  76. display: block;
  77. position: absolute;
  78. top: 34px;
  79. right: 3px;
  80. }
  81.  
  82. .border {
  83. height: 8px;
  84. background: #444;
  85. }
  86.  
  87. .container {
  88. width: 685px;
  89. padding: 0 0 30px 0;
  90. }
  91.  
  92. .column.left {
  93. width: 160px;
  94. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  95. font-size: 12px;
  96. text-align: right;
  97. float: left;
  98. }
  99.  
  100. .column.left a {
  101. color: #a8a8a8;
  102. }
  103. .column.left a:hover {
  104. color: {color:Accent};
  105. }
  106.  
  107. .column.left a.home {
  108. color: #fff;
  109. font-size: 13px;
  110. font-weight: bold;
  111. text-transform: uppercase;
  112. background: {color:Accent};
  113. margin: 91px 0 0 0;
  114. padding: 2px 10px;
  115. display: block;
  116. }
  117. .column.left a.home:hover {
  118. color: #fff;
  119. }
  120.  
  121. li.post .column.left span {
  122. color: {color:Accent};
  123. font-weight: bold;
  124. }
  125.  
  126. li.post {
  127. overflow: hidden;
  128. list-style-type: none;
  129. }
  130.  
  131. .column.right {
  132. width: 500px;
  133. font-family: Lucida, Georgia, "Times New Roman", Times, serif;
  134. font-size: 14px;
  135. float: right;
  136. }
  137.  
  138. .column.right .static {
  139. min-height: 22px;
  140. border-bottom: 1px solid #e1e1e1;
  141. margin: 30px 0 20px 0;
  142. padding: 0 0 20px 0;
  143. }
  144.  
  145. .column.right .static a {
  146. color: #a8a8a8;
  147. font-size: 11px;
  148. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  149. }
  150.  
  151. {block:IfNotShowLikesLink}
  152. .column.right .static a.likes {
  153. display: none;
  154. }
  155. {/block:IfNotShowLikesLink}
  156.  
  157. .column.right .description {
  158. border-bottom: 3px double #e1e1e1;
  159. border-style: double;
  160. margin: 0 0 30px 0;
  161. padding: 0 0 20px 0;
  162. }
  163.  
  164. {block:Twitter}.column.right .description { padding: 0 0 8px 0 !important; }{/block:Twitter}
  165.  
  166. .column.right .description .twitter {
  167. border-top: 1px dotted #e8e8e8;
  168. margin: 20px 0 0 0;
  169. padding: 20px 0 12px 0;
  170. }
  171.  
  172. .column.right .description .twitter .username {
  173. margin: 0 7px 0 0;
  174. float: left;
  175. }
  176.  
  177. .column.right .description .twitter ul#twitter {
  178. margin: 0;
  179. padding: 0;
  180. float: left;
  181. }
  182.  
  183. .column.right .description .twitter li {
  184. list-style-type: none;
  185. }
  186.  
  187. li.post .column.right .content {
  188. padding: 0 0 18px 0;
  189. }
  190.  
  191. .container ul.allposts .postwrapper .divider {
  192. width: 500px;
  193. border-bottom: 1px solid #e8e8e8;
  194. margin: 0 0 30px 185px;
  195. clear: both;
  196. }
  197.  
  198. {block:IfNotEndlessScrolling}
  199. .container ul.allposts .postwrapper:last-child .divider {
  200. border-bottom: 3px double #e8e8e8;
  201. margin: 0 0 20px 185px !important;
  202. }
  203. {/block:IfNotEndlessScrolling}
  204.  
  205. li.post .column.right .content .clear {
  206. clear: both;
  207. }
  208.  
  209. .column.right a {
  210. color: {color:Accent};
  211. }
  212. .column.right a:hover {
  213. text-decoration: underline;
  214. }
  215.  
  216. .column.right h2 {
  217. font-size: 18px;
  218. letter-spacing: 1px;
  219. line-height: 24px;
  220. }
  221.  
  222. .column.right h2 a.title {
  223. color: #202020;
  224. }
  225.  
  226. .column.right h2 a span,
  227. a.home span {
  228. font-family: "Lucida Grande";
  229. }
  230.  
  231. .column.right img {
  232. max-width: 100%;
  233. }
  234.  
  235. .column.right blockquote {
  236. font-size: 13px;
  237. border-left: 1px dotted #e1e1e1;
  238. padding: 0 0 0 20px;
  239. }
  240.  
  241. .column.right pre {
  242. font: normal normal normal 11px/normal Courier;
  243. background: #e6e6e6;
  244. padding: 10px;
  245. margin: 0 0 12px 0;
  246. }
  247.  
  248. .column.right small {
  249. color: #a8a8a8;
  250. font-size: 11px;
  251. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  252. }
  253.  
  254. .column.right small a {
  255. color: #a8a8a8;
  256. }
  257.  
  258. .column.right small a:hover {
  259. color: #757575;
  260. text-decoration: none;
  261. }
  262.  
  263. .column.right small.high_res {
  264. text-align: right;
  265. margin: 0 0 12px 0;
  266. display: block;
  267. }
  268.  
  269. .column.right small a .download {
  270. width: 11px;
  271. height: 9px;
  272. background: url(https://static.tumblr.com/thpaaos/jSTkv2d7l/icon_high_resolution.png) no-repeat;
  273. margin: 0 0 0 3px;
  274. display: inline-block;
  275. }
  276.  
  277. table.chat {
  278. width: 100%;
  279. margin: 0 0 3px 0;
  280. border-collapse: collapse;
  281. }
  282.  
  283. h2 + table.chat {
  284. margin: 0 0 14px 0 !important;
  285. }
  286.  
  287. table.chat tr td {
  288. padding: 3px 10px;
  289. }
  290.  
  291. table.chat tr td.name {
  292. font-weight: bold;
  293. text-align: right;
  294. vertical-align: top;
  295. }
  296.  
  297. table.chat tr td.line1 {
  298. background: #F2F2F2;
  299. }
  300.  
  301. .album_case {
  302. width: 205px;
  303. height: 193px;
  304. background: url(https://static.tumblr.com/thpaaos/zXnkx16pe/album_case.png);
  305. margin: 0 45px 30px 0;
  306. position: relative;
  307. z-index: 10;
  308. float: left;
  309. }
  310.  
  311. img.album_art {
  312. max-width: 188px !important;
  313. margin: 3px 0 0 -250px;
  314. position: relative;
  315. left: 15px;
  316. z-index: 9;
  317. float: left;
  318. }
  319.  
  320. .audio .audio_player {
  321. width: 207px;
  322. opacity: 80%;
  323. -webkit-opacity: 0.8;
  324. -moz-opacity: 0.8;
  325. display: inline-block;
  326. }
  327.  
  328. .audio small {
  329. display: block;
  330. }
  331.  
  332. ol.notes {
  333. border-bottom: 1px dotted #e8e8e8;
  334. margin: 0 0 30px 0;
  335. padding: 0 0 30px 0;
  336. }
  337.  
  338. ol.notes img {
  339. display: none;
  340. }
  341.  
  342. ol.notes li {
  343. list-style-type: none;
  344. }
  345.  
  346.  
  347. .navigation {
  348. border-bottom: 1px dotted #e8e8e8;
  349. margin: 0 0 30px 0;
  350. padding: 0 0 20px 0;
  351. overflow: hidden;
  352. }
  353.  
  354. .navigation .count {
  355. float: left;
  356. }
  357.  
  358. .navigation .links {
  359. width: 200px;
  360. float: right;
  361. }
  362.  
  363. .navigation.permalink .links {
  364. width: 100%;
  365. overflow: hidden;
  366. }
  367.  
  368. .navigation .links a.right {
  369. float: right;
  370. }
  371.  
  372. .navigation .links a.left {
  373. float: left;
  374. }
  375.  
  376. .loading_posts {
  377. width: 24px;
  378. height: 24px;
  379. background: url(https://static.tumblr.com/thpaaos/395kv2j3s/ajax-loader.gif);
  380. position: fixed;
  381. bottom: 30px;
  382. left: 725px;
  383. }
  384.  
  385. #disqus_thread {
  386. border-bottom: 1px solid #e8e8e8;
  387. margin: 0 0 30px 0;
  388. padding: 0 0 30px 0;
  389. }
  390.  
  391. #streampadAudioCaption,
  392. #streampadPlayerClickToPlay {
  393. font-size: 11px !important;
  394. font-weight: normal !important;
  395. }
  396.  
  397. #streampadProfileButton,
  398. #streamPadFullScreenButton,
  399. #streampadPlayerBorderNum1,
  400. #streampadPlayerBorderNum2,
  401. #streampadPlayerBorderNum3 { display: none !important; }
  402.  
  403. {CustomCSS}
  404. </style>
  405.  
  406. {block:IfEndlessScrolling}
  407. {block:IndexPage}
  408. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  409. <script type="text/javascript" src="https://static.tumblr.com/thpaaos/sZQkv2j7g/infinitescroll.js"></script>
  410. <script type="text/javascript">
  411. var jQis = jQuery.noConflict();
  412. jQis(function($){
  413. // Infinite Scroll plugin
  414. // copyright: Paul Irish &amp; dirkhaim
  415. // license: cc-wrapped GPL : https://creativecommons.org/licenses/GPL/2.0/
  416. $('ul.allposts').infinitescroll({
  417. debug : false,
  418. nextSelector : "div.navigation a.right",
  419. loadingImg : "https://kiske.jp/tumblr/loader.gif",
  420. text : "",
  421. donetext : "{lang:No more posts}.",
  422. navSelector : "div.navigation",
  423. contentSelector : "ul.allposts",
  424. itemSelector : "ul.allposts > .postwrapper"
  425. });
  426. });
  427. </script>
  428. {/block:IndexPage}
  429. {/block:IfEndlessScrolling}
  430. </head>
  431. <body>
  432. <div class="border"></div>
  433.  
  434. <a href="https://www.tumblr.com/theme/5136" class="install"></a>
  435.  
  436. <div class="container">
  437. <div class="column right">
  438. <div class="static">
  439. {block:HasPages}
  440. {block:Pages}<a href="{URL}">{Label}</a>&nbsp;&nbsp;&nbsp;{block:Pages}
  441. {/block:HasPages}
  442. {block:AskEnabled}<a href="/ask">{AskLabel}</a>&nbsp;&nbsp;&nbsp;{/block:AskEnabled}
  443. {block:SubmissionsEnabled}<a href="/submit">{SubmitLabel}</a>&nbsp;&nbsp;&nbsp;{/block:SubmissionsEnabled}
  444. {block:IfShowRSSLink}<a href="{RSS}">{lang:RSS}</a>&nbsp;&nbsp;&nbsp;{/block:IfShowRSSLink}
  445. {block:IfShowArchiveLink}<a href="/archive">{lang:Archive}</a>&nbsp;&nbsp;&nbsp;{/block:IfShowArchiveLink}
  446. {block:Likes}<a href="https://www.tumblr.com/liked/by/{Name}" class="likes">{lang:Likes}</a>{/block:Likes}
  447. </div>
  448. </div>
  449.  
  450. <div class="header">
  451. <div class="column left">
  452. <a href="/" class="home">{Title} <span>&rarr;</span></a>
  453. </div>
  454.  
  455. <div class="column right">
  456. <div class="description">
  457. {Description}
  458. </div>
  459. </div>
  460. <div style="clear:both"></div>
  461. </div>
  462.  
  463. <ul class="allposts">
  464. {block:Posts}
  465. <div class="postwrapper">
  466. <li class="post">
  467. <div class="column left">
  468. <a href="{Permalink}">{TimeAgo}{block:IfShowNotes}{block:NoteCount} ({NoteCountWithLabel}){/block:NoteCount}{/block:IfShowNotes}</a><br />
  469.  
  470. {block:Date}
  471. {block:IfDisqusShortname}
  472. <a href="{Permalink}#disqus_thread"></a><br />
  473. {block:IfDisqusShortname}
  474. {/block:Date}
  475.  
  476. {block:HasTags}
  477. <div class="tags" style="margin: 0 0 30px 0">
  478. {block:Tags}
  479. <a href="{TagURL}"><span>#</span>{Tag}</a><br />
  480. {/block:Tags}
  481. </div>
  482. {/block:HasTags}
  483. </div>
  484.  
  485. <div class="column right">
  486. <div class="content">
  487. {block:Photo}
  488. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" {block:HighRes}style="margin: 0 0 2px 0"{/block:HighRes}>{LinkCloseTag}
  489. {block:HighRes}<small class="high_res"><a href="{PhotoURL-HighRes}" target="_blank">{lang:View high resolution} <div class="download"></div></a></small>{/block:HighRes}
  490. {block:Caption}<p>{Caption}</p>{/block:Caption}
  491. {/block:Photo}
  492.  
  493. {block:Photoset}
  494. {Photoset-500}
  495. {block:Caption}<p>{Caption}</p>{/block:Caption}
  496. {/block:Photoset}
  497.  
  498. {block:Video}
  499. {Video-500}
  500. {block:Caption}<p>{Caption}</p>{/block:Caption}
  501. {/block:Video}
  502.  
  503. {block:Audio}
  504. {block:AlbumArt}
  505. <div class="album_case"></div>
  506. <img src="{AlbumArtURL}" class="album_art" />
  507. {/block:AlbumArt}
  508.  
  509. <div class="audio">
  510. {AudioPlayerGrey}
  511.  
  512. <small>{PlayCountWithLabel}{block:ExternalAudio}&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="{ExternalAudioURL}">{lang:Download} <div class="download"></div></a>{/block:ExternalAudio}</small>
  513. {block:Caption}<p>{Caption}</p>{/block:Caption}
  514. </div>
  515. {/block:Audio}
  516.  
  517. {block:Link}
  518. <h2><a href="{URL}" {Target}>{Name} <span>&rarr;</span></a></h2>
  519. {block:Description}<p>{Description}</p>{/block:Description}
  520. {/block:Link}
  521.  
  522. {block:Quote}
  523. <h2>"{Quote}"</h2>
  524. {block:Source}<p>{Source}</p>{/block:Source}
  525. {/block:Quote}
  526.  
  527. {block:Text}
  528. {block:Title}<h2><a href="{Permalink}" class="title">{Title}</a></h2>{/block:Title}
  529. <p>{Body}
  530. {block:More}
  531. <small><a href="{Permalink}">{lang:Read more}</a></small>
  532. {/block:More}
  533. </p>
  534. {/block:Text}
  535.  
  536. {block:Chat}
  537. {block:Title}<h2><a href="{Permalink}" class="title">{Title}</a></h2>{/block:Title}
  538. <table class="chat" cellspacing="0">
  539. {block:Lines}
  540. <tr>
  541. {block:Label}<td class="name line{UserNumber}">{Label}</td>{block:Label}<td class="words line{UserNumber}">{Line}</td>
  542. </tr>
  543. {/block:Lines}
  544. </table>
  545. {/block:Chat}
  546.  
  547. <div class="clear"></div>
  548. </div>
  549.  
  550. {block:PermalinkPage}<div class="divider" style="margin: 0 0 20px 0 !important"></div>{/block:PermalinkPage}
  551.  
  552. {block:PermalinkPagination}
  553. <div class="navigation permalink">
  554. <div class="links">
  555. {block:PreviousPost}<a href="{PreviousPost}" class="right">{lang:Next post}</a>{/block:PreviousPost}
  556. {block:NextPost}<a href="{NextPost}" class="left">{lang:Previous}</a>{/block:NextPost}
  557. </div>
  558. </div>
  559. {/block:PermalinkPagination}
  560.  
  561. {block:IfDisqusShortname}
  562. {block:Permalink}
  563. <div id="disqus_thread"></div>
  564. <script type="text/javascript" src="https://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
  565. <noscript><a href="https://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
  566. {/block:Permalink}
  567. {/block:IfDisqusShortname}
  568.  
  569. {block:IfShowNotes}{PostNotes}{/block:IfShowNotes}
  570. </div>
  571. </li>
  572. {block:IndexPage}<div class="divider"></div>{/block:IndexPage}
  573. </div>
  574. {/block:Posts}
  575. </ul>
  576.  
  577.  
  578. {block:Pagination}
  579. <div class="column right">
  580. <div class="navigation">
  581. <div class="count">
  582. {lang:CurrentPage of TotalPages}
  583. </div>
  584.  
  585. <div class="links">
  586. {block:NextPage}<a href="{NextPage}" class="right">{lang:Next page}</a>{/block:NextPage}
  587. {block:PreviousPage}<a href="{PreviousPage}" class="left">{lang:Previous}</a>{/block:PreviousPage}
  588. </div>
  589. </div>
  590. </div>
  591. {/block:Pagination}
  592.  
  593. <div class="column right">
  594. <small>Theme: <a href="https://www.tumblr.com/theme/5136">Linear</a> by <a href="https://petervidani.com">Peter Vidani</a></small>
  595. </div>
  596.  
  597. <div style="clear:both"></div>
  598. </div>
  599.  
  600. {block:IfStreampad}
  601. <script type="text/javascript" src="https://o.aolcdn.com/art/merge?f=/_media/sp/sp-player.js&f=/_media/sp/sp-player-tumblr.js&expsec=86400&ver=11&bgcolor=#ffffff&trackcolor=#666666&clicktext=Play audio tracks&showpop=false&progressfrontcolor=#202020&progressbackcolor=ffffff&showplaylistbutton=false&showvolumebutton=false&btncolor=black-white"></script>
  602. {block:IfStreampad}
  603.  
  604. {block:Twitter}
  605. <script src="https://static.tumblr.com/thpaaos/ZCdkl306g/twitter.js" type="text/javascript"></script>
  606. <script src="https://twitter.com/statuses/user_timeline/{TwitterUsername}.json?callback=twitterCallback2&count=1" type="text/javascript"></script>
  607. {/block:Twitter}
  608.  
  609. {block:IfDisqusShortname}
  610. <script type="text/javascript">
  611. //<![CDATA[
  612. (function() {
  613. var links = document.getElementsByTagName('a');
  614. var query = '?';
  615. for(var i = 0; i < links.length; i++) {
  616. if(links[i].href.indexOf('#disqus_thread') >= 0) {
  617. query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
  618. }
  619. }
  620. document.write('<script charset="utf-8" type="text/javascript" src="https://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
  621. })();
  622. //]]>
  623. </script>
  624. {/block:IfDisqusShortname}
  625. </body>
  626. </html>
  627. </div>
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!