SHARE
TWEET

[virgo moon] / theme

estrabso Aug 24th, 2019 (edited) 350 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4.  
  5.  
  6.  
  7. THEME 02. VIRGO MOON
  8.  
  9. made by @luacodes
  10.  
  11.         ...
  12.        
  13. credits:
  14.  
  15. - shortening notes, resizing video, lightbox, masonry tutorial: shythemes
  16. - pxu photoset: pixel union / tutorial by shythemes
  17. - feather icons: colebemis
  18. - tooltips: malihu
  19. - remove tumblr redirect: magnusthemes
  20. - changing audio color: shudesigns
  21.  
  22.  
  23. -->
  24.  
  25. <html>
  26.  
  27. <head>
  28.  
  29. <title>{Title}</title>
  30.  
  31. <meta charset="utf-8">
  32. <meta name="description" content="{MetaDescription}">
  33.  
  34. <link rel="shortcut icon" href="{Favicon}">
  35. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  36. <link href="https://fonts.googleapis.com/css?family=Roboto:400,700,900&display=swap|PT+Sans:400,700,800&display=swap" rel="stylesheet">
  37. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  38.  
  39. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  40. <script src="//cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
  41. <script src="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  42. <script src="//static.tumblr.com/gzmbdgj/4gkptmkt8/jquery.style-my-tooltips.js"></script>
  43. <script src="//cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.9/SmoothScroll.min.js"></script>
  44. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  45. <script src="https://static.tumblr.com/2b2izpj/cB7ogqs8l/jquery.initialize.js"></script>
  46. {block:indexpage}
  47. <script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  48. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  49. {/block:indexpage}
  50.  
  51. <meta name="color:body" content="#000"/>
  52. <meta name="color:text" content="#aaa"/>
  53. <meta name="color:link" content="#888"/>
  54. <meta name="color:accent" content="#ffbf00"/>
  55. <meta name="color:details" content="#fff"/>
  56. <meta name="color:borders" content="#3a3a3a"/>
  57. <meta name="color:boxes" content="#0a0a0a"/>
  58. <meta name="color:tooltip" content="#000"/>
  59. <meta name="color:tooltip text" content="#eee"/>
  60. <meta name="color:lightbox" content="#000"/>
  61. <meta name="color:scrollbar" content="#ddd"/>
  62. <meta name="color:title shadow" content="#000"/>
  63.  
  64. <meta name="if:multi column" content=""/>
  65. <meta name="if:dark controls" content=""/>
  66. <meta name="if:infinite scroll" content=""/>
  67. <meta name="if:show header icon" content="1"/>
  68.  
  69. <style type="text/css">
  70.  
  71. /*--- default settings ---*/
  72.  
  73. @keyframes fadein {
  74.     from { opacity: 0; }
  75.     to   { opacity: 1; }
  76. }
  77.  
  78. @-moz-keyframes fadein {
  79.     from { opacity: 0; }
  80.     to   { opacity: 1; }
  81. }
  82.  
  83. @-webkit-keyframes fadein {
  84.     from { opacity: 0; }
  85.     to   { opacity: 1; }
  86. }
  87.  
  88. @-ms-keyframes fadein {
  89.     from { opacity: 0; }
  90.     to   { opacity: 1; }
  91. }
  92.  
  93. @-o-keyframes fadein {
  94.     from { opacity: 0; }
  95.     to   { opacity: 1; }
  96. }
  97.  
  98. *{padding: 0; margin: 0; box-sizing: border-box; line-height: 170%;}
  99.  
  100. body{
  101.     background: {color:body};
  102.     color: {color:text};
  103.     font: normal 13px 'pt sans';
  104.     word-break: break-word;
  105.     -webkit-animation: fadein 2s;
  106.     -moz-animation: fadein 2s;
  107.     -ms-animation: fadein 2s;
  108.     -o-animation: fadein 2s;
  109.     animation: fadein 2s;
  110. }
  111.  
  112. /*--- accent text ---*/
  113.  
  114. a{
  115.     text-decoration: none;
  116.     color: {color:link};
  117.     cursor: pointer;
  118.     transition: all .4s;
  119.     -moz-transition: all .4s;
  120.     -webkit-transition: all .4s;
  121. }
  122.  
  123. a:hover{
  124.     color: {color:accent} !important;
  125.     transition: all .4s;
  126.     -moz-transition: all .4s;
  127.     -webkit-transition: all .4s;
  128. }
  129.  
  130. b, i, u, strike{color: {color:accent};}
  131. mark{background: {color:accent};}
  132.  
  133. b,strong{font-weight: 700;}
  134.  
  135. small,sub,sup{font-size: .85em;}
  136. big{font-size: 1.1em;}
  137.  
  138. h1,h2,h3,h4{font-weight: 500; font-size: 1.2em;}
  139.  
  140. h2.title{text-transform: lowercase; margin-bottom: 10px; color: {color:details};}
  141.  
  142. p{margin: .5em 0;}
  143. p:last-of-type{margin-bottom: 0;}
  144. p:first-of-type{margin-top: 0;}
  145.  
  146. blockquote{
  147.     margin: 5px 0;
  148.     padding: 8px;
  149.     border-left: 2px solid {color:accent};
  150. }
  151.  
  152. pre, code{
  153.     white-space: normal;
  154.     display: block;
  155.     padding: 10px;
  156.     user-select: all;
  157.     -moz-user-select: all;
  158.     -webkit-user-select: all;
  159.     -ms-user-select: all;
  160.     border: 1px solid {color:borders};
  161. }
  162.  
  163. ul,ol{padding-left: 2em; margin: .5em 0;}
  164. ol{list-style: lower-alpha;}
  165. ul{list-style: none;}
  166. ul li::before{
  167.     content: "◌";
  168.     position: absolute;
  169.     margin-left: -13px;
  170.     color: {color:accent};
  171. }
  172.  
  173. /*--- scrollbar ---*/
  174.  
  175. ::-webkit-scrollbar {width: 11px; height: 11px;}
  176. ::-webkit-scrollbar-track{background: {color:borders}; border: 5px solid {color:body};}
  177. ::-webkit-scrollbar-thumb{background: {color:scrollbar}; border: 3px solid {color:body}}
  178.  
  179. ::-moz-selection{color: {color:accent}; background: {color:boxes};}
  180. ::selection {color: {color:accent}; background: {color:boxes};}
  181.  
  182. /*--- tooltip ---*/
  183.  
  184. #s-m-t-tooltip{
  185.     max-width: 300px;
  186.     z-index: 999999;
  187.     margin: 24px 14px 7px 12px;
  188.     padding: .1em .6em;
  189.     background: rgba({RGBcolor:tooltip}, .7);
  190.     text-transform: lowercase;
  191.     border-radius: 3px;
  192.     color: {color:tooltip text};
  193. }
  194.  
  195. /*--- tumblr controls ---*/
  196.  
  197. body > .tmblr-iframe{
  198.     top: 15px;
  199.     opacity: 0;
  200.     right: 50px;
  201.     visibility: hidden;
  202.     {block:ifDarkControls}
  203.         filter:invert(1) contrast(150%);
  204.         -webkit-filter:invert(1) contrast(150%);
  205.         -o-filter:invert(1) contrast(150%);
  206.         -moz-filter:invert(1) contrast(150%);
  207.         -ms-filter:invert(1) contrast(150%);
  208.         transform: perspective(2px) scale(0.65);
  209.     {/block:ifDarkControls}
  210.     transform-origin:100% 0;
  211.     -webkit-transform:perspective(2px) scale(0.65);
  212.     -webkit-transform-origin:100% 0;
  213.     -o-transform:perspective(2px) scale(0.65);
  214.     -o-transform-origin:100% 0;
  215.     -moz-transform:perspective(2px) scale(0.65);
  216.     -moz-transform-origin:100% 0;
  217.     -ms-transform:perspective(2px) scale(0.65);
  218.     -ms-transform-origin:100% 0;
  219.     -ms-transform-origin: right top;
  220.     -webkit-transform-origin: right top;
  221.     transform-origin: right top;
  222.     transition: all .4s;
  223.     -moz-transition: all .4s;
  224.     -webkit-transition: all .4s;
  225.     z-index: 999;
  226.  
  227. }
  228.  
  229. body > .tmblr-iframe.show{
  230.     opacity: .7;
  231.     margin-right: 4px !important;
  232.     visibility: visible;
  233.     transition: all .4s;
  234.     -moz-transition: all .4s;
  235.     -webkit-transition: all .4s;
  236. }
  237.  
  238. .tc{
  239.     position: fixed;
  240.     top: 20px;
  241.     right: 20px;
  242.     cursor: pointer;
  243.     z-index: 99;
  244.     transition: all .4s;
  245.     -moz-transition: all .4s;
  246.     -webkit-transition: all .4s;
  247.     z-index: 999;
  248.     width: 30px;
  249.     height: 30px;
  250.     border-radius: 4px;
  251.     text-align: center;
  252.     padding: 5px;
  253.     color: {color:details};
  254. }
  255.  
  256. .tc svg{width: 1.1em; height: 1.1em;}
  257.  
  258. /*--- read more ---*/
  259.  
  260. a.read_more{color: {color:accent}; font-weight: 700;}
  261.  
  262. /*--- credits ---*/
  263.  
  264. a.fixit{
  265.     position: fixed;
  266.     bottom: 20px;
  267.     right: 20px;
  268.     z-index: 99;
  269. }
  270.  
  271. a.fixit svg{width: 1em; height: 1em;}
  272.  
  273. /*--- top bar ---*/
  274.  
  275. .top{
  276.     height: 10px;
  277.     width: 100vw;
  278.     position: fixed;
  279.     top: 0;
  280.     left: 0;
  281.     background: {color:accent};
  282.     z-index: 9;
  283. }
  284.  
  285. /*--- main ---*/
  286.  
  287. #main{margin: 0 auto;}
  288.  
  289. {block:ifInfiniteScroll}.pagination, #infscr-loading {display:none!important;}{/block:ifInfiniteScroll}
  290.  
  291. /*--- header ---*/
  292.  
  293. header{
  294.     margin: 80px auto;
  295.     background: {color:boxes};
  296.     {block:ifShowHeaderIcon}
  297.         padding: 30px 60px;
  298.     {/block:ifShowHeaderIcon}
  299.    
  300.     {block:ifNotShowHeaderIcon}
  301.         padding: 30px;
  302.     {/block:ifNotShowHeaderIcon}
  303.     position: relative;
  304.     text-transform: lowercase;
  305.     width: 510px;
  306. }
  307.  
  308. .ht {
  309.     color: {color:accent};
  310.     font: 900 30px 'roboto';
  311.     position: absolute;
  312.     top: -25px;
  313.     text-shadow: 2px 2px 0 {color:title shadow};
  314.     max-width: 90%;
  315.     text-overflow: ellipsis;
  316.     white-space: nowrap;
  317.     overflow: hidden;
  318. }
  319.  
  320. .user{font-weight: 700;}
  321.  
  322. nav{margin-top: 20px;}
  323. nav a{margin-right: 15px; color: {color:details};}
  324.  
  325. .icon {
  326.     width: 60px;
  327.     border-radius: 100%;
  328.     box-shadow: 3px 2px 0 {color:title shadow};
  329.     position: absolute;
  330.     left: -30px;
  331. }
  332.  
  333. /*--- media ---*/
  334.  
  335. img{max-width: 100%; height: auto; display: block;}
  336.  
  337. iframe{display: block;}
  338.  
  339. .tmblr-lightbox, #tumblr_lightbox{background: rgba({RGBcolor:lightbox}, .6) !important;}
  340.  
  341. .vignette, #vignette{opacity: 0;}
  342.  
  343. .lightbox-image, #tumblr_lightbox img{box-shadow: none !important; border-radius: 0 !important;}
  344.  
  345. .lightbox-caption, #tumblr_lightbox_caption {visibility:hidden;}
  346.  
  347. .ph:not(.audio) img{width: 100%;}
  348.  
  349. .ph{margin-bottom: 10px;}
  350.  
  351. .npf_row {margin: auto !important;}
  352.  
  353. /*--- posts ---*/
  354.  
  355. .entries{position: relative; max-width: calc((350px * 2) + (100px * 2 + 30px)); margin: 0 auto;}
  356.  
  357. .posts{
  358.     {block:ifMultiColumn}
  359.         {block:indexPage}
  360.             opacity: 0;
  361.             z-index: -1;
  362.             width: 350px;
  363.             margin: 50px;
  364.         {/block:indexPage}
  365.        
  366.         {block:permalinkpage}
  367.             width: 510px;
  368.             margin: 100px auto;
  369.         {/block:permalinkpage}
  370.     {/block:ifMultiColumn}
  371.    
  372.     {block:ifNotMultiColumn}
  373.         width: 510px;
  374.         margin: 100px auto;
  375.     {/block:ifNotMultiColumn}
  376. }
  377.  
  378. .posts.loaded{
  379.     opacity: 1;
  380.     z-index: 1;
  381.     transition: all .4s;
  382.     -moz-transition: all .4s;
  383.     -webkit-transition: all .4s;
  384. }
  385.  
  386. /*--- caption ---*/
  387.  
  388. .comment{padding: 15px; background: {color:boxes}; margin-bottom: 15px;}
  389.  
  390. .comment-head{padding: 10px 0;}
  391. .comment-head:first-of-type{padding-top: 0;}
  392.  
  393. .comment .avatar, .notes .avatar {
  394.     display: inline;
  395.     vertical-align: middle;
  396.     width: 17px;
  397.     border-radius: 100%;
  398.     margin-right: 10px;
  399. }
  400.  
  401. span.username{display: inline-block; height: 12px; border-bottom: 1px solid {color:accent};}
  402.  
  403. /*--- notes ---*/
  404.  
  405. .notes{
  406.     padding: 15px;
  407.     background: {color:boxes};
  408.     width: 510px;
  409.     margin: 0 auto 80px;
  410.     list-style: none;
  411. }
  412.  
  413. .notes li:not(:last-of-type){margin-bottom: 10px;}
  414.  
  415. a.more_notes_link {
  416.     display: block;
  417.     text-align: left;
  418.     text-transform: lowercase;
  419.     padding-top: 10px;
  420.     font-weight: 700;
  421.     color: {color:details};
  422. }
  423.  
  424. /*--- info ---*/
  425.  
  426. .info{
  427.     text-transform: lowercase;
  428.     padding-top: 10px;
  429.     border-top: 1px solid {color:borders};
  430. }
  431.  
  432. .via-source{margin: 10px 0;}
  433. .via-source span{display: block;}
  434.  
  435. .tags span{margin-right: 6px;}
  436. .tags a{color: {color:details}; margin-right: 10px;}
  437.  
  438. .tgu{
  439.     padding: 15px;
  440.     background: {color:boxes};
  441.     color: {color:details};
  442.     margin-bottom: 70px;
  443. }
  444.  
  445. .tgu span{font-weight: 700;}
  446.  
  447. /*--- chat ---*/
  448.  
  449. .chat ul{padding: 0; margin: 0; background: {color:boxes};}
  450. .chat li{border-bottom: 1px solid {color:borders}; padding: 10px;}
  451. .chat li:last-of-type{border-bottom: 0;}
  452. .chat li::before{content: ""; display: none;}
  453.  
  454. .label.odd{color: {color:accent};}
  455. .label.even{color: {color:details};}
  456.  
  457. /*--- quote ---*/
  458.  
  459. .quote{
  460.     font-weight: 700;
  461.     padding: 10px;
  462.     background: {color:boxes};
  463. }
  464.  
  465. .source{margin-top: 10px; text-align: right; font-style: italic;}
  466.  
  467. .source::before{
  468.     content: "";
  469.     width: 10px;
  470.     height: 1px;
  471.     display: inline-block;
  472.     background: {color:text};
  473.     margin-right: 4px;
  474.     vertical-align: middle;
  475. }
  476.  
  477. /*--- ask ---*/
  478.  
  479. .ask, .answer{background: {color:boxes}; position: relative;}
  480.  
  481. .answer{border-top:  1px solid {color:borders};}
  482.  
  483. .asker-head, .answer-head, .asker-body, .answer-body{padding: 20px;}
  484.  
  485. .asker-head a, .answer-head a{color: {color:details};}
  486.  
  487. .asker-body{margin-left:  70px;}
  488.  
  489. .answer-body{margin-right:  70px;}
  490.  
  491. .asker-head{border-bottom: 1px solid {color:borders}; margin-left: 60px;}
  492.  
  493. .answer-head{border-bottom: 1px solid {color:borders}; margin-right: 60px; text-align: right;}
  494.  
  495. .ask-icon svg, .answer-icon svg{
  496.     width: 1.3em;
  497.     height: 1.3em;
  498.     position: absolute;
  499.     top: 50%;
  500.     left: 50%;
  501.     transform: translate(-50%, -50%);
  502. }
  503.  
  504. .ask-icon, .answer-icon{
  505.     padding: 30px;
  506.     position: absolute;
  507.     width: 40px;
  508.     text-align: center;
  509.     color: {color:details};
  510.     height: 100%;
  511. }
  512.  
  513. .ask-icon{left: 0; border-right: 1px solid {color:borders};}
  514.  
  515. .answer-icon{right: 0; border-left: 1px solid {color:borders};}
  516.  
  517. /*--- audio ---*/
  518.  
  519. .audio{background: {color:boxes}; position: relative;}
  520.  
  521. .tumblr_audio_player{
  522.     width: 27px !important;
  523.     height: 27px !important;
  524.     position: absolute;
  525.     top: 50%;
  526.     left: 50%;
  527.     transform: translate(-50%, -50%);
  528. }
  529.  
  530. .player{
  531.     padding: 30px;
  532.     position: absolute;
  533.     width: 40px;
  534.     text-align: center;
  535.     color: {color:details};
  536.     height: 100%;
  537.     border-right: 1px solid {color:borders};
  538.     top: 0;
  539.     left: 0;
  540. }
  541.  
  542. .ta{margin-left: 60px;}
  543. .ta > span{display: block; padding: 15px; border-bottom: 1px solid {color:borders};}
  544. .ta > span:last-of-type{border-bottom: 0;}
  545. .ta svg{width: 1em; height: 1em; margin-right: 10px;}
  546. .ta svg, .ta span span{vertical-align: middle;}
  547.  
  548. .ta span span {
  549.     white-space: nowrap;
  550.     overflow: hidden;
  551.     text-overflow: ellipsis;
  552.     max-width: 90%;
  553.     display: inline-block;
  554. }
  555.  
  556. /*--- footer ---*/
  557.  
  558. footer {
  559.     width: 510px;
  560.     margin: 0 auto;
  561.     text-align: center;
  562.     padding: 70px 0;
  563.     color: {color:details}
  564. }
  565.  
  566. .pagination{margin-bottom: 20px;;}
  567. .pagination a {color: {color:details}; margin: 0 30px; font-weight: 700;}
  568.  
  569. /*-----------------------*/
  570.  
  571. @media screen and (max-width:1024px){
  572.     #main{width: 70vw; margin: 0 auto;}
  573.     header, .entries, .posts{width: 100%;}
  574.     .posts{margin: 80px 0}
  575. }
  576.  
  577. </style>
  578.  
  579. <!--------------- SCRIPTS --------------->
  580.  
  581. <script>
  582. $(document).ready(function(){
  583.    
  584.     var $container = $('.entries');
  585.    
  586.     //short note
  587.     $('span.n').find('.notecount').each(function(){
  588.        var n = $(this).html().split(' ')[0].replace(/,/g, '');
  589.        if (n > 999) {
  590.            n = Math.floor(n / 100) / 10;
  591.            $(this).text(n + 'k notes');
  592.        }
  593.     });
  594.    
  595.     //icons
  596.     feather.replace();
  597.    
  598.     //tooltip
  599.     $("[title]").style_my_tooltips({
  600.         tip_follows_cursor: true,
  601.         tip_delay_time: 50,
  602.         tip_fade_speed: 200,
  603.         attribute:"title"
  604.     });
  605.    
  606.     //photoset
  607.     $('.photo-slideshow').pxuPhotoset({
  608.         lightbox: true,
  609.         rounded: false,
  610.         gutter: '3px',
  611.         borderRadius: '0px',
  612.         photoset: '.photo-slideshow',
  613.         photoWrap: '.photo-data',
  614.         photo: '.pxu-photo'
  615.     });
  616.    
  617.     // tumblr controls
  618.     $('.tc').click(function(){
  619.         $(this).toggleClass('show');
  620.         $('.tmblr-iframe').toggleClass('show');
  621.     });
  622.    
  623.     //audio
  624.     var $audio = $('iframe.tumblr_audio_player');
  625.     $audio.load(function() {
  626.         $(this).contents().find('head').append('<style type="text/css">' +
  627.         '.audio-player { background: transparent; color: {color:details} !important;}' +
  628.         '.audio-player .progress{background: rgba(0,0,0,0.08) !important; }' +
  629.         '.play-pause{ font-size: 1em !important;}' +
  630.     '</style>');
  631.     });
  632.    
  633.     $('a.read_more').each(function() {
  634.         var text = $(this).text();
  635.         $(this).text(text.replace('Keep reading', 'read more'));
  636.     });
  637.    
  638.     {block:indexpage}
  639.         {block:ifMultiColumn}
  640.             $container.masonry({ itemSelector: '.posts' });
  641.             $container.find('.posts').addClass('loaded');
  642.             $('.next').addClass('loaded');
  643.             $(window).resize(function(){$container.masonry();});
  644.         {/block:ifMultiColumn}
  645.    
  646.     {block:ifInfiniteScroll}
  647.         //infinite scroll
  648.         $container.infinitescroll({
  649.             itemSelector: '.posts',
  650.             navSelector: '.next',
  651.             nextSelector: '.next a',
  652.             loadingImg: '',
  653.             loadingText: '<em></em>',
  654.             bufferPx: 2000,
  655.         },
  656.        
  657.         function(newElements){
  658.                
  659.             var $newElems = $( newElements );
  660.    
  661.             $newElems.find("[title]").style_my_tooltips({
  662.                 tip_follows_cursor: true,
  663.                 tip_delay_time: 100,
  664.                 tip_fade_speed: 100,
  665.                 attribute:"title"
  666.             });
  667.            
  668.             $newElems.find('.photo-slideshow').pxuPhotoset({
  669.                 lightbox: true,
  670.                 rounded: false,
  671.                 gutter: '2px',
  672.                 borderRadius: '0px',
  673.                 photoset: '.photo-slideshow',
  674.                 photoWrap: '.photo-data',
  675.                 photo: '.pxu-photo'
  676.             {block:ifMultiColumn}
  677.            }, function(){
  678.                $container.masonry();
  679.            });
  680.            $newElems.imagesLoaded(function(){
  681.                $container.masonry( 'appended', $newElems );
  682.                $newElems.addClass('loaded');
  683.         {/block:ifMultiColumn}
  684.            });
  685.            
  686.            
  687.            resizeVideos();
  688.            
  689.            feather.replace()
  690.            
  691.            var $audio = $('iframe.tumblr_audio_player');
  692.            $audio.load(function() {
  693.                 $(this).contents().find('head').append('<style type="text/css">' +
  694.                 '.audio-player { background: transparent; color: {color:details} !important;}' +
  695.                 '.audio-player .progress{background: rgba(0,0,0,0.08) !important; }' +
  696.                 '.play-pause{ font-size: 1em !important;}' +
  697.             '</style>');
  698.            });
  699.            
  700.            $newElems.find('.notecount').each(function(){
  701.                var n = $(this).html().split(' ')[0].replace(/,/g, '');
  702.                if (n > 999) {
  703.                    n = Math.floor(n / 100) / 10;
  704.                    $(this).text(n + 'k notes');
  705.                }
  706.            });
  707.            
  708.            $newElems.find('.read_more').each(function() {
  709.                 var text = $(this).text();
  710.                 $(this).text(text.replace('Keep reading', 'read more'));
  711.             });
  712.         });
  713.     {/block:ifInfiniteScroll}
  714.     {/block:indexpage}
  715.  
  716.     //remove tumblr redirects script by magnusthemes@tumblr
  717.   $('a[href*="t.umblr.com/redirect"]').initialize(function(){ //using old initialize.js plugin with old syntax
  718.       var originalURL = $(this).attr("href").split("?z=")[1].split("&t=")[0];
  719.       var replaceURL = decodeURIComponent(originalURL);
  720.       $(this).attr("href", replaceURL);
  721.   });
  722. });
  723.  
  724. </script>
  725.  
  726. </head>
  727.  
  728. <body>
  729.  
  730. <div class="tc"><i data-feather="settings"></i></div>
  731.  
  732. <div class="top"></div>
  733.  
  734. <!--------------- POSTS --------------->
  735.  
  736. <div id="main">
  737.  
  738. <!--------------- HEADER --------------->
  739.  
  740. <header>
  741.     <div class="ht">{title}</div>
  742.    
  743.     {block:ifShowHeaderIcon}
  744.         <img src="{portraiturl-64}" class="icon"/>
  745.     {/block:ifShowHeaderIcon}
  746.    
  747.     {block:description}
  748.         <div class="des">{description}</div>
  749.     {/block:description}
  750.    
  751.     <div class="user">@{name}</div>
  752.    
  753.     <nav>
  754.         <a href="/">home.</a>
  755.         <a href="/">inbox.</a>
  756.         <a href="/">archive.</a>
  757.         <a href="/">about.</a>
  758.         <a href="/">explore.</a>
  759.     </nav>
  760. </header>
  761.  
  762. <!--------------- POSTS --------------->
  763.  
  764. <div class="entries">
  765.  
  766. {block:Posts}
  767.  
  768. <article class="posts" id="{postid}">
  769.  
  770. {block:tagpage}
  771.     <div class="tgu">
  772.         posts filed under <span>#{tag}</span>
  773.     </div>
  774. {/block:tagpage}
  775.  
  776. <!------ text ------>
  777.  
  778. {block:Text}
  779.     {block:Title}<h2 class="title">{Title}</h2>{/block:Title}
  780.     <div class="comment">
  781.         {block:RebloggedFrom}
  782.             {block:Reblogs}
  783.                 <div class="comment-head">
  784.                     <img src="{portraiturl-64}" class="avatar"/>
  785.                     <span>by</span>
  786.                     {block:IsActive}
  787.                         <a href="{Permalink}" class="username">@{username}</a>
  788.                     {block:IsActive}
  789.                    
  790.                     {block:IsDeactivated}
  791.                         <span class="username deactivated">@{username}</span>
  792.                     {/block:IsDeactivated}
  793.                 </div>  
  794.                    
  795.                 <div class="comment-body">
  796.                     {body}
  797.                 </div>
  798.                
  799.             {/block:Reblogs}
  800.         {/block:RebloggedFrom}
  801.        
  802.         {block:NotReblog}
  803.             <div class="comment-body">
  804.                 {body}
  805.             </div>
  806.         {/block:NotReblog}
  807.     </div>
  808. {/block:Text}
  809.  
  810. <!------ photo ------>
  811.  
  812. {block:Photo}
  813.     <div class="ph">
  814.         <a href="{PhotoURL-HighRes}" 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">
  815.             <img src="{PhotoURL-HighRes}">
  816.         </a>
  817.     </div>
  818. {/block:Photo}
  819.  
  820. <!------ photoset ------>
  821.  
  822. {block:Photoset}
  823.     <div class="ph">
  824.         <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  825.             {block:Photos}
  826.                 <div class="photo-data">
  827.                     <div class="pxu-photo">
  828.                         <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  829.                     </div>
  830.                    
  831.                     <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  832.                 </div>
  833.             {/block:Photos}
  834.         </div>
  835.     </div>
  836. {/block:Photoset}
  837.  
  838. <!------ quote ------>
  839.  
  840. {block:Quote}
  841.     <div class="ph">
  842.         <div class="quote">
  843.             {Quote}
  844.         </div>
  845.         {block:Source}
  846.             <div class="source">
  847.                 {Source}
  848.             </div>
  849.         {/block:Source}
  850.     </div>
  851. {/block:Quote}
  852.  
  853. <!------ link ------>
  854.  
  855. {block:Link}
  856.     <div class="link">
  857.         <div class="left"><i data-feather="link"></i></div>
  858.         <span class="linked">
  859.             <a {Target} href="{URL}">{Name}</a>
  860.         </span>
  861.     </div>
  862.     {block:Description}
  863.         <div class="comment">
  864.             {block:RebloggedFrom}
  865.                 {block:Reblogs}
  866.                     <div class="comment-head">
  867.                         <img src="{portraiturl-64}" class="avatar"/>
  868.                         <span>by</span>
  869.                         {block:IsActive}
  870.                             <a href="{Permalink}" class="username">@{username}</a>
  871.                         {block:IsActive}
  872.                        
  873.                         {block:IsDeactivated}
  874.                             <span class="username deactivated">@{username}</span>
  875.                         {/block:IsDeactivated}
  876.                     </div>  
  877.                        
  878.                     <div class="comment-body">
  879.                         {body}
  880.                     </div>
  881.                    
  882.                 {/block:Reblogs}
  883.             {/block:RebloggedFrom}
  884.            
  885.             {block:NotReblog}
  886.                 <div class="comment-body">
  887.                     {description}
  888.                 </div>
  889.             {/block:NotReblog}
  890.         </div>
  891.     {/block:Description}
  892. {/block:Link}
  893.  
  894. <!------ chat ------>
  895.  
  896. {block:Chat}
  897.     <div class="ph chat">
  898.         {block:Title}<h2 class="title">{Title}</h2>{/block:Title}
  899.         <ul>
  900.             {block:Lines}
  901.                 <li>
  902.                     {block:Label}<span class="label {alt}">{Label}</span>{/block:Label} {Line}
  903.                 </li>
  904.             {/block:Lines}
  905.         </ul>
  906.     </div>
  907. {/block:Chat}
  908.  
  909. <!------ audio ------>
  910.  
  911. {block:Audio}
  912.     <div class="ph audio">
  913.         <div class="audio-info">
  914.            
  915.             <div class="player">
  916.                 {AudioPlayer}
  917.             </div>
  918.            
  919.             <div class="ta">
  920.                 {block:TrackName}
  921.                     <span class="track"> <i data-feather="music"></i><span>{TrackName}</span></span>
  922.                 {/block:TrackName}
  923.                
  924.                 {block:Album}
  925.                     <span class="album"> <i data-feather="disc"></i><span>{album}</span></span>
  926.                 {/block:Album}
  927.                
  928.                 {block:Artist}
  929.                     <span class="artist"> <i data-feather="mic"></i><span>{Artist}</span></span>
  930.                 {/block:Artist}
  931.             </div>
  932.            
  933.         </div>
  934.        
  935.     </div>
  936. {/block:Audio}
  937.  
  938. <!------ video ------>
  939.  
  940. {block:Video}
  941.     <div class="ph video">
  942.         {Video-500}
  943.     </div>
  944. {/block:Video}
  945.  
  946. <!------ answer ------>
  947.  
  948. {block:Answer}
  949.     <div class="ph asked">
  950.         <div class="ask">
  951.             <div class="ask-icon">
  952.                 <i data-feather="mail"></i>
  953.             </div>
  954.            
  955.             <div class="asker-head">
  956.                 {asker}
  957.             </div>
  958.            
  959.             <div class="asker-body">{Question}</div>
  960.         </div>
  961.      
  962.         {block:Answerer}
  963.             <div class="answer">
  964.                 <div class="answer-icon">
  965.                     <i data-feather="corner-down-left"></i>
  966.                 </div>
  967.                 <div class="answer-head">
  968.                     {answerer}
  969.                 </div>
  970.                
  971.                 <div class="answer-body">{answer}</div>
  972.             </div>
  973.         {/block:Answerer}
  974.        
  975.         {block:NotReblog}
  976.             <div class="answer">
  977.                 <div class="answer-icon">
  978.                     <i data-feather="corner-down-left"></i>
  979.                 </div>
  980.                 <div class="answer-body">{answer}</div>
  981.             </div>
  982.         {/block:NotReblog}
  983.        
  984.         {block:RebloggedFrom}  
  985.             {block:reblogs}
  986.                 <div class="answer">
  987.                     <div class="answer-icon">
  988.                         <i data-feather="corner-down-left"></i>
  989.                     </div>
  990.                     <div class="answer-head">
  991.                         {block:IsActive}
  992.                             <a href="{Permalink}">{username}</a>
  993.                         {block:IsActive}
  994.                        
  995.                         {block:IsDeactivated}
  996.                             <span class="deactivated">{username}</span>
  997.                         {/block:IsDeactivated}
  998.                     </div>
  999.                    
  1000.                     <div class="answer-body">{body}</div>
  1001.                 </div>
  1002.             {/block:Reblogs}
  1003.         {/block:RebloggedFrom}
  1004.     </div>
  1005. {/block:Answer}
  1006.  
  1007. <!------ caption ------>
  1008.  
  1009. {block:Caption}
  1010.     <div class="comment">
  1011.         {block:RebloggedFrom}
  1012.             {block:Reblogs}
  1013.                 <div class="comment-head">
  1014.                     <img src="{portraiturl-64}" class="avatar"/>
  1015.                     <span>by</span>
  1016.                     {block:IsActive}
  1017.                         <a href="{Permalink}" class="username">@{username}</a>
  1018.                     {block:IsActive}
  1019.                    
  1020.                     {block:IsDeactivated}
  1021.                         <span class="username deactivated">@{username}</span>
  1022.                     {/block:IsDeactivated}
  1023.                 </div>  
  1024.                    
  1025.                 <div class="comment-body">
  1026.                     {body}
  1027.                 </div>
  1028.                
  1029.             {/block:Reblogs}
  1030.         {/block:RebloggedFrom}
  1031.        
  1032.         {block:NotReblog}
  1033.             <div class="comment-body">
  1034.                 {caption}
  1035.             </div>
  1036.         {/block:NotReblog}
  1037.     </div>
  1038. {/block:Caption}
  1039.  
  1040. <!------ date ------>
  1041.  
  1042. {block:Date}
  1043.    
  1044.     <div class="info">
  1045.        
  1046.         <span class="posted">posted on <a href="{permalink}" class="time">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> with <span class="n"><span class="notecount">{NoteCountWithLabel}</span></span>
  1047.        
  1048.         {block:permalinkpage}
  1049.             {block:RebloggedFrom}
  1050.                 <div class="via-source">
  1051.                     <span>via: <a href="{reblogparenturl}">{reblogparentname}</a></span>
  1052.                     <span>source: <a href="{reblogrooturl}">{reblogrootname}</a></span>
  1053.                 </div>
  1054.             {/block:RebloggedFrom}
  1055.         {/block:permalinkpage}
  1056.        
  1057.         {block:HasTags}
  1058.             <div class="tags">
  1059.                 <span>filed under:</span>
  1060.                 {block:Tags}
  1061.                     <a href="{TagURL}">#{Tag}</a>
  1062.                 {/block:Tags}
  1063.             </div>
  1064.         {/block:HasTags}
  1065.     </div>
  1066.    
  1067. {/block:Date}
  1068.  
  1069. </article> <!-- end of posts -->
  1070.  
  1071. <!------ notes ------>
  1072.  
  1073. {block:Date}
  1074.     {block:PermalinkPage}
  1075.         {block:PostNotes}
  1076.             {PostNotes-64}
  1077.         {/block:PostNotes}
  1078.     {/block:PermalinkPage}
  1079. {/block:Date}
  1080.  
  1081. {/block:Posts}
  1082.  
  1083. </div>
  1084.  
  1085. <!--------------- FOOTER --------------->
  1086.  
  1087. {block:ifNotInfiniteScroll}
  1088.     <footer>
  1089.         {block:pagination}
  1090.             <div class="pagination">
  1091.                 {block:PreviousPage}
  1092.                     <a href="{PreviousPage}">previous page</a>
  1093.                 {/block:PreviousPage}
  1094.                 {block:NextPage}
  1095.                     <a href="{NextPage}">next page</a>
  1096.                 {/block:NextPage}
  1097.             </div>
  1098.         {/block:pagination}
  1099.        
  1100.         <div class="cr">theme by <a href="//luacodes.tumblr.com">luacodes.</a> powered by tumblr.</div>
  1101.     </footer>
  1102. {/block:ifNotInfiniteScroll}
  1103.  
  1104. {block:permalinkpage}
  1105.     <footer>
  1106.             <div class="cr">theme by <a href="//luacodes.tumblr.com">luacodes.</a> powered by tumblr.</div>
  1107.     </footer>
  1108. {/block:permalinkpage}
  1109.  
  1110. </div>
  1111.  
  1112. {block:ifInfiniteScroll}
  1113.     {block:indexpage}
  1114.         {block:Pagination}
  1115.             <div class="next">
  1116.                 {block:NextPage}
  1117.                     <a href="{NextPage}"></a>
  1118.                 {/block:NextPage}
  1119.             </div>
  1120.         {/block:Pagination}
  1121.    
  1122.         <a href="//luacodes.tumblr.com" class="fixit"><i data-feather="zap"></i></a>
  1123.     {block:indexpage}
  1124. {/block:ifInfiniteScroll}
  1125.  
  1126. </body>
  1127.  
  1128. </html>
RAW Paste Data
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
 
Top