emilycaldwell

atlantis.html

Sep 25th, 2021
1,326
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!------------------------------------------------------
  5.  
  6.     atlantis @ wordbite
  7.    
  8.    - no.js photosets by annasthms & espoirthemes
  9.    - scroll to top by paul underwood
  10.    - style my tooltips by malihu
  11.    - npf photoset fix by glenthemes
  12.    - timeAgo(); plugin by bychloethemes
  13.    - notecount shortener by shythemes
  14.    - smoothscroll by balazs galambosi
  15.    - outicons by anton saputro
  16.    - responsive iframes by nouvae
  17.    
  18. -------------------------------------------------------->
  19.  
  20. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. <title>{title} {block:TagPage}/ #{Tag}{/block:TagPage}{block:DayPage}/ @ {ShortMonth} {DayOfMonth}, {Year}{/block:DayPage} {block:PostSummary}/ {PostSummary}{/block:PostSummary}</title>
  24. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  25.  
  26. <meta name="image:Sidebar" content=""/>
  27.  
  28. <meta name="color:Background" content="#FFFFFF" />
  29. <meta name="color:Text" content="#000000" />
  30. <meta name="color:Links" content="#7B7B7B" />
  31. <meta name="color:Accent" content="#638CC7" />
  32. <meta name="color:Borders" content="#EEEEEE" />
  33.  
  34. <meta name="if:Hover Tags" content="" />
  35. <meta name="if:Updates Tab" content="" />
  36.  
  37. <meta name="text:Title" content="" />
  38. <meta name="text:Description" content="" />
  39.  
  40. <meta name="text:Google Font" content="Open Sans" />
  41.  
  42. <meta name="text:Font Size" content="13px" />
  43. <meta name="text:Post Width" content="540px" />
  44. <meta name="text:Sidebar Width" content="200px" />
  45. <meta name="text:Margin" content="150px" />
  46. <meta name="text:Photoset Gutter" content="2px" />
  47.  
  48. <meta name="text:Home Link" content="home" />
  49. <meta name="text:Ask Link" content="contact" />
  50. <meta name="text:Archive Link" content="archive" />
  51. <meta name="text:Navigation Link" content="navigate" />
  52.  
  53. <meta name="text:Link 1 URL" content=""/>
  54. <meta name="text:Link 1" content=""/>
  55. <meta name="text:Link 2 URL" content=""/>
  56. <meta name="text:Link 2" content=""/>
  57. <meta name="text:Link 3 URL" content=""/>
  58. <meta name="text:Link 3" content=""/>
  59. <meta name="text:Link 4 URL" content=""/>
  60. <meta name="text:Link 4" content=""/>
  61.  
  62. <meta name="text:Updates Tab Icon" content="menu" />
  63. <meta name="text:Updates Tab Title" content="updates" />
  64. <meta name="text:Updates Tab Content" content="updates here" />
  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:background} !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 dropHeader_onclick (elem)
  152.     {
  153.         let parent = elem.closest(".drop-parent");
  154.         if (parent) {
  155.             let active = parent.classList.toggle('active');
  156.             let acc = parent.getElementsByClassName('drop-link')[0];
  157.             if (acc) {
  158.                 if (active) {
  159.                     acc.style.maxHeight = acc.scrollHeight + 'px';
  160.                 }
  161.                 else {
  162.                     acc.style.maxHeight = '0px';
  163.                 }
  164.             }
  165.         }
  166.     }
  167. </script>
  168.  
  169. <script>
  170. (function($){
  171.     $(document).ready(function(){
  172.         $("[title]").style_my_tooltips({
  173.         tip_follows_cursor:true,
  174.         tip_delay_time:30,
  175.         tip_fade_speed:300,
  176.         attribute:"title"
  177.         });
  178.     });
  179. })(jQuery);
  180. </script>
  181.  
  182. <style type="text/css">
  183.  
  184. /* SELECTION */
  185.  
  186. ::-webkit-selection { background:{color:accent}; color:{color:background}; }
  187. ::-moz-selection{ background:{color:accent}; color:{color:background}; }
  188. ::selection { background:{color:accent}; color:{color:background}; }
  189.  
  190. ::marker { color:{color:accent}; }
  191.  
  192. /* LIGHTBOXES  */
  193.  
  194. .vignette, #vignette {
  195.     opacity:0;
  196. }
  197. .lightbox-image, #tumblr_lightbox img {
  198.     box-shadow:none!important;
  199.     border-radius:0!important;
  200.     max-width:none;
  201. }
  202.  
  203. .tmblr-lightbox, #tumblr_lightbox {
  204.     background-color:{color:background}D9!important;
  205. }
  206.  
  207. /* TOOLTIPS */
  208.  
  209. #s-m-t-tooltip {
  210.     position:absolute;
  211.     margin:1.4em;
  212.     text-transform:uppercase;
  213.     padding:1.1em;
  214.     border-radius:3px;
  215.     background:{color:accent};
  216.     color:{color:background};
  217.     letter-spacing:0.1em;
  218.     font:0.8em/0.8em karla, sans-serif;
  219.     font-weight:500;
  220. }
  221.  
  222. /* BASIC STYLES */
  223.  
  224. html {
  225.     -webkit-font-smoothing:antialiased;
  226.     -moz-osx-font-smoothing:grayscale;
  227. }
  228.  
  229. body {
  230.     font-family:'{text:google font}', sans-serif;
  231.     font-size:{text:font size};
  232.     line-height:1.8em;
  233.     letter-spacing:0.2px;
  234.     word-break:break-word;
  235.     background:{color:background};
  236.     color:{color:text};
  237. }
  238.  
  239. a {
  240.     cursor:help;
  241.     text-decoration:none;
  242.     color:{color:links};
  243.     transition:all 0.3s ease-in-out;
  244. }
  245.  
  246. a:hover {
  247.     color:{color:accent};
  248.     transition:all 0.3s ease-in-out;
  249. }
  250.  
  251. pre {
  252.     white-space:normal;
  253. }
  254.  
  255. small, big, sub, pre {
  256.     font-size:{text:font size}!important;
  257.     vertical-align:baseline!important;
  258. }
  259.  
  260. blockquote {
  261.     border-left:2px solid {color:borders};
  262.     margin:1.5em 0;
  263.     padding-left:1em;
  264. }
  265.  
  266. hr {
  267.     border:none;
  268.     box-shadow:0;
  269.     margin:2em 0;
  270.     width:100%;
  271.     border-top:1px solid {color:borders};
  272. }
  273.  
  274. ul {max-width: 100%; list-style-type: circle; padding-inline-start:2.5em; }
  275. ol {max-width: 100%; list-style-type: decimal-leading-zero; padding-inline-start:2.5em; }
  276. li {margin:0.3em 0;}
  277.  
  278. /* FORMATTING */
  279.  
  280. section {
  281.     position:relative;
  282.     width:calc({text:sidebar width} + {text:post width} + {text:margin});
  283.     margin:{text:margin} auto;
  284. }
  285.  
  286. .posts {
  287.     position:relative;
  288.     width:{text:post width};
  289.     margin-left:calc({text:sidebar width} + {text:margin});
  290.     margin-bottom:{text:margin};
  291. }
  292.  
  293. aside {
  294.     position:fixed;
  295.     width:{text:sidebar width};
  296. }
  297.  
  298. /* SIDEBAR */
  299.  
  300. .sidebar-img {
  301.     display:block;
  302.     position:relative;
  303.     margin:0 0 1.8em;
  304.     line-height:0;
  305. }
  306.  
  307. .sidebar-img img {
  308.     width:100%;
  309. }
  310.  
  311. #blogtitle {
  312.     display:inline-block;
  313.     font-weight:bold;
  314.     font-size:1.2em;
  315.     line-height:1.2em;
  316.     color:{color:accent};
  317.     margin:0 0 1.3em;
  318. }
  319.  
  320. #blogtitle a { color:{color:accent}; }
  321. #blogtitle a:hover { color:{color:text}; }
  322.  
  323. #description { margin:0 0 1.3em; line-height:1.5em; }
  324. #description a { font-style:italic; }
  325.  
  326. nav a {
  327.     display:inline-block;
  328.     border:0;
  329. }
  330.  
  331. nav span {
  332.     display:block;
  333.     margin:0 0 0.1em;
  334. }
  335.  
  336. nav blockquote {
  337.     margin:0.5em 0;
  338. }
  339.  
  340. .drop-link {
  341.     overflow:hidden;
  342.     max-height:0;
  343.     transition:max-height 0.5s ease-in-out;
  344. }
  345. .drop-parent.active .drop-link {
  346.     transition:max-height 0.5s ease-in-out;
  347. }
  348.  
  349. .search {
  350.     margin:0 0 0 -2px;
  351. }
  352.  
  353. .search .query {
  354.    border:0;
  355.    outline:0;
  356.    margin:0;
  357.    color:{color:links};
  358.    font-family:inherit;
  359.    font-size:{text:font size};
  360.    transition:0.25s ease-in-out;
  361.    background:transparent;
  362. }
  363.  
  364. ::-webkit-input-placeholder {font-size:{text:font size} ;color:{color:links};}
  365. :-moz-placeholder {font-size:{text:font size}; color:{color:links};}
  366. ::-moz-placeholder {font-size:{text:font size}; color:{color:links};}
  367. :-ms-input-placeholder {font-size:{text:font size}; color:{color:links};}
  368. input:focus::-webkit-input-placeholder {color:transparent;}
  369. input:focus:-moz-placeholder {color:transparent;}
  370. input:focus::-moz-placeholder {color:transparent;}
  371. input:focus:-ms-input-placeholder {color:transparent;}
  372.  
  373. /* TEXT */
  374.  
  375. .title { font-size:1.1em; line-height:1em; font-weight:bold; }
  376. .title, .title a {
  377.     color:{color:text};
  378. }
  379.  
  380. /* PHOTO & PHOTOSET */
  381.  
  382. .ph img,
  383. .tmblr-full img, figure, video, iframe,
  384. .video, .video iframe,
  385. figure.tmblr-embed.tmblr-full,
  386. figure.tmblr-embed.tmblr-full iframe  {
  387.    width:100%;
  388.     display:block;
  389.     {block:ifRoundedPosts}
  390.     border-radius:5px;
  391.     {/block:ifRoundedPosts}
  392. }
  393.  
  394. [photoset-layout] {
  395.   grid-gap:{text:photoset gutter};
  396. }
  397.  
  398. [photoset-layout] div {
  399.   cursor:help;
  400. }
  401.  
  402. {block:ifRoundedPosts}
  403. [photoset-layout] img {
  404.     border-radius:0;
  405. }
  406.  
  407. div[photoset-layout] {
  408.     border-radius:5px;
  409.     overflow:hidden;
  410. }
  411. {/block:ifRoundedPosts}
  412.  
  413. /* AUDIO */
  414.  
  415. .spotify_audio_player {
  416.     height:80px;
  417.     width:100%!important;
  418. }
  419.  
  420. .soundcloud_audio_player {
  421.     max-height:116px!important;
  422. }
  423.  
  424. .bandcamp_audio_player {
  425.     height:120px!important;
  426.     width:100%!important;
  427. }
  428.  
  429. .player {
  430.     display:inline-block;
  431.     width:27px;
  432. }
  433.  
  434. .player-wrap {
  435.     display:flex;
  436.     align-items:center;
  437.     justify-content:space-between;
  438.     background:{color:accent};
  439.     padding:0.5em;
  440. }
  441.  
  442. .audio-info {
  443.     display:inline-block;
  444.     margin:1em 0 0 0;
  445.     line-height:1.75em;
  446. }
  447.  
  448. .track .oi, .artist .oi {
  449.     vertical-align:middle;
  450.     font-size:1.25em;
  451.     margin-left:0.75em;
  452. }
  453.  
  454. /* VIDEO */
  455.  
  456. .video, .tmblr-full > video {
  457.     width:{text:post width};
  458. }
  459.  
  460. /* QUOTE */
  461.  
  462. .quote {
  463.     font-size:1.2em;
  464.     font-weight:bold;
  465.     position:relative;
  466. }
  467.  
  468. .source {
  469.     margin-bottom:0.5em;
  470. }
  471.  
  472. /* CHAT */
  473.  
  474. .chat {
  475.     margin:0;
  476.     padding:0;
  477.     list-style:none;
  478. }
  479.  
  480. .label {
  481.     font-weight:bold;
  482. }
  483.  
  484. .line {
  485.     line-height:1em;
  486.     border-bottom:1px solid {color:borders};
  487.     padding:1.3em 0 1.5em;
  488. }
  489.  
  490. .line:first-of-type {
  491.     padding-top:0;
  492. }
  493.  
  494. .line:last-of-type {
  495.     border:0;
  496.     padding-bottom:0;
  497. }
  498.  
  499. /* ASK */
  500.  
  501. .asker, .asker a {
  502.     line-height:1em;
  503.     font-weight:bold;
  504.     color:{color:text};
  505.     text-transform:lowercase;
  506.     border:0!important;
  507.     margin:0;
  508. }
  509.  
  510. .asker a:hover { color:{color:accent}; }
  511.  
  512. .question {
  513.     position:relative;
  514.     color:{color:text};
  515.     background:{color:text}08;
  516.     padding:1.5em 2em;
  517.     margin:1em 0 2em;
  518.     border-radius:5px;
  519. }
  520.  
  521. .question:after {
  522.     display:block;
  523.     content:'';
  524.     position:absolute;
  525.     top:-10px;
  526.     left:15px;
  527.     width:0;
  528.     border-width:0px 10px 10px;
  529.     border-style:solid;
  530.     border-color:{color:text}08 transparent;
  531. }
  532.  
  533. .question p:first-of-type {margin-top: 0;}
  534. .question p:last-of-type {margin-bottom: 0;}
  535.  
  536. /* CAPTION */
  537.  
  538. .caption { list-style-type:none;margin:20px 0 0; }
  539. .comment a { border-bottom:1px solid {color:accent}; }
  540. .user {
  541.     display:inline-block;
  542.     vertical-align:middle;
  543.     font-weight:bold;
  544.     color:{color:text};
  545. }
  546.  
  547. a.user:hover { color:{color:accent}; }
  548. .user-icon {
  549.     {block:ifHideCaptionIcons}
  550.     display:none;
  551.     {/block:ifHideCaptionIcons}
  552.     vertical-align:middle;
  553.     margin-right:8px;
  554.     border-radius:50%;
  555.     width:20px;
  556.     height:20px;
  557. }
  558.  
  559. .deactive::after {
  560.     content:'(deactivated)';
  561.     margin-left:0.5em;
  562.     opacity:0.75;
  563.     color:{color:text};
  564. }
  565.  
  566. /* PERMALINK */
  567.  
  568. .post-info {
  569.     display:block;
  570. }
  571.  
  572. .post-info:before {
  573.     display:block;
  574.     margin:2em 0;
  575.     content:'';
  576.     width:3em;
  577.     height:3px;
  578.     background:{color:accent};
  579. }
  580.  
  581. .date {
  582.     display:inline-block;
  583.     margin-right:0.7em;
  584. }
  585.  
  586. .date a {
  587.     color:{color:text};
  588. }
  589.  
  590. .date a:hover {
  591.     color:{color:accent};
  592. }
  593.  
  594. .likeb {
  595.     position:relative;
  596.     display:inline-block;
  597. }
  598.  
  599. .likeb .like_button iframe {
  600.     position:absolute;
  601.     cursor:help;
  602.     top:0;
  603.     left:0;
  604.     bottom:0;
  605.     right:0;
  606.     z-index:2;
  607.     opacity:0;
  608. }
  609.  
  610. .like_button iframe {width:100%!important; height:100%!important;}
  611. .likeb .liked + .actual-button {color:{color:accent};}
  612. .likeb .liked + .actual-button:after {content:'d';}
  613.  
  614. .tags {
  615.     display:block;
  616.     margin:0.5em 0 0;
  617.     {block:ifHoverTags}
  618.     opacity:0;
  619.     {/block:ifHoverTags}
  620.     transition:all 0.3s ease-in-out;
  621. }
  622.  
  623. .posts:hover .tags {
  624.    opacity:1;
  625.    transition:all 0.3s ease-in-out;
  626. }
  627.  
  628. .tags a { display:inline; margin-left:0.5em; }
  629.  
  630. /* NOTES */
  631.  
  632. ol.notes { padding:0; display:block; }
  633. .notes img { display:inline-block; vertical-align:middle; width:1.3em; border-radius:50%; margin-right:1em; }
  634. li.note { display:block; margin:0 0 0 0px; padding:1em 0; border-bottom:1px solid {color:borders}; width:100%; }
  635. li.note:last-of-type { border:0; }
  636. li.note blockquote { padding:0 0 0 1em; margin:0.5em 0 0.5em 0.5em; }
  637. a.more_notes_link,.notes_loading { color:{color:text}; text-transform:lowercase; font-weight:bold; text-align:left!important; }
  638. a.more_notes_link:hover { color:{color:accent}; }
  639. .more_notes_link,.notes_loading {
  640.     display:inline-block;
  641.     width:inherit;
  642.     margin-top:0em;
  643. }
  644.  
  645. .pagenotes {
  646.     display:flex;
  647.     align-items:center;
  648. }
  649.  
  650. .pagenotes a {
  651.     margin-right:1em;
  652. }
  653.  
  654. /* UPDATES TAB */
  655.  
  656. .alert {
  657.     {block:ifNotUpdatesTab}
  658.     display:none;
  659.     {/block:ifNotUpdatesTab}
  660. }
  661.  
  662. .tab {
  663.     position:fixed;
  664.     top:1em;
  665.     left:1em;
  666.     line-height:1em;
  667. }
  668.  
  669. .updates {
  670.     position:fixed;
  671.     top:1em;
  672.     left:1em;
  673.     width:auto;
  674.     height:auto;
  675.     padding:1em;
  676.     opacity:0;
  677.     border-radius:5px;
  678.     background:{color:background};
  679.     transition:0.25s ease-in-out;
  680. }
  681.  
  682. .updates:hover {
  683.     opacity:1;
  684. }
  685.  
  686. .updates .title {
  687.     margin-bottom:1em;
  688.     line-height:1em;
  689.     font-size:1.1em;
  690.     font-weight:bold;
  691. }
  692.  
  693. .tab .oi { color:{color:links}; }
  694.  
  695. /* PAGINATION  */
  696.  
  697. .pagination {
  698.     display:block;
  699. }
  700.  
  701. .pagination:before {
  702.     display:block;
  703.     margin:2em 0;
  704.     content:'';
  705.     width:3em;
  706.     height:3px;
  707.     background:{color:accent};
  708. }
  709.  
  710. footer {
  711.     display:none;
  712.     text-align:center;
  713.     margin:{text:margin} 0;
  714. }
  715.  
  716. /* CUSTOM CSS */
  717.  
  718. {CustomCSS}
  719.  
  720. /* MEDIA QUERIES */
  721.  
  722. @media only screen and (max-width:1100px) {
  723.     section, .posts, aside, footer {
  724.         width:{text:post width};
  725.         margin:{text:margin} auto;
  726.     }
  727.    
  728.     .posts {margin-left:0;}
  729.    
  730.     .pagination, .sidebar-img {display:none;}
  731.     footer {display:block;}
  732.    
  733.     aside {
  734.         position:relative;
  735.         width:{text:post width};
  736.     }
  737.    
  738.     .sidebar-img img { width:{text:post width}; }
  739.    
  740.     .search, .query {
  741.         display:none;
  742.     }
  743.    
  744.     nav span {
  745.         display:inline-block;
  746.         margin:0 1em 0 0;
  747.     }
  748. }
  749.  
  750. @media only screen and (max-width: 720px) {
  751.     section, .posts, aside, footer {
  752.         width:80vw;
  753.         margin:100px auto;
  754.     }
  755.    
  756.     .audio-info {
  757.         white-space:nowrap;
  758.         overflow:hidden;
  759.         text-overflow:ellipsis;
  760.     }
  761.    
  762.     .video, .tmblr-full > video {
  763.         width:80vw;
  764.     }
  765.    
  766.     .iframe-controls--phone-mobile {display: none!important;}
  767.     .tmblr-iframe-pushdown {padding-top: 0!important;}
  768.     .tmblr-iframe--app-cta-button {display: none!important;}
  769. }
  770.  
  771. /* CREDIT */
  772.  
  773. .credit .oi,.top .oi, .tab .oi { font-size:22px; margin:0; }
  774. .top { left:1em; bottom:1em; display:none; }
  775. .credit { bottom:1em; right:1em; }
  776.  
  777. .top, .credit, .tab {
  778.     position:fixed;
  779.     line-height:1em;
  780.     padding:5px;
  781.     background-color:{color:background};
  782.     border-radius:3px;
  783. }
  784.  
  785. </style>
  786. </head>
  787. <body>
  788.  
  789. <section id="entries">
  790.  
  791. <aside>
  792.     {block:ifSidebarImage}
  793.     <div class="sidebar-img"><img src="{image:Sidebar}"></div>
  794.     {/block:ifSidebarImage}
  795.     {block:ifTitle}
  796.     <div id="blogtitle"><a href="/">{text:Title}</a></div>
  797.     {/block:ifTitle}
  798.     {block:ifDescription}
  799.     <div id="description">{text:Description}</div>
  800.     {/block:ifDescription}
  801.     <nav class="drop-parent">
  802.     {block:ifHomeLink}<span><a href="/">{text:home link}</a></span>{/block:ifHomeLink}
  803.     {block:ifAskLink}<span><a href="/ask">{text:ask link}</a></span>{/block:ifAskLink}
  804.     {block:ifArchiveLink}<span><a href="/archive">{text:archive link}</a></span>{/block:ifArchiveLink}
  805.     {block:ifLink1}<span><a class="drop-header" onclick="dropHeader_onclick(this);">{text:navigation link}</a></span>
  806.             <div class="drop-link">
  807.                 <blockquote>
  808.                 <span><a href="{text:Link 1 URL}">{text:Link 1}</a></span>{/block:ifLink1}
  809.                 {block:ifLink2}<span><a href="{text:Link 2 URL}">{text:Link 2}</a></span>{/block:ifLink2}
  810.                 {block:ifLink3}<span><a href="{text:Link 3 URL}">{text:Link 3}</a></span>{/block:ifLink3}
  811.                 {block:ifLink4}<span><a href="{text:Link 4 URL}">{text:Link 4}</a></span>{/block:ifLink4}
  812.                 {block:HasPages}<span>{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}</span>{/block:HasPages}
  813.                 </blockquote>
  814.             </div>
  815.         <span class="hide"><form action="/search" method="get" class="search" autocomplete="off"><input type="text" name="q" value="" class="query" placeholder="search" autocomplete="off"></form></span>
  816.     </nav>
  817.     <div class="pagination">
  818.         <span>page {CurrentPage}</span><br>
  819.         {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a> / {block:nextpage}{/block:nextpage}{/block:PreviousPage}
  820.     {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}</div>
  821. </aside>
  822.  
  823. {block:posts}
  824.     <div class="posts {block:caption}captioned{/block:caption}" post-type="{PostType}">
  825.  
  826. <!-- {block:NoRebloggedFrom}
  827. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  828. {/block:NoRebloggedFrom} -->    
  829. {block:ContentSource}<!-- {SourceURL}
  830. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  831. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  832. {/block:ContentSource}
  833.  
  834. {block:Quote}
  835. {block:Source}<div class="source">{source} said:</div>{/block:Source}
  836. <div class="quote">{quote}</div>
  837. {/block:Quote}
  838.  
  839. {block:Text}
  840. {block:Title}<div class="title">{Title}</div>{/block:Title}
  841. {block:RebloggedFrom}
  842.     {block:Reblogs}
  843.         <li class="caption">
  844.         <img src="{PortraitURL-64}" class="user-icon">
  845.             <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user {block:IsDeactivated}deactive{/block:IsDeactivated}" target="_blank">{username}</a>
  846.             <div class="comment">{body}</div>
  847.         </li>
  848.     {/block:Reblogs}
  849. {/block:RebloggedFrom}
  850. {block:NotReblog}
  851.     <li class="caption">
  852.         <div class="comment">{body}</div>
  853.     </li>
  854. {/block:NotReblog}
  855. {/block:Text}
  856.  
  857. {block:Link}
  858. <a class="link" href="{URL}">
  859.     <span>{name} <i class="oi oi-link"></i></span>
  860. </a>
  861. {block:Excerpt}<div>{Excerpt}</div>{/block:Excerpt}
  862.     {block:NotReblog}
  863.         <div class="caption">
  864.             <div class="comment">{description}</div>
  865.         </div>
  866.     {/block:NotReblog}
  867. {/block:Description}
  868. {block:RebloggedFrom}
  869.     {block:Reblogs}
  870.         <li class="caption">
  871.         <img src="{PortraitURL-64}" class="user-icon">
  872.             <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user {block:IsDeactivated}deactive{/block:IsDeactivated}" target="_blank">{username}</a>
  873.             <div class="comment">{body}</div>
  874.         </li>
  875.     {/block:Reblogs}
  876. {/block:RebloggedFrom}
  877. {/block:Link}
  878.  
  879. {block:Chat}
  880. {block:Title}<div class="title">{Title}</div>{/block:Title}
  881. <ol class="chat text">
  882. {block:Lines}
  883. <li class="line {Alt}">
  884. {block:Label}<span class="label">{Label}</span>{/block:Label}
  885. {Line}
  886. </li>
  887. {/block:Lines}
  888. </ol>
  889. {/block:Chat}
  890.  
  891. <div class="ph">
  892.  
  893. {block:Photo}
  894. <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>
  895. {/block:Photo}
  896.  
  897. {block:Photoset}
  898. <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>
  899. {/block:Photoset}
  900.  
  901. {block:Video}
  902. <div class="video">{Video-500}</div>
  903. {/block:Video}
  904.  
  905. </div>
  906.  
  907. {block:Audio}
  908. <div class="audio">
  909.     <div class="player-wrap">
  910.         <div class="player">
  911.             {block:AudioPlayer}
  912.                 {AudioPlayer}
  913.             {/block:AudioPlayer}
  914.         </div>
  915.     </div>
  916.     <div class="audio-info">
  917.         <div class="track">{block:TrackName}<strong>{TrackName}</strong>{/block:TrackName}</div>
  918.         <div class="artist">{block:Artist}{Artist}{/block:Artist}</div>
  919.     </div>
  920. </div>
  921. {/block:Audio}
  922.  
  923. {block:caption}
  924.     {block:Reblogs}
  925.         <li class="caption">
  926.         <img src="{PortraitURL-64}" class="user-icon">
  927.             <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user {block:IsDeactivated}deactive{/block:IsDeactivated}" target="_blank">{username}</a>
  928.             <div class="comment">{body}</div>
  929.         </li>
  930.     {/block:Reblogs}
  931.     {block:NotReblog}
  932.         <li class="caption">
  933.             <div class="comment">{caption}</div>
  934.         </li>
  935.     {/block:NotReblog}
  936. {/block:caption}
  937.  
  938. {block:Answer}
  939. <div class="q">
  940.     <span class="asker"><a>{asker}</a></span>
  941.     <div class="question">{question}</div>
  942. </div>
  943. {block:Answerer}
  944.     <div class="comment">
  945.         <div class="asker">{answerer}</div>
  946.         {answer}
  947.     </div>
  948. {/block:Answerer}
  949. {block:NotReblog}
  950.     <div class="comment">
  951.         {replies}
  952.     </div>
  953. {/block:NotReblog}
  954. {block:RebloggedFrom}
  955.     {block:Reblogs}
  956.         <div class="comment">
  957.             <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="asker" target="_blank">{username}</a>
  958.             {body}
  959.         </div>
  960.     {/block:Reblogs}
  961. {/block:RebloggedFrom}
  962. {/block:Answer}
  963.  
  964. {block:Date}
  965. <div class="post-info">
  966.     {block:PinnedPostLabel}
  967.     <div class="date"><a href="{Permalink}">pinned post</a></div>
  968.     {/block:PinnedPostLabel}
  969.     {block:NoteCount}
  970.     <div class="date"><a href="{Permalink}" class="notecount">{NoteCount} notes</a></div>
  971.     {/block:NoteCount}
  972.     <div class="date"><a href="{Permalink}" class="time-ago">{Timestamp}</a></div>
  973.     <div class="date"><a href="{ReblogURL}">reblog</a></div>
  974.     <div class="date"><a class="likeb" href="#">{LikeButton}<span class="actual-button">like</span></a></div>
  975. </div>
  976. {block:hastags}
  977.         <span class="tags"><b>filed under:</b> {block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</span>
  978.     {/block:hasTags}
  979. {/block:Date}
  980.  
  981. </div>
  982.  
  983. {block:PostNotes}
  984. <article class="posts">
  985.     <div class="pagenotes">
  986.         {block:NotReblog}
  987.         original post:&nbsp;<div><a href="{ReblogParentURL}">{Name}</a></div>
  988.     {/block:NotReblog}
  989.     {block:RebloggedFrom}
  990.             via:&nbsp;<div><a href="{ReblogParentURL}">{ReblogParentName}</a></div>
  991.                 {block:ContentSource}source:&nbsp;<div style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"><a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}
  992.             </div>
  993.     {/block:RebloggedFrom}
  994.     </div>
  995.     <div style="margin-top:0.5em;">
  996.         posted at: <a href="{Permalink}">{12HourWithZero}:{Minutes}:{Seconds} {CapitalAmPm}</a> on <a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonthWithZero}{DayOfMonthSuffix} {Year}</a>
  997.     </div>
  998.     {PostNotes}
  999. </article>
  1000. {/block:PostNotes}
  1001.  
  1002. {/block:Posts}
  1003.  
  1004. {block:Pagination}
  1005. <footer>
  1006. <span>page {CurrentPage}</span><br>
  1007. {block:PreviousPage}<a href="{PreviousPage}">back</a> / {/block:PreviousPage}
  1008. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  1009. </footer>
  1010. {/block:Pagination}
  1011.  
  1012. <!-- UPDATES TAB -->
  1013.  
  1014. <div class="alert">
  1015.     <div class="tab"><i class="oi oi-{text:Updates Tab Icon}"></i></div>
  1016.         <div class="updates">
  1017.         <div class="title">{text:Updates Tab Title}</div>
  1018.             {text:Updates Tab Content}
  1019.         </div>
  1020. </div>
  1021.  
  1022. </section>
  1023.  
  1024. <script type="text/javascript" src="https://static.tumblr.com/i5s2zks/9Acok8oo2/bct-timeago.min.js"></script>
  1025. <script>
  1026. $('section').find('.notecount').each(function(){
  1027.    var n = $(this).html().split(' ')[0].replace(/,/g, '');
  1028.    if (n > 999) {
  1029.        n = Math.floor(n / 100) / 10;
  1030.        $(this).text(n + 'k notes');
  1031.    }
  1032. });
  1033.  
  1034. $(".time-ago").timeAgo({
  1035.     time: "word",
  1036.     spaces: true,
  1037.     words: false,
  1038.     suffix: "ago",
  1039. });
  1040. </script>
  1041.  
  1042. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1043. <script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
  1044.  
  1045. <script>
  1046. $(document).ready(function() {
  1047.   flexibleFrames($(".video"));
  1048. });
  1049. </script>
  1050.  
  1051. </body>
  1052.  
  1053. <a href="#" title="back to top" class="top"><i class="oi oi-arrow-up"></i></a>
  1054.  
  1055. <div class="credit"><a href="https://wordbite.tumblr.com" title="atlantis @ wordbite"><i class="oi oi-smile"></i></a></div>
  1056.  
  1057. </html>
RAW Paste Data