emilycaldwell

nectar.html

Sep 25th, 2021 (edited)
1,222
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!------------------------------------------------------
  5.  
  6.      nectar @ wordbite
  7.    
  8.    - base code by sorrism
  9.    - no.js photosets by annasthms & espoirthemes
  10.    - scroll to top by paul underwood
  11.    - style my tooltips by malihu
  12.    - npf photoset fix by glenthemes
  13.    - timeAgo(); plugin by bychloethemes
  14.    - notecount shortener by shythemes
  15.    - smoothscroll by balazs galambosi
  16.    - outicons by anton saputro
  17.    - responsive iframes by nouvae
  18.    
  19. -------------------------------------------------------->
  20.  
  21. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. <title>{title} {block:TagPage}/ #{Tag}{/block:TagPage}{block:DayPage}/ @ {ShortMonth} {DayOfMonth}, {Year}{/block:DayPage} {block:PostSummary}/ {PostSummary}{/block:PostSummary}</title>
  25. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  26.  
  27. <meta name="image:Icon" content=""/>
  28.  
  29. <meta name="color:Background" content="#FFFFFF" />
  30. <meta name="color:Text" content="#000000" />
  31. <meta name="color:Links" content="#7B7B7B" />
  32. <meta name="color:Accent" content="#FCB3A8" />
  33. <meta name="color:Captions" content="#F8F8F8" />
  34. <meta name="color:Borders" content="#E2E2E2" />
  35.  
  36. <meta name="select:Icon Shape" content="5px" title="rounded" />
  37. <meta name="select:Icon Shape" content="50%" title="circle" />
  38. <meta name="select:Icon Shape" content="0px" title="square" />
  39.  
  40. <meta name="if:Right Sidebar" content="" />
  41. <meta name="if:Hide Caption Icons" content="" />
  42. <meta name="if:Rounded Posts" content="" />
  43.  
  44. <meta name="text:Title" content="" />
  45. <meta name="text:Description" content="" />
  46.  
  47. <meta name="text:Google Font" content="Nunito" />
  48.  
  49. <meta name="text:Font Size" content="13px" />
  50. <meta name="text:Post Width" content="540px" />
  51. <meta name="text:Sidebar Width" content="200px" />
  52. <meta name="text:Margin" content="150px" />
  53. <meta name="text:Photoset Gutter" content="3px" />
  54.  
  55. <meta name="text:Home Link" content="home" />
  56. <meta name="text:Ask Link" content="contact" />
  57. <meta name="text:Archive Link" content="archive" />
  58.  
  59. <meta name="text:Link 1 URL" content=""/>
  60. <meta name="text:Link 1" content=""/>
  61. <meta name="text:Link 2 URL" content=""/>
  62. <meta name="text:Link 2" content=""/>
  63. <meta name="text:Link 3 URL" content=""/>
  64. <meta name="text:Link 3" content=""/>
  65.  
  66. <!-- FONTS -->
  67.  
  68. <link href="https://fonts.googleapis.com/css?family={text:Google Font}:300,400,500,600,700|Karla:500" rel="stylesheet">
  69.  
  70. <!-- SCRIPTS -->
  71.  
  72. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  73. <link href='https://static.tumblr.com/m2fiocp/1fbqq9vgi/outicons.css' rel='stylesheet' type='text/css'>
  74. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  75. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  76. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  77. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  78.  
  79. <!--
  80.       NPF IMAGES READJUSTMENT | @glenthemes
  81.       v2.0 [last updated: 2021-03-03]
  82. -->
  83. <link href="//dl.dropbox.com/s/bnoj86mka0bkplb/npf-override.css" rel="stylesheet">
  84. <script src="//dl.dropbox.com/s/vwrm94pcg4c9e71/npf-evenize.js"></script>
  85.  
  86. <style type="text/css">
  87. :root {
  88.     --NPF-Image-Spacing:{text:photoset gutter};
  89.     --NPF-Bottom-Gap-From-Captions:1em;
  90. }
  91. </style>
  92.  
  93. <script>
  94. $(document).ready(function() {
  95.   var $audio = $('iframe.tumblr_audio_player');
  96.   $audio.load(function() {
  97.     $(this).contents().find('head').append('<style type="text/css">' +
  98.       '.audio-player { background: transparent; color: {color:text} !important; }' +
  99.       '.simple-player .audio-player { width:27px; }' +
  100.       '.audio-player .progress { display:none; }' +
  101.     '</style>');
  102.   });
  103. });
  104. </script>
  105.  
  106. <script>
  107. function gatherData(images, arr) {
  108.   for (let i = 0; i < images.length; i++) {
  109.    let currentData = {
  110.      "width": images[i].getAttribute('data-width'),
  111.      "height": images[i].getAttribute('data-height'),
  112.      "low_res": images[i].getAttribute('data-lowres'),
  113.      "high_res": images[i].getAttribute('data-highres')
  114.    };
  115.    arr.push(currentData);
  116.  }
  117. }
  118. function getIndex(elem) {
  119.  let i = 0;
  120.  while( (elem = elem.previousElementSibling) != null ) i++;
  121.  return i;
  122. }
  123. function lightbox(elem) {
  124.  let currentPhotoset = elem.parentNode;
  125.  let photosetPhotos = currentPhotoset.getElementsByTagName('div');
  126.  let data = [];
  127.  gatherData(photosetPhotos, data);
  128.  Tumblr.Lightbox.init(data, getIndex(elem) + 1);
  129. }
  130. </script>
  131.  
  132. <script>
  133. $(document).ready(function(){
  134.     $(window).scroll(function(){
  135.         if ($(this).scrollTop() > 100) {
  136.             $('.top').fadeIn();
  137.         } else {
  138.             $('.top').fadeOut();
  139.         }
  140.     });
  141.    
  142.     $('.top').click(function(){
  143.         $('html, body').animate({scrollTop : 0},800);
  144.         return false;
  145.     });
  146.    
  147. });
  148. </script>
  149.  
  150. <script>
  151. (function($){
  152.     $(document).ready(function(){
  153.         $("[title]").style_my_tooltips({
  154.         tip_follows_cursor:true,
  155.         tip_delay_time:30,
  156.         tip_fade_speed:300,
  157.         attribute:"title"
  158.         });
  159.     });
  160. })(jQuery);
  161. </script>
  162.  
  163. <script>
  164. $(document).ready(function(){
  165.     $(".drop-link").hide();
  166.         $(".drop-header").show();$('.drop-header').toggle(function(){
  167.             $(".drop-link").slideDown(function(){});
  168.                 },function(){
  169.             $(".drop-link").slideUp(function(){});
  170.         });
  171.     });
  172. </script>
  173.  
  174. <style type="text/css">
  175.  
  176. /* SELECTION */
  177.  
  178. ::-webkit-selection { background:{color:accent}; color:{color:background}; }
  179. ::-moz-selection{ background:{color:accent}; color:{color:background}; }
  180. ::selection { background:{color:accent}; color:{color:background}; }
  181.  
  182. ::marker { color:{color:accent}; }
  183.  
  184. /* LIGHTBOXES  */
  185.  
  186. .vignette, #vignette {
  187.     opacity:0;
  188. }
  189. .lightbox-image, #tumblr_lightbox img {
  190.     box-shadow:none!important;
  191.     border-radius:0!important;
  192.     max-width:none;
  193. }
  194.  
  195. .tmblr-lightbox, #tumblr_lightbox {
  196.     background-color:{color:background}D9!important;
  197. }
  198.  
  199. /* TOOLTIPS */
  200.  
  201. #s-m-t-tooltip {
  202.     position:absolute;
  203.     margin:1.4em;
  204.     text-transform:uppercase;
  205.     padding:1.1em;
  206.     border-radius:3px;
  207.     background:{color:accent};
  208.     color:{color:background};
  209.     letter-spacing:0.1em;
  210.     font:0.8em/0.8em karla, sans-serif;
  211.     font-weight:500;
  212. }
  213.  
  214. /* BASIC STYLES */
  215.  
  216. html {
  217.     -webkit-font-smoothing:antialiased;
  218.     -moz-osx-font-smoothing:grayscale;
  219. }
  220.  
  221. body {
  222.     font-family:'{text:google font}', sans-serif;
  223.     font-size:{text:font size};
  224.     line-height:2em;
  225.     letter-spacing:0.2px;
  226.     word-break:break-word;
  227.     background:{color:background};
  228.     color:{color:text};
  229. }
  230.  
  231. a {
  232.     cursor:help;
  233.     text-decoration:none;
  234.     color:{color:links};
  235.     transition:all 0.3s ease-in-out;
  236. }
  237.  
  238. a:hover {
  239.     color:{color:accent};
  240.     transition:all 0.3s ease-in-out;
  241. }
  242.  
  243. pre {
  244.     white-space:normal;
  245. }
  246.  
  247. small, big, sub, pre {
  248.     font-size:{text:font size}!important;
  249.     vertical-align:baseline!important;
  250. }
  251.  
  252. blockquote {
  253.     border-left:1px solid {color:borders};
  254.     margin:1.5em 0;
  255.     padding-left:1em;
  256. }
  257.  
  258. hr {
  259.     border:none;
  260.     box-shadow:0;
  261.     margin:2em 0;
  262.     width:100%;
  263.     border-top:1px solid {color:borders};
  264. }
  265.  
  266. ul { max-width:100%; list-style-type:circle; margin-left:-20px; }
  267. ol { max-width:100%; list-style-type:decimal-leading-zero; margin-left:-20px; }
  268.  
  269. /* FORMATTING */
  270.  
  271. section {
  272.     position:relative;
  273.     width:{text:post width};
  274.     margin:{text:margin} auto auto;
  275. }
  276.  
  277. .posts {
  278.     position:relative;
  279.     width:auto;
  280.     width:{text:post width};
  281.     margin:{text:margin} auto;
  282. }
  283.  
  284. aside {
  285.     position:fixed;
  286.     width:{text:sidebar width};
  287.     margin-left:calc(-{text:margin} + -{text:sidebar width});
  288.     margin-top:0;
  289.     text-align:right;
  290.     {block:ifRightSidebar}
  291.     margin-left:calc({text:margin} + {text:post width});
  292.     {/block:ifRightSidebar}
  293. }
  294.  
  295. /* SIDEBAR */
  296.  
  297. .icon {
  298.     display:block;
  299.     position:relative;
  300.     margin-bottom:1em;
  301. }
  302.  
  303. .icon img {
  304.     width:40px;
  305.     height:40px;
  306.     border-radius:{select:icon shape};
  307.     object-fit:cover;
  308. }
  309.  
  310. #blogtitle {
  311.     display:inline-block;
  312.     font-size:1.3em;
  313.     font-weight:bold;
  314.     line-height:1.2em;
  315.     color:{color:accent};
  316.     margin-bottom:1em;
  317. }
  318.  
  319. #blogtitle a { color:{color:accent}; }
  320. #blogtitle a:hover { color:{color:text}; }
  321.  
  322. #description { margin:0; margin-bottom:1em; }
  323. #description a { color:{color:accent}; }
  324. #description a:hover { color:{color:text}; }
  325.  
  326. nav a {
  327.     border:0;
  328. }
  329.  
  330. nav span {
  331.     display:block;
  332.     margin:0;
  333. }
  334.  
  335. /* TEXT */
  336.  
  337. .title { font-size:1.1em; line-height:1em; font-weight:bold; }
  338. .title, .title a {
  339.     color:{color:text};
  340. }
  341.  
  342. /* PHOTO & PHOTOSET */
  343.  
  344. .ph img,
  345. .tmblr-full img, figure, video, iframe,
  346. .video, .video iframe,
  347. figure.tmblr-embed.tmblr-full,
  348. figure.tmblr-embed.tmblr-full iframe  {
  349.    width:100%;
  350.     display:block;
  351.     {block:ifRoundedPosts}
  352.     border-radius:5px;
  353.     {/block:ifRoundedPosts}
  354. }
  355.  
  356. [photoset-layout] {
  357.   grid-gap:{text:photoset gutter};
  358. }
  359.  
  360. [photoset-layout] div {
  361.   cursor:help;
  362. }
  363.  
  364. {block:ifRoundedPosts}
  365. [photoset-layout] img {
  366.     border-radius:0;
  367. }
  368.  
  369. div[photoset-layout] {
  370.     border-radius:5px;
  371.     overflow:hidden;
  372. }
  373. {/block:ifRoundedPosts}
  374.  
  375. /* AUDIO */
  376.  
  377. .spotify_audio_player {
  378.     height:80px;
  379.     width:100%!important;
  380. }
  381.  
  382. .soundcloud_audio_player {
  383.     max-height:116px!important;
  384. }
  385.  
  386. .bandcamp_audio_player {
  387.     height:120px!important;
  388.     width:100%!important;
  389. }
  390.  
  391. .player {
  392.     display:inline-block;
  393.     width:27px;
  394.     padding-right:20px;
  395. }
  396.  
  397. .player-wrap {
  398.     display:flex;
  399.     align-items:center;
  400.     background:{color:captions};
  401.     padding:15px;
  402.     {block:ifRoundedPosts}
  403.     border-radius:5px;
  404.     {/block:ifRoundedPosts}
  405. }
  406.  
  407. .audio-info {
  408.     display:inline-block;
  409.     color:{color:text};
  410.     margin-right:5px;
  411.     width:fit-content;
  412.     line-height:1.75em;
  413. }
  414.  
  415. .track .oi, .artist .oi {
  416.     vertical-align:middle;
  417.     font-size:1.25em;
  418.     margin-left:0.75em;
  419. }
  420.  
  421. /* VIDEO */
  422.  
  423. .video, .tmblr-full > video {
  424.     width:{text:post width};
  425. }
  426.  
  427. /* QUOTE */
  428.  
  429. .quote {
  430.     font-size:1.2em;
  431.     font-weight:bold;
  432.     position:relative;
  433. }
  434.  
  435. .source {
  436.     margin-bottom:0.5em;
  437. }
  438.  
  439. /* CHAT */
  440.  
  441. .chat {
  442.     margin:0;
  443.     padding:0;
  444.     list-style:none;
  445. }
  446.  
  447. .label {
  448.     font-weight:bold;
  449. }
  450.  
  451. /* ASK */
  452.  
  453. .asker, .asker a {
  454.     line-height:1em;
  455.     font-weight:bold;
  456.     color:{color:text};
  457.     text-transform:lowercase;
  458.     border:0!important;
  459.     margin:0;
  460. }
  461.  
  462. .asker a:hover { color:{color:accent}; }
  463.  
  464. .question {
  465.     position:relative;
  466.     color:{color:text};
  467.     background:{color:captions};
  468.     padding:1em 1.5em;
  469.     margin:1em 0 2em;
  470.     border-radius:5px;
  471. }
  472.  
  473. .question:after {
  474.     display:block;
  475.     content:'';
  476.     position:absolute;
  477.     top:-10px;
  478.     left:15px;
  479.     width:0;
  480.     border-width:0px 10px 10px;
  481.     border-style:solid;
  482.     border-color:{color:captions} transparent;
  483. }
  484.  
  485. .question p:first-of-type {margin-top: 0;}
  486. .question p:last-of-type {margin-bottom: 0;}
  487.  
  488. /* CAPTION */
  489.  
  490. .caption {
  491.     list-style-type:none;
  492.     margin:2em 0 0;
  493.     background:{color:captions};
  494.     padding: 1.4em 1.2em 0.4em 1.8em;
  495.     {block:ifRoundedPosts}
  496.     border-radius:5px;
  497.     {/block:ifRoundedPosts}
  498. }
  499.  
  500. .user { display:inline-block; vertical-align:middle; font-weight:bold; }
  501. a.user { color:{color:text}; }
  502. a.user:hover { color:{color:accent}; }
  503. .user-icon {
  504.     {block:ifHideCaptionIcons}
  505.     display:none;
  506.     {/block:ifHideCaptionIcons}
  507.     vertical-align:middle;
  508.     margin-right:8px;
  509.     border-radius:50%;
  510.     width:20px;
  511.     height:20px;
  512. }
  513.  
  514. .deactive::after {
  515.     content:'(deactivated)';
  516.     margin-left:0.5em;
  517.     opacity:0.75;
  518.     color:{color:text};
  519. }
  520.  
  521. /* PERMALINK */
  522.  
  523. .post-info {
  524.     display:flex;
  525.     align-items:center;
  526.     justify-content:space-between;
  527.     margin-top:15px;
  528.     color:{color:links};
  529. }
  530.  
  531. .left .oi {
  532.     margin-right:5px;
  533.     vertical-align:baseline;
  534. }
  535.  
  536. .date {
  537.     margin-left:12px;
  538. }
  539.  
  540. .date:first-of-type {
  541.     margin-left:0;
  542. }
  543.  
  544. .date a {
  545.     color:{color:links};
  546. }
  547.  
  548. .date a:hover {
  549.     color:{color:accent};
  550. }
  551.  
  552. .date .oi {
  553.     font-size:1.3em;
  554. }
  555.  
  556. .likeb {
  557.     position: relative;
  558.     display: inline-block;
  559. }
  560.  
  561. .likeb .like_button iframe {
  562.     position: absolute;
  563.     cursor: help;
  564.     top: 0;
  565.     left: 0;
  566.     bottom: 0;
  567.     right: 0;
  568.     z-index: 2;
  569.     opacity: 0;
  570. }
  571.  
  572. .like_button iframe {width: 100% !important; height: 100% !important;}
  573. .likeb .liked + .actual-button {color: {color:accent};}
  574.  
  575. .pinned-post { margin-bottom:-15px; font-weight:bold; }
  576. .pinned-post a {
  577.     color:{color:text};
  578. }
  579.  
  580. .pinned-post a:hover {
  581.     color:{color:accent};
  582. }
  583.  
  584. .tags { display:block; margin-top:5px; margin-left:-3px; line-height:2em; font-style:italic; }
  585. .tags a { display:inline-block; margin-right:8px; white-space:normal; }
  586.  
  587. /* notes */
  588. ol.notes { padding:0; display:block; }
  589. .notes img, .notes-source img { display:inline-block; vertical-align:middle; width:20px; border-radius:50%; margin-right:1em; }
  590. li.note { display:block; margin:0 0 0 20px; padding:1em 0; border-top:1px solid {color:borders}; width:100%; }
  591. .notes-source { padding:1em 0; border-bottom:1px solid {color:borders}; }
  592. .notes-date { padding-top:1em; }
  593. .notes-date:before { content:''; background:{color:accent}; display:inline-block; vertical-align:middle; width:20px; height:20px; border-radius:50%; margin-right:1em; }
  594. li.note blockquote { padding:0 0 0 1em; margin:0.5em 0 0.5em 0.5em; }
  595. a.more_notes_link,.notes_loading { color:{color:text}; text-transform:lowercase; font-weight:bold; text-align:left!important; }
  596. a.more_notes_link:hover { color:{color:accent}; }
  597. .more_notes_link,.notes_loading {
  598.     display:inline-block;
  599.     width:inherit;
  600.     margin-top:0em;
  601. }
  602.  
  603. .more_notes_link:before,.notes_loading:before { content:''; background:{color:accent}; display:inline-block; vertical-align:middle; width:20px; height:20px; border-radius:50%; margin-right:1em; }
  604.  
  605. /* PAGINATION  */
  606.  
  607. footer { display:flex; align-items:center; justify-content:space-between; margin:{text:margin} 0; }
  608.  
  609. footer .oi {
  610.     font-size:1.5em;
  611. }
  612.  
  613. /* CUSTOM CSS */
  614.  
  615. {CustomCSS}
  616.  
  617. /* MEDIA QUERIES */
  618.  
  619. @media only screen and (max-width:1100px) {
  620.     section, .posts, aside {
  621.         width:{text:post width};
  622.         margin:{text:margin} auto;
  623.     }
  624.    
  625.     aside {
  626.         position:relative;
  627.         width: {text:post width};
  628.         margin:0 auto;
  629.         text-align:center;
  630.     }
  631.    
  632.     nav span {
  633.         display:inline-block;
  634.         margin:0 0.5em;
  635.     }
  636. }
  637.  
  638. @media only screen and (max-width: 720px) {
  639.     section, .posts, aside, footer {
  640.         width:80vw;
  641.         margin:100px auto;
  642.     }
  643.    
  644.     .video, .tmblr-full > video {
  645.         width:80vw;
  646.     }
  647.    
  648.     .audio-info {
  649.         width:calc(80vw - 80px);
  650.         white-space:nowrap;
  651.         overflow:hidden;
  652.         text-overflow:ellipsis;
  653.     }
  654.  
  655.     .iframe-controls--phone-mobile {display: none!important;}
  656.     .tmblr-iframe-pushdown {padding-top: 0!important;}
  657.     .tmblr-iframe--app-cta-button {display: none!important;}
  658. }
  659.  
  660. /* CREDIT */
  661.  
  662. .credit .oi,.top .oi { font-size:21px; margin:0; }
  663. .top { left:1em; bottom:1em; display:none; }
  664. .credit { bottom:1em; right:1em; }
  665.  
  666. .top, .credit {
  667.     position:fixed;
  668.     line-height:1em;
  669.     padding:5px;
  670.     background-color:{color:background};
  671.     border-radius:3px;
  672. }
  673.  
  674. </style>
  675. </head>
  676. <body>
  677.  
  678. <section id="entries">
  679.  
  680. <aside>
  681.     {block:ifIconImage}
  682.     <div class="icon"><img src="{image:Icon}"></div>
  683.     {/block:ifIconImage}
  684.     {block:ifTitle}
  685.     <div id="blogtitle"><a href="/">{text:Title}</a></div>
  686.     {/block:ifTitle}
  687.     {block:ifDescription}
  688.     <div id="description">{text:Description}</div>
  689.     {/block:ifDescription}
  690.     <nav>
  691.     {block:ifHomeLink}<span><a href="/">{text:home link}</a></span>{/block:ifHomeLink}
  692.     {block:ifAskLink}<span><a href="/ask">{text:ask link}</a></span>{/block:ifAskLink}
  693.     {block:ifArchiveLink}<span><a href="/archive">{text:archive link}</a></span>{/block:ifArchiveLink}
  694.     {block:ifLink1}<span><a class="drop-header" href="#">more</a></span>
  695.             <div class="drop-link">
  696.                 <span><a href="{text:Link 1 URL}">{text:Link 1}</a></span>{/block:ifLink1}
  697.                 {block:ifLink2}<span><a href="{text:Link 2 URL}">{text:Link 2}</a></span>{/block:ifLink2}
  698.                 {block:ifLink3}<span><a href="{text:Link 3 URL}">{text:Link 3}</a></span>{/block:ifLink3}
  699.                 {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  700.             </div>
  701.     </nav>
  702. </aside>
  703.  
  704. {block:posts}
  705.     <div class="posts {block:caption}captioned{/block:caption}" post-type="{PostType}">
  706.  
  707. <!-- {block:NoRebloggedFrom}
  708. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  709. {/block:NoRebloggedFrom} -->    
  710. {block:ContentSource}<!-- {SourceURL}
  711. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  712. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  713. {/block:ContentSource}
  714.  
  715. {block:Quote}
  716. {block:Source}<div class="source">{source} said:</div>{/block:Source}
  717. <div class="quote">{quote}</div>
  718. {/block:Quote}
  719.  
  720. {block:Text}
  721. {block:Title}<div class="title">{Title}</div>{/block:Title}
  722. {block:RebloggedFrom}
  723.     {block:Reblogs}
  724.         <li class="caption">
  725.         <img src="{PortraitURL-64}" class="user-icon">
  726.             <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user {block:IsDeactivated}deactive{/block:IsDeactivated}" target="_blank">{username}</a>
  727.             <div class="comment">{body}</div>
  728.         </li>
  729.     {/block:Reblogs}
  730. {/block:RebloggedFrom}
  731. {block:NotReblog}
  732.     <li class="caption">
  733.         <div class="comment">{body}</div>
  734.     </li>
  735. {/block:NotReblog}
  736. {/block:Text}
  737.  
  738. {block:Link}
  739. <a class="link" href="{URL}">
  740.     <span>{name} <i class="oi oi-link"></i></span>
  741. </a>
  742. {block:Excerpt}<div>{Excerpt}</div>{/block:Excerpt}
  743.     {block:NotReblog}
  744.         <div class="caption">
  745.             <div class="comment">{description}</div>
  746.         </div>
  747.     {/block:NotReblog}
  748. {/block:Description}
  749. {block:RebloggedFrom}
  750.     {block:Reblogs}
  751.         <li class="caption">
  752.         <img src="{PortraitURL-64}" class="user-icon">
  753.             <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user {block:IsDeactivated}deactive{/block:IsDeactivated}" target="_blank">{username}</a>
  754.             <div class="comment">{body}</div>
  755.         </li>
  756.     {/block:Reblogs}
  757. {/block:RebloggedFrom}
  758. {/block:Link}
  759.  
  760. {block:Chat}
  761. {block:Title}<div class="title">{Title}</div>{/block:Title}
  762. <ol class="chat text">
  763. {block:Lines}
  764. <li class="line {Alt}">
  765. {block:Label}<span class="label">{Label}</span>{/block:Label}
  766. {Line}
  767. </li>
  768. {/block:Lines}
  769. </ol>
  770. {/block:Chat}
  771.  
  772. <div class="ph">
  773.  
  774. {block:Photo}
  775. <a class="photo" 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 src="{PhotoURL-HighRes}"></a>
  776. {/block:Photo}
  777.  
  778. {block:Photoset}
  779. <div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>
  780. {/block:Photoset}
  781.  
  782. {block:Video}
  783. <div class="video">{Video-500}</div>
  784. {/block:Video}
  785.  
  786. </div>
  787.  
  788. {block:Audio}
  789. <div class="audio">
  790.     <div class="player-wrap">
  791.         <div class="player">
  792.             {block:AudioPlayer}
  793.                 {AudioPlayer}
  794.             {/block:AudioPlayer}
  795.         </div>
  796.         <div class="audio-info">
  797.             <div class="track">{block:TrackName}<strong>{TrackName}</strong>{/block:TrackName}</div>
  798.             <div class="artist">{block:Artist}{Artist}{/block:Artist}</div>
  799.         </div>
  800.     </div>
  801. </div>
  802. {/block:Audio}
  803.  
  804. {block:caption}
  805.     {block:Reblogs}
  806.         <li class="caption">
  807.         <img src="{PortraitURL-64}" class="user-icon">
  808.             <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user {block:IsDeactivated}deactive{/block:IsDeactivated}" target="_blank">{username}</a>
  809.             <div class="comment">{body}</div>
  810.         </li>
  811.     {/block:Reblogs}
  812.     {block:NotReblog}
  813.         <li class="caption">
  814.             <div class="comment">{caption}</div>
  815.         </li>
  816.     {/block:NotReblog}
  817. {/block:caption}
  818.  
  819. {block:Answer}
  820. <div class="q">
  821.     <span class="asker"><a>{asker}</a></span>
  822.     <div class="question">{question}</div>
  823. </div>
  824. {block:Answerer}
  825.     <div class="comment">
  826.         <div class="asker">{answerer}</div>
  827.         {answer}
  828.     </div>
  829. {/block:Answerer}
  830. {block:NotReblog}
  831.     <div class="comment">
  832.         {replies}
  833.     </div>
  834. {/block:NotReblog}
  835. {block:RebloggedFrom}
  836.     {block:Reblogs}
  837.         <div class="comment">
  838.             <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="asker" target="_blank">{username}</a>
  839.             {body}
  840.         </div>
  841.     {/block:Reblogs}
  842. {/block:RebloggedFrom}
  843. {/block:Answer}
  844.  
  845. {block:Date}
  846. {block:PinnedPostLabel}
  847.     <div class="pinned-post"><a href="{Permalink}" title="view post">pinned post</a></div>
  848.     {/block:PinnedPostLabel}
  849. <div class="post-info">
  850.     <div class="left">
  851.     {block:NoteCount}
  852.     <span class="date"><i class="oi oi-bookmark"></i><a href="{Permalink}" class="notecount">{NoteCount} notes</a></span>
  853.     {/block:NoteCount}
  854.     <span class="date"><i class="oi oi-time"></i><a href="{Permalink}" class="time-ago">{Timestamp}</a></span>
  855.     </div>
  856.     <div class="right">
  857.         <span class="date"><a href="{ReblogURL}"><i class="oi oi-refresh"></i></a></span>
  858.     <span class="date"><a class="likeb" href="#">{LikeButton}<span class="actual-button"><i class="oi oi-heart"></i></span></a></span>
  859.     </div>
  860. </div>
  861. {block:HasTags}
  862. <div class="tags">
  863.    {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  864. </div>
  865. {/block:HasTags}
  866. {/block:Date}
  867.  
  868. </div>
  869.  
  870. {block:PostNotes}
  871. <article class="posts">
  872.     <div class="pagenotes">
  873.         {block:NotReblog}
  874.         <div class="notes-source"><img src="{PortraitURL-24}">original post by <a href="{ReblogParentURL}">{Name}</a></div>
  875.     {/block:NotReblog}
  876.     {block:RebloggedFrom}
  877.         <div class="notes-source"><img src="{ReblogParentPortraitURL-24}">reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a></div>
  878.         {block:ContentSource}
  879.         <div class="notes-source"><img src="{ReblogRootPortraitURL-24}">originally by <a href="{ReblogRootURL}">{ReblogRootName}</a></div>
  880.         {/block:ContentSource}
  881.     {/block:RebloggedFrom}
  882.     </div>
  883.     <div class="notes-date">posted at <a href="{Permalink}">{12Hour}:{Minutes}:{Seconds} {CapitalAmPm}</a> on <a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}{DayOfMonthSuffix} {Year}</a>
  884.     </div>
  885.     {PostNotes}
  886. </article>
  887. {/block:PostNotes}
  888.  
  889. {/block:Posts}
  890.  
  891. {block:Pagination}
  892. <footer>
  893. {block:PreviousPage}
  894.     <span><a href="{PreviousPage}"><i class="oi oi-chevron-left"></i></a></span>
  895. {/block:PreviousPage}
  896.     <span>{CurrentPage} / {TotalPages}</span>
  897. {block:NextPage}
  898.     <span><a href="{NextPage}"><i class="oi oi-chevron-right"></i></a></span>
  899. {/block:NextPage}
  900. </footer>
  901. {/block:Pagination}
  902.  
  903. </section>
  904.  
  905. <script type="text/javascript" src="https://static.tumblr.com/i5s2zks/9Acok8oo2/bct-timeago.min.js"></script>
  906. <script>
  907. $('section').find('.notecount').each(function(){
  908.    var n = $(this).html().split(' ')[0].replace(/,/g, '');
  909.    if (n > 999) {
  910.        n = Math.floor(n / 100) / 10;
  911.        $(this).text(n + 'k notes');
  912.    }
  913. });
  914.  
  915. $(".time-ago").timeAgo({
  916.     time: "word",
  917.     spaces: true,
  918.     words: false,
  919.     suffix: "ago",
  920. });
  921. </script>
  922.  
  923. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  924. <script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
  925.  
  926. <script>
  927. $(document).ready(function() {
  928.   flexibleFrames($(".video"));
  929. });
  930. </script>
  931.  
  932. </body>
  933.  
  934. <a href="#" title="back to top" class="top"><i class="oi oi-arrow-up"></i></a>
  935.  
  936. <div class="credit"><a href="https://wordbite.tumblr.com" title="nectar @ wordbite"><i class="oi oi-smile"></i></a></div>
  937.  
  938. </html>
RAW Paste Data