API tools faq
paste
Advertisement
jiyoones

callyope recent

jiyoones
Dec 13th, 2019
535
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.92 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!--
  5. clear
  6.  
  7. @odeysseus
  8.  
  9. - credits listed at odeysseus.tumblr.com/credit
  10. - if you've turned on the 'long sidebar' option, search for "start editing" to add tags and links
  11. -->
  12.  
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  16.  
  17. <title>{Title}</title>
  18.  
  19. <!--metas-->
  20.  
  21. <meta name="color:background" content="#fff"/>
  22. <meta name="color:container background" content="#fafafa"/>
  23. <meta name="color:text" content="#676767"/>
  24. <meta name="color:link" content="#aaa"/>
  25. <meta name="color:accent" content="#bebcbc"/>
  26.  
  27. <meta name="if:hide caption" content="0"/>
  28. <meta name="if:infinite scroll" content="0"/>
  29. <meta name="if:load more" content="0"/>
  30. <meta name="if:long sidebar" content="0"/>
  31. <meta name="if:scroll to top" content="0"/>
  32. <meta name="if:show tags" content="0"/>
  33.  
  34. <meta name="text:link 1 url" content=""/>
  35. <meta name="text:link 1" content=""/>
  36. <meta name="text:link 2 url" content=""/>
  37. <meta name="text:link 2" content=""/>
  38. <meta name="text:link 3 url" content=""/>
  39. <meta name="text:link 3" content=""/>
  40. <meta name="text:link 4 url" content=""/>
  41. <meta name="text:link 4" content=""/>
  42. <meta name="text:link 5 url" content=""/>
  43. <meta name="text:link 5" content=""/>
  44. <meta name="text:font size" content="11px"/>
  45.  
  46.  
  47. <meta name="select:font" content="Source Sans Pro"/>
  48. <meta name="select:font" content="Mako"/>
  49. <meta name="select:font" content="Open Sans"/>
  50. <meta name="select:font" content="Source Serif Pro"/>
  51. <meta name="select:font" content="Merriweather"/>
  52. <meta name="select:font" content="PT Sans"/>
  53. <meta name="select:font" content="Georgia"/>
  54.  
  55. <meta name="select:post width" content="300px"/>
  56. <meta name="select:post width" content="330px"/>
  57. <meta name="select:post width" content="350px"/>
  58. <meta name="select:post width" content="380px"/>
  59. <meta name="select:post width" content="400px"/>
  60. <meta name="select:post width" content="450px"/>
  61. <meta name="select:post width" content="500px"/>
  62.  
  63. <!--font-->
  64.  
  65. <link href='https://fonts.googleapis.com/css?family={select:font}:300,300italic,400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  66.  
  67.  
  68. <!--videos-->
  69.  
  70. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  71.  
  72. <style type="text/css">
  73.  
  74. @-webkit-keyframes fadein {
  75. 0% {opacity: 0;}
  76. 50% { opacity: 0; }
  77. 100% { opacity: 1; }
  78. }
  79.  
  80. @-moz-keyframes fadein {
  81. 0% { opacity: 0; }
  82. 50% { opacity: 0; }
  83. 100% { opacity: 1; }
  84. }
  85.  
  86. @keyframes fadein {
  87. 0% { opacity: 0; }
  88. 50% { opacity: 0; }
  89. 100% { opacity: 1; }
  90. }
  91.  
  92.  
  93. ::-webkit-scrollbar{
  94. height:3px;
  95. width:1px;
  96. background:#fff;
  97. }
  98.  
  99. ::-webkit-scrollbar-thumb {background:rgba({RGBcolor:accent},0.5);border:6px solid #fff;}
  100. ::-webkit-scrollbar-track {background:#eee;border:6px solid #fff};}
  101.  
  102. ::-moz-selection{ background: #eee; color:#777;}
  103. ::selection { background:#eee; color:#777; }
  104.  
  105. iframe#tumblr_controls, iframe.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop,iframe.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;-moz-transition: .4s ease-in-out;-o-transition: .4s ease-in-out; }
  106.  
  107. iframe#tumblr_controls:hover, iframe.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop:hover,iframe.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop:hover { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1; }
  108.  
  109.  
  110. #s-m-t-tooltip{
  111. position:absolute;
  112. margin:15px;
  113. max-width:250px;
  114. z-index:9999;
  115. color:{color:accent};
  116. background:#fff;padding:1px 3px;
  117. border:1px solid #eee;
  118. }
  119.  
  120. blockquote {
  121. padding:0!important;margin:0!important;
  122. }
  123.  
  124. pre {
  125. white-space: pre-wrap; /* CSS 3 */
  126. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  127. white-space: -pre-wrap; /* Opera 4-6 */
  128. white-space: -o-pre-wrap; /* Opera 7 */
  129. word-wrap: break-word; /* Internet Explorer 5.5+ */
  130. color:#666;
  131. font-family:consolas;
  132. }
  133.  
  134.  
  135. body {
  136. background:{color:background};
  137. color:{color:text};
  138. font-family:'{select:font}',sans-serif;
  139. font-weight:400;
  140. font-size:{text:font size};
  141. text-align:left;
  142. letter-spacing:0.5px;
  143. line-height:180%;
  144. -moz-osx-font-smoothing:grayscale;
  145. -webkit-font-smoothing:antialiased;
  146. font-smoothing:antialiased;
  147. }
  148.  
  149.  
  150. a {
  151. color:{color:link};
  152. text-decoration:none;
  153. cursor:help;
  154. }
  155.  
  156. a, aside img {
  157. transition:0.25s ease-in-out;
  158. -webkit-transition:0.25s ease-in-out;
  159. -moz-transition:0.25s ease-in-out;
  160. }
  161.  
  162. a:hover {
  163. text-decoration:none;
  164. color:#333;
  165. }
  166.  
  167. b,strong {
  168. font-weight:normal;
  169. color:#333;
  170. }
  171.  
  172. img{
  173. opacity:1;
  174. border:none;
  175. text-decoration:none;
  176.  
  177. }
  178.  
  179.  
  180. small {
  181. font-size:calc({text:font size} - 0.5px);
  182. }
  183.  
  184. big {
  185. font-size:calc({text:font size} + 0.5px);
  186. }
  187.  
  188.  
  189. h1,h2,h3,h4,h5,h6 {
  190. padding:0;margin:0;margin-bottom:10px;
  191. font-size:14px;color:{color:accent};font-weight:400;
  192. }
  193.  
  194.  
  195. .posts {
  196. position:relative;
  197. margin-top:110px;
  198. width:{select:post width};
  199. -webkit-animation-name: fadein;-webkit-animation-duration: .5s;
  200.  
  201. }
  202. .posts:first-of-type { margin-top:0; }
  203.  
  204.  
  205. .entries {
  206. margin:0px;width:{select:post width};
  207. -webkit-animation-name: fadein;-webkit-animation-duration: 1s;
  208.  
  209. }
  210.  
  211. .stuff {
  212. margin:80px auto;
  213. padding:20px;background:{color:container background};
  214. width:calc({select:post width} + 50px + 200px);
  215. }
  216. aside {
  217. width:200px;margin-left:calc({select:post width} + 50px);position:fixed;
  218. }
  219. aside img {
  220. display:block;width:100px;height:auto;border-radius:3px;margin-bottom:5px;cursor:help;
  221. }
  222.  
  223. .d {
  224. margin-top:10px;
  225. }
  226. aside img:hover {
  227. opacity:.5;
  228. }
  229. aside h8 a {
  230. margin-top:13px;
  231. font-size:11px;color:{color:accent};
  232. display:block;
  233. letter-spacing:1.5px;
  234. }
  235. .caption {
  236. margin-top:10px;
  237. {block:ifhidecaption}
  238. {block:indexpage}
  239. display:none;
  240. {/block:indexpage}
  241. {/block:ifhidecaption}
  242. }
  243.  
  244. .posts img, .posts li, .posts blockquote {
  245. max-width: 100%;
  246. }
  247.  
  248. .ia a:hover:before {
  249. width:0;
  250. }
  251.  
  252. .posts ul li {
  253. list-style:square;color:#888;font-style:none;
  254. }
  255.  
  256.  
  257. .tags a {
  258. text-transform:none;letter-spacing:0px;
  259. border:none;
  260. margin:0px 2px;
  261. }
  262.  
  263.  
  264. .notes {
  265. margin-top:15px;
  266. }
  267.  
  268. ol.notes {
  269. padding:0;
  270. list-style-type:none;
  271. font-style:normal;
  272. }
  273.  
  274.  
  275. ol.notes li.note {
  276. padding:2px;
  277. font-style:normal;
  278. }
  279.  
  280.  
  281. .notes_loading, .more_notes_link {
  282. font-weight:bold;float:left;
  283. text-align:left!important;
  284. text-transform:lowercase;
  285. }
  286.  
  287. .notes img {
  288. display:none!important;
  289. }
  290. ol.notes li.note span.action {
  291. font-weight:none;
  292. }
  293.  
  294. ol.notes li.note .answer_content {
  295. font-weight:normal;
  296. }
  297.  
  298. ol.notes li.note blockquote {
  299. padding:4px 10px;
  300. margin:5px 0px 0px 15px;
  301. }
  302.  
  303. ol.notes li.note blockquote a {
  304. text-decoration:none;
  305. }
  306.  
  307. blockquote img {
  308. max-width:250px!important;
  309. height:auto;
  310. }
  311.  
  312. .quote {
  313. text-transform:lowercase;
  314. font-size:14px;
  315. color:#666;
  316. line-height:200%;
  317. }
  318.  
  319. .quotesource,.quotesource b { color:#888; }
  320.  
  321. .quotesource a.tumblr_blog {
  322. margin:0;
  323. }
  324.  
  325.  
  326. .chat {
  327. line-height:20px;
  328. list-style:none;
  329. }
  330.  
  331. .line.odd {
  332. margin-bottom:2px;
  333. background:#fafafa;
  334. padding:3px;
  335. list-style:none;
  336. }
  337.  
  338. .line.even {
  339. margin-bottom:2px;
  340. padding:3px;
  341. list-style:none;
  342. }
  343.  
  344. .label {
  345. padding-right:1px;
  346. color:#444;
  347. }
  348.  
  349. .asker { font-style:normal; } .asker a { color:#444; }
  350. .asker a:hover { color:{color:accent}; }
  351. .asker a:after {content:' sent:';}
  352. .question {
  353. font-style:italic;margin-bottom:-10px;padding-bottom:10px;border:1px solid #eee;padding:10px;}
  354. .player {
  355. display:inline-block;
  356. width:50px;
  357. background:#fafafa;
  358. height:50px;
  359. border-radius:100%;
  360. overflow:hidden;margin-bottom:-5px;
  361. }
  362.  
  363. .audio_d { float:right;margin-top:15px;}
  364. .tumblr_audio_player { background:#fafafa!important; }
  365. .tumblr_audio_player {
  366. width:40px;
  367. margin:10px 7px;
  368. height:40px;
  369. overflow:hidden;
  370. }
  371.  
  372. #cred {
  373. bottom:7px;
  374. position:fixed;
  375. right:17px;
  376. }
  377.  
  378. .sc {
  379. bottom:29px;
  380. font-size:10px;
  381. letter-spacing:1px;
  382. right:15px;text-align:right;
  383. position:fixed;
  384. display:none;
  385.  
  386. cursor:help;
  387. }
  388.  
  389. .sc a { cursor:help;}
  390.  
  391. #vignette,.vignette { opacity:0!important; }
  392. .lightbox-image,#tumblr_lightbox img { box-shadow: none !important; border-radius:0 !important;}
  393. #tumblr_lightbox,.tmblr-lightbox { background:rgba(255,255,255,.99)!Important; }
  394. #tumblr_lightbox_left_link, #tumblr_lightbox_right_link { visibility: hidden; }
  395.  
  396. .lightbox-caption,#tumblr_lightbox_caption { opacity:0; }
  397.  
  398.  
  399. #pagination {
  400. word-spacing:7px;
  401. margin-top:60px;
  402. margin-left:194px;
  403. margin-bottom:-60px;
  404. width:200px;
  405. text-align:center;
  406. {block:ifinfinitescroll}display:none;{/block:ifinfinitescroll}
  407. }
  408.  
  409. #pagination a { margin:0px 5px; }
  410. .current_page { margin:0px 5px;padding:3px 6px;border:1px solid #eee;border-radius:100%;font-weight:700;color:{color:accent}; }
  411.  
  412. #infscr-loading { display:none!Important; }
  413.  
  414. footer {
  415.  
  416. width:{select:post width};
  417. margin:40px 0px;
  418. padding:7px;
  419. text-align:center;
  420. }
  421.  
  422. a#more {
  423. position:relative;
  424. text-align:center;
  425. }
  426.  
  427. .tumblr_parent { border:none;margin:0;padding:2px;display:block;}
  428. .tumblr_blog { position:relative;top:5px;border-bottom:1px solid #eee;}
  429. a.tumblr_blog {color:{color:accent};}
  430. a.tumblr_blog:hover { color:#444;border-bottom:1px solid {color:accent};}
  431. .tumblr_avatar,.asker img { width:15px;height:15px;border-radius:3px;margin:0px 5px -9px 0px;}
  432. .asker img { margin:0px 5px -4px 0px }
  433.  
  434. .inf {
  435. text-transform:lowercase;
  436. margin-top:5px;
  437. }
  438.  
  439. nav {
  440. padding-top:10px;margin-top:10px;border-top:1px solid #eee;
  441. }
  442.  
  443. nav a,nav b {
  444. width:49%;display:inline-block;
  445. }
  446. .small a { width:32%; }
  447.  
  448.  
  449. .search .query {
  450. border: 0;
  451. outline: 0;
  452. font-family: inherit;
  453. font-size: 10px;
  454. letter-spacing:0.5px;
  455.  
  456. width:100%;
  457. color: inherit;
  458.  
  459. }
  460.  
  461. ::-webkit-input-placeholder {color: inherit;}
  462. :-moz-placeholder {color: inherit; opacity:1;}
  463. ::-moz-placeholder {color: inherit; opacity:1;}
  464. :-ms-input-placeholder {color: inherit;}
  465.  
  466. input:focus::-webkit-input-placeholder {color: transparent;}
  467. input:focus:-moz-placeholder {color: transparent;}
  468. input:focus::-moz-placeholder {color: transparent;}
  469. input:focus:-ms-input-placeholder { color: transparent;}
  470.  
  471. iframe.tmblr-iframe {
  472. z-index:99999999999999!important;
  473. top:0!important;
  474. right:0!important;
  475. opacity:0;
  476. padding-right:41px;
  477. /* delete from here */
  478. filter:invert(1);
  479. -webkit-filter:invert(1);
  480. -o-filter:invert(1);
  481. -moz-filter:invert(1);
  482. -ms-filter:invert(1);
  483. /* to here if your blog has a dark background */
  484. transform:scale(0.6);
  485. transform-origin:100% 0;
  486. -webkit-transform:scale(0.6);
  487. -webkit-transform-origin:100% 0;
  488. -o-transform:scale(0.6);
  489. -o-transform-origin:100% 0;
  490. -moz-transform:scale(0.6);
  491. -moz-transform-origin:100% 0;
  492. -ms-transform:scale(0.6);
  493. -ms-transform-origin:100% 0;}
  494.  
  495. iframe.tmblr-iframe:hover {
  496. opacity:0.6!important;}
  497.  
  498. .hcontrols {
  499. position:fixed;
  500. top:0;
  501. right:0;
  502. z-index:999999999;}
  503.  
  504. .hcontrols svg {
  505. width:14px;
  506. height:14px;
  507. padding:9px;}
  508.  
  509. .hcontrols svg path {
  510. fill:#888888;/* change this to change the color of the links */}
  511.  
  512. .hcontrols svg path {
  513. fill:#cccccc;/* change this to change the color of the links on hover */}
  514. </style>
  515.  
  516. <!--scripts-->
  517.  
  518. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  519. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  520.  
  521. <script>
  522. (function($){
  523. $(document).ready(function(){
  524. $("a[title]").style_my_tooltips({
  525. tip_follows_cursor:true,
  526. tip_delay_time:30,
  527. tip_fade_speed:300,
  528. attribute:"title"
  529. });
  530. });
  531. })(jQuery);
  532. </script>
  533.  
  534. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  535. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  536. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  537. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  538.  
  539. <script>
  540. $(document).ready(function(){
  541. $('.photo-slideshow').pxuPhotoset({
  542. lightbox: true,
  543. rounded: false,
  544. gutter: '3px',
  545. borderRadius: '0px',
  546. photoset: '.photo-slideshow',
  547. photoWrap: '.photo-data',
  548. photo: '.pxu-photo'
  549. });
  550. $('iframe.tumblr_audio_player').load( function() {
  551. $('iframe.tumblr_audio_player').contents().find("head")
  552. .append($("<style type='text/css'> .audio-player{background:#fafafa !important} </style>"));
  553. });
  554. $(window).scroll(function(){
  555. if ($(this).scrollTop() > 100) {
  556. $('.sc').fadeIn();
  557. } else {
  558. $('.sc').fadeOut();
  559. }
  560. });
  561. //Click event to scroll to top
  562. $('.sc').click(function(){
  563. $('html, body').animate({scrollTop : 0},800);
  564. return false;
  565. });
  566. });
  567. </script>
  568.  
  569. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  570.  
  571. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  572. <script> $(function(){ $('.posts').unnest({
  573. yourCaption: ".caption,.cap",
  574. wrapName: ".tumblr_parent",
  575. newCaptionUsername: true,
  576. {block:IndexPage}
  577. originalPostCaptionUsername: true,
  578. {/block:IndexPage}
  579. tumblrAvatars: true,
  580. tumblrAvatarClass: ".tumblr_avatar",
  581. usernameColon: false
  582. }); }); </script>
  583.  
  584. </head>
  585.  
  586. <body>
  587.  
  588.  
  589. <div class="stuff">
  590. <aside>
  591. <a href="/"><img src="https://static.tumblr.com/wdc9mus/lKnpzqkei/1v3sb.gif"/></a>
  592. <h8><a href="/">
  593.  
  594. <span style='color: #a6e0ff'>g</span><span style='color: #acdef9'>o</span><span style='color: #b2ddf3'>o</span><span style='color: #b9dced'>d</span><span style='color: #bfdbe7'>b</span><span style='color: #c5dae2'>y</span><span style='color: #ccd9dc'>e</span><span style='color: #d2d8d6'> </span><span style='color: #d8d6d0'>w</span><span style='color: #dfd5ca'>i</span><span style='color: #e5d4c5'>n</span><span style='color: #ebd3bf'>t</span><span style='color: #f2d2b9'>e</span><span style='color: #f8d1b3'>r</span>
  595.  
  596.  
  597.  
  598. </a></h8>
  599.  
  600. <div class="d">
  601.  
  602. jiyoon. <a href="/works">editor</a>. personal blog.<br>
  603. <i> i wish for you to <a href="https://open.spotify.com/album/7vIUunVE4NWLS0uq9X9o5f">smile</a>, as if time has stopped. </i>★ <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5224532";
  604. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  605. fhs.src = "//freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  606. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  607. </script>
  608. </div>
  609. {block:ifnotlongsidebar}
  610. <nav class="small">
  611. <a href="/ask">message</a>
  612. <a href="/about">about</a>
  613. <a href="/tagged/gifs">my gifs</a>
  614. <a href="/tagged/tr">translations</a>
  615. <a href="/nav">links</a>
  616. <a href="https://twitter.com/starwonu">twitter</a>
  617. </nav>
  618. {/block:ifnotlongsidebar}
  619. {block:iflongsidebar}
  620. <nav>
  621. <b>links</b>
  622. <a href="/">home</a>
  623. <a href="/ask">message</a>
  624. <a href="/about">about</a>
  625.  
  626. <a href="/archive">past</a>
  627. <a href="https://twitter.com/lunarkjd">twitter</a>
  628. </nav>
  629. <!--start editing-->
  630.  
  631. <!--example tags section-->
  632. <nav>
  633. <b>personal</b>
  634. <a href="/tagged/gifs">my gifs</a>
  635. <a href="/works">works</a>
  636. <a href="/tagged/ask">replies</a>
  637. </nav>
  638. <!--end example tags section-->
  639.  
  640.  
  641. <!--end example tags section-->
  642.  
  643. <!--end editing-->
  644.  
  645. <nav><form action="/search" method="get" class="search">
  646. <input type="text" name="q" value="{SearchQuery}" class="query" placeholder="search">
  647. </form></nav>
  648. {/block:iflongsidebar}
  649.  
  650. </aside>
  651. <div class="entries">
  652. {block:Posts}
  653. <div class="posts">
  654.  
  655. {block:Text}
  656. <div class="q">
  657. {block:Title}<h1>{Title}</h1>{/block:Title}
  658. <div class="txt cap">{Body}</div></div>{/block:Text}
  659.  
  660. {block:Photo}
  661. <div class="q">
  662. {LinkOpenTag}<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img style="margin-bottom:-5px" src="{PhotoURL-HighRes}"></a></div>{LinkCloseTag}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  663. {/block:Photo}
  664.  
  665. {block:Photoset}<div class="q"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>{/block:Photoset}
  666.  
  667.  
  668. {block:Quote}
  669. <div class="q txt">
  670. <div class="quote">{Quote}</div>
  671. {block:Source}<div class="quotesource">{Source}</div>{/block:Source}
  672. </div>{/block:Quote}
  673.  
  674.  
  675. {block:Link}
  676. <div class="q txt">
  677. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  678. {block:Description}{Description}{/block:Description}
  679. </div>
  680. {/block:Link}
  681.  
  682.  
  683. {block:Chat}
  684. <div class="q txt">
  685. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  686. </div>
  687. {/block:Chat}
  688.  
  689.  
  690. {block:Audio}
  691. <div class="q txt">
  692. {block:AudioPlayer}
  693. <div class="player"> {AudioPlayerWhite}</div>
  694. <div class="audio_d">
  695. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}
  696. {block:Artist} : {Artist} {/block:Artist}</div>
  697. {/block:AudioPlayer}
  698.  
  699. {block:Caption}
  700. <div class="caption">{Caption}</div>
  701. {/block:Caption}
  702. </div>
  703. {/block:Audio}
  704.  
  705.  
  706. {block:Video}
  707. <div class="q">
  708. <div class="video iframe">{Video-500}</div>
  709. <div class="caption">
  710. {block:Caption}{Caption}{/block:Caption}
  711. </div>
  712. </div>
  713. {/block:Video}
  714.  
  715.  
  716. {block:Answer}
  717. <div class="q txt">
  718. <div class="question"> <div class="asker"><img src="{AskerPortraitURL-64}"/> {asker}</div> {Question}</div><br>
  719. <div class="answer">
  720. {Answer}</div>
  721. </div>
  722. {/block:Answer}
  723.  
  724. {block:date}
  725. <div class="inf">
  726. {block:indexpage}
  727. <a title="{TimeAgo}" href="{Permalink}">{DayOfWeek} : {Month} {DayOfMonthWithZero}{DayOfMonthSuffix}</a>
  728.  
  729. {block:ifshowtags}
  730. {block:HasTags}
  731. <div class="tags">
  732. {block:Tags}
  733. <a href="{TagURL}">#{Tag}</a>
  734. {/block:Tags}
  735. </div>
  736. {/block:HasTags}{/block:ifshowtags} {/block:indexpage}
  737.  
  738.  
  739. {block:PermalinkPage}posted on {DayOfWeek}, {TimeAgo}, at {12HourWithZero}:{Minutes}{CapitalAmPm}
  740. {block:RebloggedFrom} <br>
  741. via <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource}; source <a href="{ReblogRootURL}" >{ReblogRootName}</a>
  742. {/block:ContentSource}
  743. {/block:RebloggedFrom}
  744. {block:HasTags}<br>
  745. <div class="tags">
  746. {block:Tags}
  747. <a href="{TagURL}">#{Tag}</a>
  748. {/block:Tags}
  749. </div>
  750. {/block:HasTags}
  751. {/block:PermalinkPage}
  752. </div>
  753. {/block:date}
  754.  
  755.  
  756. {block:PostNotes}
  757.  
  758. {PostNotes}
  759. {/block:PostNotes}
  760.  
  761.  
  762.  
  763. </div>
  764.  
  765.  
  766.  
  767.  
  768. {/block:Posts}
  769.  
  770.  
  771. </div>
  772. {block:ifloadmore}{block:indexpage}
  773. <footer>
  774. <a id="more" style="cursor:help">load more posts</a>
  775. </footer>
  776. {/block:indexpage}{/block:ifloadmore}
  777. {block:Pagination}
  778. <div id="pagination">
  779. {block:previouspage}
  780. <a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  781. {block:JumpPagination length="3"}{block:CurrentPage}
  782. <span class="current_page">{PageNumber}</span>
  783. {/block:CurrentPage}{block:JumpPage}
  784.  
  785. <a class="jump_page" href="{URL}">{PageNumber}</a>
  786. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  787. <a class="next" href="{NextPage}">next</a>
  788. {/block:nextpage}
  789. </div>
  790. {/block:Pagination}
  791. </div>
  792.  
  793. </div>
  794.  
  795. {block:ContentSource}
  796.  
  797. <!– {SourceURL}{block:SourceLogo}<img src=“{BlackLogoURL}”
  798.  
  799. width=“{LogoWidth}” height=“{LogoHeight}” alt=“{SourceTitle}” />
  800.  
  801. {/block:SourceLogo}
  802.  
  803. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} –>
  804.  
  805. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  806.  
  807. <div id="cred"><a href="https://odeysseus.tumblr.com">O</a></div>
  808. {block:ifscrolltotop}
  809. <div class="sc"> <a href="#">scroll to top</a></div>
  810. {/block:ifscrolltotop}
  811.  
  812. {block:indexpage}{block:ifinfinitescroll}
  813. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  814. {/block:ifinfinitescroll}<script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>{/block:indexpage}
  815.  
  816. <script>
  817. $(document).ready(function(){
  818. var $container = $('.entries');
  819. $container.masonry({
  820. itemSelector: '.posts',
  821. });
  822. $container.imagesLoaded(function(){
  823. $container.masonry();
  824. });
  825. {block:ifinfinitescroll}
  826. $container.infinitescroll({
  827. itemSelector: '.posts',
  828. navSelector: '#pagination',
  829. nextSelector: '.next',
  830. loadingImg: '',
  831. loadingText: '',
  832. doneText: 'no more posts',
  833. bufferPx: 2000,
  834. {block:ifloadmore}
  835. errorCallback: function () {
  836. jQuery ('a#more').delay(50).fadeOut();
  837. $('.posts').last().after($('a#more'));
  838. }
  839. {/block:ifloadmore}
  840. },
  841. function( newElements ) {
  842. var $newElems = $( newElements );
  843. $newElems.find('.photo-slideshow').pxuPhotoset({
  844. lightbox: true,
  845. rounded: false,
  846. gutter: '1px',
  847. photoset: '.photo-slideshow',
  848. photoWrap: '.photo-data',
  849. photo: '.pxu-photo'
  850. })
  851. resizeVideos();
  852. $newElems.unnest({
  853. yourCaption: ".caption,.cap",
  854. wrapName: ".tumblr_parent",
  855. newCaptionUsername: true,
  856. originalPostCaptionUsername: true,
  857. tumblrAvatars: true,
  858. tumblrAvatarClass: ".tumblr_avatar",
  859. usernameColon: false
  860. });
  861. $newElems.find('iframe.tumblr_audio_player').load( function() {
  862. $('iframe.tumblr_audio_player').contents().find("head")
  863. .append($("<style type='text/css'> .audio-player{background:#fafafa !important} </style>"));
  864. });
  865. $newElems.imagesLoaded(function(){
  866. $newElems.animate({ opacity: 1 });
  867. $container.masonry( 'appended', $newElems, true );
  868. });
  869.  
  870. });
  871. {block:ifloadmore}
  872. $(window).unbind('.infscr');
  873. $('a#more').click(function(){
  874. $container.infinitescroll('retrieve');return false;
  875. $('.posts').last().after($('a#more'));
  876. });
  877. {/block:ifloadmore}
  878. {/block:ifinfinitescroll}
  879. });
  880. </script>
  881. <div class="hcontrols"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/></svg></div>
  882. </body>
  883.  
  884. </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!