Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!--
- candelabrum theme.
- atherus © 2018. all rights reserved.
- 01. back to top © fragilehelp
- 02. new controls © cyantists
- 03. pxu photoset © gray gilmore
- 04. infinite scroll © paul irish
- 05. video resizing, minimal soundcloud, lightboxes © shythemes
- 06. un-nest caption plugin © magnusthemes, neothm
- 07. tooltips © eruhption
- 08. smoothscroll © zachary fury
- 09. masonry © david desandro
- 10. icons © fontawesome
- -->
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- {block:Description}
- <meta name="description" content="{MetaDescription}"/>
- {/block:Description}
- <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
- {block:Hidden}
- <meta name="color:background" content="#f9f9f9"/>
- <meta name="color:highlights" content="#ffffff"/>
- <meta name="color:accent" content="#bbb093"/>
- <meta name="color:asker" content="#fafafa"/>
- <meta name="color:borders" content="#ededed"/>
- <meta name="color:links" content="#6b6b6b"/>
- <meta name="color:links hover" content="#888888"/>
- <meta name="color:title" content="#978966"/>
- <meta name="color:text" content="#666666"/>
- <meta name="color:scrollbar" content="#e6e6e6"/>
- <meta name="color:selection" content="#fff7cc"/>
- <meta name="select:fonts" content="Work Sans" title="Work Sans"/>
- <meta name="select:fonts" content="Arial" title="Arial"/>
- <meta name="text:link 1" content="link 1"/>
- <meta name="text:link 1 url" content="URL"/>
- <meta name="text:link 2" content="link 2"/>
- <meta name="text:link 2 url" content="URL"/>
- <meta name="image:icon" content="https://static.tumblr.com/ad43e88807e19e7189e26ec35611d131/goypnar/FEJphyp01/tumblr_static_7yl7f2cy84o48cwskwcssk4ok.jpg"/>
- <meta name="if:show link 1" content="1"/>
- <meta name="if:show link 2" content="2"/>
- <meta name="if:caption" content="1"/>
- <meta name="if:dark tumblr control" content="1"/>
- <meta name="if:pagination" content="0"/>
- {/block:Hidden}
- <link href='https://fonts.googleapis.com/css?family=Work Sans:300,300i,700,700i|Arial|Fira+Mono' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
- <script type="text/javascript" src="https://static.tumblr.com/5u1fog0/GzWnj3uo9/ltop.js"></script>
- <link href='https://static.tumblr.com/blpgwiz/u8Qmijy1c/fade_in_up.css' rel='stylesheet' type='text/css'>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script> (function($){ $(document).ready(function(){ $("[title],a[title],img[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:100, tip_fade_speed:300, attribute:"title" }); }); })(jQuery); </script>
- <script type="text/javascript" src="https://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
- <style type="text/css">
- iframe.tmblr-iframe {z-index:99999999999999!important;top:4px!important;right:0!important;opacity:0;padding-right:46px;{block:ifdarktumblrcontrol}filter:invert(55%);{/block:ifdarktumblrcontrol}transform:scale(0.45);transform-origin:100% 0;transition:1s;}
- iframe.tmblr-iframe:hover {opacity:.6!important;transition:1s;}
- .hcontrols {position:fixed;top:0;right:0;z-index:999999999;}
- .hcontrols svg {width:14px;height:14px;padding:9px;}
- .hcontrols svg path {fill:{color:links};}
- *html, body {max-width:100%;height:100%;}
- @keyframes fadein {from {opacity:0;} to {opacity:1;}}
- @-moz-keyframes fadein {from {opacity:0;} to {opacity:1;}} /* Firefox */
- @-webkit-keyframes fadein {from {opacity:0;} to {opacity:1;}} /* Safari and Chrome */
- @-o-keyframes fadein {from {opacity:0;} to {opacity:1;}} /* Opera */
- body {word-wrap:break-word;background-color:{color:background};background-repeat:repeat;background-attachment:fixed;color:{color:text};font:normal 300 11px/150% "{select:fonts}", sans-serif;text-transform:none;text-align:justify;margin:0;word-spacing:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-animation-name:fadeIn;animation-name:fadeIn;}
- h1,h2,h3,h4,h5,h6 {padding:0;display:block;margin-top:15px;margin-bottom:15px;margin-left:15px;margin-right:15px;text-align:left;font-size:12px;}
- h2 {padding:0;margin:7px 0 7px;font-size:.8rem;border:none;}
- a, a:link, a:visited, a:active {color:{color:links};text-decoration:none;transition:.5s;}
- a:hover {color:{color:links hover};transition:.5s;}
- li {margin-left:-17px;margin-right:10px;}
- .caption {margin:10px 15px 6px;width:auto;padding:0;overflow:hidden;text-align:justify;background:{color:highlights};}
- .caption img {width:calc(100% - 0);display:block;margin:0 auto;position:relative;}
- .caption a {margin:0;padding:0;display:inline-block;font-weight:700;text-decoration:underline {color:borders};color:{color:links};transition:.7s;word-wrap:break-word;}
- .caption a:hover {transition:1s;color:{color:links hover};text-decoration:underline {color:borders} transparent;}
- .caption a.tumblr_blog {font-weight:700;color:{color:links};text-decoration:underline {color:borders};padding:0;margin:0;background:{color:highlights};display:inline-block;}
- .caption .tumblr_blog {margin:0 auto;display:block;text-transform:lowercase;border:none;}
- .caption i, em {color:{color:accent};}
- .caption blockquote {margin:0;padding:0;border:none;}
- .caption blockquote img {margin:15px auto 0;}
- .caption blockquote.tumblr_parent {position:relative;padding:0;display:inline-block;margin:6px auto 0;}
- .caption blockquote.tumblr_parent img {margin:15px 0 0;}
- .caption blockquote.tumblr_parent a {font-weight:bold;margin:0 auto;padding:0;display:inline-block;}
- .caption blockquote.tumblr_parent > a:first-of-type {font-weight:700;display:inline;margin:0;padding:0;}
- .caption blockquote.tumblr_parent > a:first-of-type:hover {color:{color:links hover};}
- blockquote.tumblr_parent > p:first-of-type {display:block;}
- blockquote.tumblr_parent > blockquote p:first-of-type {display:inline;}
- img.tumblr_avatar {float:left;width:10px;height:10px;border-radius:3px;display:block;margin-top:2px!important;margin-right:7px!important;}
- small, sub {font-size:10px;}
- hr {max-width:100%;border:0;border-top:.5px solid {color:borders};border-bottom:.5px solid {color:borders};margin:15px 0 10px;}
- pre, code {text-align:left;font:normal 1em/1.4em "fira mono", monospace;}
- pre {line-height:170%;margin:5px 0;text-shadow:1px 1px 0px white;font-family:inconsolate,monospace;font-size:12px;overflow-x:scroll;}
- code {text-align:left;margin:0;padding:0;display:block;}
- .vignette, #vignette {opacity:0;}
- .lightbox-image, #tumblr_lightbox img {box-shadow:none!important;border-radius:0!important;max-width:none;-moz-box-sizing:border-box;box-sizing:border-box;}
- .tmblr-lightbox, #tumblr_lightbox {background-color:rgba(0,0,0,.8)!important;}
- .tumblrAutoPager_page_separator, .tumblrAutoPager_page_info {display:none;}
- ::-webkit-scrollbar {width:7px;height:7px;}
- ::-webkit-scrollbar-thumb {border:0;background:{color:scrollbar};border-radius:100px;}
- ::-webkit-scrollbar-button {width:7px;height:7px;}
- ::-moz-selection {background:{color:selection};color:{color:text};}
- ::selection {background:{color:selection};color:{color:text};}
- iframe.tumblr_audio_player {height:84px;width:100%;margin-bottom:-4px;position:relative;}
- #youtube_iframe {background-position:center;display:block;}
- .spotify_audio_player {height:80px!important;width:100%;}
- .soundcloud_audio_player {height:90px!important;width:100%;}
- .entry {width:185px;margin:auto;height:auto;{block:PermalinkPage}width:330px;{/block:PermalinkPage}}
- #posts {margin-top:24px;margin-left:-197px;margin-bottom:58px;margin-right:0;padding:0 14px 15px 15px;transition:.5s;{block:PermalinkPage}margin-left:-160px;margin-top:34px;padding:0 0 100px 15px;{/block:PermalinkPage}background:{color:background};}
- .posts {width:calc(280px + 20px);margin:20px;padding:0;background:{color:highlights};transition:1s;opacity:1;{block:PermalinkPage}width:350px;margin-top:40px;{/block:PermalinkPage};border:1px solid {color:borders};font:normal 400 11px/140% "{select:fonts}", sans-serif;transition:.9s;border-radius:4px;}
- {block:IndexPage}
- .posts {opacity:0;z-index:-1;transition:.5s;}
- #pagination {display:none;!important}
- #infscr-loading {display:none!important;}
- .tmblr-iframe--app-cta-button {display:none!important;}
- {/block:IndexPage}
- .posts img, video {max-width:100%;height:auto;overflow:hidden;position:relative;transition:all 1s ease;padding:0;display:block;margin:0;}
- .video, .tumblr_video_container {max-width:100%!important;height:auto!important;}
- aside {padding:0;width:calc(160px + 20px);margin-top:20px;margin-left:174px;background:{color:highlights};text-align:left;height:auto;position:fixed;z-index:10;line-height:12px;border:1px solid {color:borders};transition:.9s;border-radius:4px;{block:PermalinkPage}margin-top:0;margin-left:270px;{/block:PermalinkPage}}
- aside img {text-align:left;width:180px!important;height:auto;display:block;margin:0 10px 0 0;background:{color:background};border-top-left-radius:4px;border-top-right-radius:4px;}
- url {margin-top:-28px;background:rgba({RGBcolor:highlights},.8)!important;z-index:10;width:150px;position:absolute;margin-left:0;margin-right:0;margin-bottom:0;display:inline-block;padding:8px 15px;text-transform:lowercase;text-align:left;}
- url strong {color:{color:accent};}
- .d {margin:0;height:auto;display:inline-block;width:auto;padding:15px;background:{color:highlights};text-align:justify;transition:.5s;border-top:1px solid {color:borders};line-height:142%;color:{color:text};border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
- .d i {color:{color:accent};}
- .d a {color:{color:accent};font-weight:bold;text-decoration:underline {color:borders};}
- .d, .d a:hover {color:{color:links hover};transition:1s;}
- header {z-index:10;bottom:0;left:0;background:rgba({RGBcolor:highlights},1);border-top:1px solid {color:borders};padding:15px;position:fixed;height:20px;width:100%;}
- .avatar-square img {width:24px!important;height:24px!important;border-radius:3px;float:left;display:inline-block;text-align:left;margin-top:-2px;margin-right:7px;}
- .avatar-circle img {width:24px!important;height:24px!important;border-radius:100%;float:left;display:inline-block;text-align:left;margin-top:-2px;margin-right:7px;}
- .avatar-{avatarshape} img:hover {animation:1s ease-in-out jello;}
- @keyframes jello { from, 11.1%, to {-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 22.2% {-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg);} 33.3% {-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg);} 44.4% {-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg);} 55.5% {-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg);} 66.6% {-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform: skewX(-0.78125deg) skewY(-0.78125deg);} 77.7% {-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg);} 88.8% {-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg);}}
- nav {margin:0 auto;display:block;padding:0;width:auto;}
- nav a:nth-child(1) {background-color:{color:background};border:2px solid {color:borders};color:{color:title};padding:3px 10px 0px;display:inline-block;border-radius:2px;margin:-14px 10px 0;}
- nav a:nth-child(1):hover span, nav a:focus:nth-child(1) span {transform:none;}
- nav a {display:inline-block;font-weight:bold;margin:0 10px 0;color:{color:links};padding:0 10px;border:2px solid transparent;height:20px;overflow:hidden;}
- nav a span {display:inline-block;position:relative;transition:transform 500ms;-webkit-transition:-webkit-transform 500ms;-moz-transition:transform 500ms;}
- nav a span:after {content:attr(data-hover);position:absolute;top:30px;left:0;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}
- nav a:hover span, nav a:focus span {transform:translateY(-30px);-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);}
- nav a:hover {transition:1s;color:{color:links hover};}
- #pag {padding:10px 15px;width:150px;margin-left:0;background:{color:highlights};margin-top:20px;text-align:center;height:auto;position:absolute;line-height:23px;border-radius:4px;border:1px solid {color:borders};}
- #pag a {width:auto;text-align:center;color:{color:links};padding:6px 8px;margin:0 -1px;text-transform:lowercase;font-weight:bold;text-decoration:underline {color:borders};}
- #pag a:hover {color:{color:links hover};}
- .chat ul {margin:10px auto;padding:0;text-align:left;}
- .chat li {padding:8px 10px;list-style-type:none;margin:15px 15px;background:{color:background};border:1px solid {color:borders};border-radius:4px;font-family:"fira mono",monospace;font-size:10px;}
- span.chats {font-weight:bold;padding:0;text-transform:capitalize;line-height:23px;font-family:"{select:fonts}", sans-serif;font-size:11px;}
- .ask {margin-top:15px;margin-left:43px;margin-right:15px;padding:14px 12px;width:auto;color:{color:text};text-align:justify;background:{color:asker};border:1px solid {color:borders};border-radius:4px;}
- .ask .fas {font-size:14px;float:left;margin-left:-40px;margin-top:-10px;}
- .asker {margin-top:0;margin-left:0;margin-right:0;width:auto;text-transform:lowercase;padding:0;text-align:left;margin-bottom:4px;}
- .asker a {margin:0;padding:0;text-align:left;}
- .answer {margin:15px 15px 15px 15px;padding:3px 0 0;width:auto;color:{color:text};text-align:justify;border-top:1px dotted {color:borders};}
- .answer blockquote {border:none;margin:0 auto;padding:0;}
- .answer a {font-weight:bold;text-decoration:underline {color:borders};}
- .answer img {margin-top:10px;border-radius:4px;}
- .quote {text-align:justify;padding:15px;margin:0 30px 0 0;display:inline-block;width:auto;line-height:14px;}
- .quote:before {content:'❜';display:block;margin-top:5px;margin-left:260px;font-size:20px;position:absolute;}
- #sc {margin-top:0;margin-left:0;width:auto;text-align:right;padding:4px 0 0;font-family:"{select:fonts}", sans-serif;font-size:11px;font-style:normal;}
- #sc a {color:{color:links};transition:.5s;font-weight:700;text-decoration:underline {color:borders};}
- #link {padding:0;margin:0;text-align:left;}
- .tit-url {text-align:center;margin:0 auto;padding:15px;color:{color:links};text-transform:lowercase;background:{color:background};border-bottom:1px solid {color:borders};}
- .bottom .fas {margin-top:1px;position:relative;display:inline-block;margin-left:0;float:right;text-align:center;transition:.5s;padding:0;font-size:12px;}
- .bottom date {background:{color:accent};color:{color:highlights};padding:1px 3px;margin-right:7px;font-weight:bold;text-transform:capitalize;border-radius:1px;}
- .bottom a {font-weight:bold;color:{color:links};text-decoration:underline {color:borders};}
- .bottom {width:auto;display:block;overflow:hidden;text-align:left;color:{color:links};margin:0;padding:15px 15px 15px;border-top:1px solid {color:borders};}
- .bottom a:hover, #notes-top a:hover {color:{color:links hover};transition:ease-in-out all .3s;}
- #notes-top {margin-left:0;float:left;margin-top:0;text-align:left;width:90%;display:block;padding:15px;border-bottom:1px solid {color:borders};font-weight:400;font-family:"fira mono", monospace;line-height:25px;}
- #notes-top a {display:inline-block;text-align:left;margin:2px 0 0;text-decoration:underline {color:borders};float:left;}
- #notes-top svg {width:10px;height:10px;margin:4px 4px 0;}
- #notes-top img {width:20px;height:20px;border-radius:4px;float:left;margin-right:10px;}
- .permalink {position:absolute;margin:10px 20px 0;width:350px;overflow:hidden;margin-bottom:110px;padding:15px 0 0;background:{color:highlights};border:1px solid {color:borders};}
- .permalink .date {padding:0 15px 5px;font-weight:bold;text-align:left;}
- ol.notes li {margin:0;transition:.7s;}
- .notes li {display:block;list-style:none;margin:0;}
- ol.notes li.note a {color:{color:links};font-weight:bold;text-decoration}
- ol.notes {margin:0;width:auto;padding:10px;text-align:justify;overflow:hidden;}
- ol.notes li.note {display:block;text-align:left;padding:10px;line-height:140%;}
- ol.notes li.note:nth-child(even) {background:{color:background};border-radius:4px;border:1px solid {color:borders};}
- ol.notes li.note img.avatar {display:none!important;}
- li#more_notes, .more_notes_link, .notes_loading {text-align:center!important;}
- #s-m-t-tooltip {max-width:500px;padding:4px 14px 5px 15px;margin:12px 15px;background:{color:highlights};border:1px solid {color:borders};color:{color:text};z-index:123456789;border-radius:4px;}
- #ltop:link, #ltop:visited {color:{color:links};position:fixed;text-align:center;z-index:100;width:auto;display:none;text-align:center;transition:.7s;margin-left:0;margin-top:0;right:140px;}
- #credit {color:{color:links};margin-top:0;margin-right:100px;text-align:center;z-index:100;font-weight:bold;float:right;}
- input:focus::-webkit-input-placeholder {color:transparent;}
- input:focus:-moz-placeholder {color:transparent;}
- input:focus::-moz-placeholder {color:transparent;}
- input:focus:-ms-input-placeholder {color:transparent;}
- .requiro input {outline:none;border:0;width:50px;padding:3px 10px 5px;margin-top:-28px;margin-bottom:0;margin-left:0;margin-right:20px;background:transparent;font-size:11px;font-family:"{select:fonts}", sans-serif;border:none;float:right;font-weight:bold;font-style:normal;}
- .requiro {padding:0;background:transparent;}
- .requiro input[type=text]{color:{color:text};}
- input::-webkit-input-placeholder{color:{color:text};}
- input::-moz-placeholder{color:{color:text};}
- input:-moz-placeholder{color:{color:text};}
- input:-ms-input-placeholder{color:{color:text};}
- </style>
- <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script type="text/javascript" src="https://static.tumblr.com/5u1fog0/GzWnj3uo9/ltop.js"></script>
- <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- </head>
- <body>
- <div class="entry">
- <header>
- <div class="avatar-{AvatarShape}">
- <a href="{BlogURL}"><img src="{PortraitURL-128}"/></a>
- </div>
- <nav>
- <a href="{BlogURL}">{Title}</a>
- <a href="/ask"><span data-hover="e-mail">e-mail</span></a>
- <a href="/archive"><span data-hover="past">past</span></a>
- {block:IfShowLink1}
- <a href="{text:Link 1 URL}"><span data-hover="{text:Link 1}">{text:Link 1}</span></a>
- {/block:IfShowLink1}
- {block:IfShowLink2}
- <a href="{text:Link 2 URL}"><span data-hover="{text:Link 2}">{text:Link 2}</span></a>
- {/block:IfShowLink2}
- <a href="https://atherus.tumblr.com/" id="credit">theme</a>
- <a href="javascript:;" id="ltop">scroll to top</a>
- </nav>
- <form class="requiro" action="/search" method="get"><input type="text" name="q" placeholder="search" value=""/></form>
- </header>
- <aside>
- <img src="{image:icon}"/>
- <url><strong>{Name}</strong>.tumblr.com</url>
- <div class="d">
- {block:Description}
- {Description}
- {/block:Description}
- </div>
- {block:ifpagination}{block:Pagination}<div id="pag">{block:PreviousPage}<a href="{PreviousPage}" id="prev">newer</a>{/block:PreviousPage}<span class="current">{CurrentPage} <span style="opacity:.3;">/</span> {TotalPages}</span>{block:NextPage}<a href="{NextPage}" id="next">older</a>{/block:NextPage}
- </div>{/block:Pagination}{/block:ifpagination}
- </aside>
- <div id="posts">
- {block:Posts}
- <div class="posts">
- {block:Text}
- <h1>{Title}</h1>
- <div class="caption">{Body}</div>
- {block:IndexPage}
- <div class="bottom"> <date>{ShortDayOfWeek}</date> <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> ⠀⠀{NoteCountWithLabel}
- <a target="_blank" href="{ReblogURL}"> <i class="fas fa-external-link-alt"></i></a> </div>
- {/block:IndexPage}
- </div>
- {/block:Text}
- {block:Photo}
- {block:IndexPage}
- <div id="notes-top">
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}" title="{ReblogParentName}" target="_blank"><img src="{ReblogParentPortraitURL-128}"/></a> {block:photo}
- {/block:RebloggedFrom}
- {block:NotReblog}
- <a href="{BlogURL}" title="{Name}"><img src="{PortraitURL-128}"/></a> {block:photo}
- {/block:NotReblog}
- </div>
- {/block:IndexPage}
- <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}"></a>
- {block:IfCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfCaption}
- {block:IndexPage}
- <div class="bottom"> <date>{ShortDayOfWeek}</date> <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> ⠀⠀{NoteCountWithLabel}
- <a target="_blank" href="{ReblogURL}"> <i class="fas fa-external-link-alt"></i></a> </div>
- {/block:IndexPage}
- </div>
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}
- <div id="notes-top">
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}" title="{ReblogParentName}" target="_blank"><img src="{ReblogParentPortraitURL-128}"/></a> {block:photoset}
- {/block:RebloggedFrom}
- {block:NotReblog}
- <a href="{BlogURL}" title="{Name}"><img src="{PortraitURL-128}"/></a> {block:photoset}
- {/block:NotReblog}
- </div>
- {/block:IndexPage}
- <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
- {block:IfCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfCaption}
- {block:IndexPage}
- <div class="bottom"> <date>{ShortDayOfWeek}</date> <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> ⠀⠀{NoteCountWithLabel}
- <a target="_blank" href="{ReblogURL}"> <i class="fas fa-external-link-alt"></i></a> </div>
- {/block:IndexPage}
- </div>
- {/block:Photoset}
- {block:Quote}
- <div class="quote">{Quote} {block:Source}<div id="sc">{Source}</div>{/block:Source}</div>
- {block:IndexPage}
- <div class="bottom"> <date>{ShortDayOfWeek}</date> <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> ⠀⠀{NoteCountWithLabel}
- <a target="_blank" href="{ReblogURL}"> <i class="fas fa-external-link-alt"></i></a> </div>
- {/block:IndexPage}
- </div>
- {/block:Quote}
- {block:Link}
- <div id="link">
- {block:Host}
- <div class="tit-url"><b><a href="{URL}" {Target}>{Host} </a></b></div>
- {/block:Host}
- {block:Description}
- <div class="caption">{Description}</div>
- {/block:Description}
- </div>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {block:IndexPage}
- <div class="bottom"> <date>{ShortDayOfWeek}</date> <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> ⠀⠀{NoteCountWithLabel}
- <a target="_blank" href="{ReblogURL}"> <i class="fas fa-external-link-alt"></i></a> </div>
- {/block:IndexPage}
- </div>
- {/block:Link}
- {block:Chat}
- <div class="chat">
- <h1>{Title}</h1>
- <ul>
- {block:Lines}
- <li class="{Alt} {UserNumber}">
- {block:Label}
- <span class="chats">{Label}</span>
- {/block:Label}
- {Line}
- </li>
- {/block:Lines}
- </ul>
- </div>
- {block:IndexPage}
- <div class="bottom"> <date>{ShortDayOfWeek}</date> <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> ⠀⠀{NoteCountWithLabel}
- <a target="_blank" href="{ReblogURL}"> <i class="fas fa-external-link-alt"></i></a> </div>
- {/block:IndexPage}
- </div>
- {/block:Chat}
- {block:Audio}
- {block:IndexPage}
- <div id="notes-top">
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}" title="{ReblogParentName}" target="_blank"><img src="{ReblogParentPortraitURL-128}"/></a> {block:audio}
- {/block:RebloggedFrom}
- {block:NotReblog}
- <a href="{BlogURL}" title="{Name}"><img src="{PortraitURL-128}"/></a> {block:audio}
- {/block:NotReblog}
- </div>
- {/block:IndexPage}
- {block:AudioEmbed}
- {AudioEmbed-500}
- {/block:AudioEmbed}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {block:IndexPage}
- <div class="bottom"> <date>{ShortDayOfWeek}</date> <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> ⠀⠀{NoteCountWithLabel}
- <a target="_blank" href="{ReblogURL}"> <i class="fas fa-external-link-alt"></i></a> </div>
- {/block:IndexPage}
- </div>
- {/block:Audio}
- {block:Video}
- {block:IndexPage}
- <div id="notes-top">
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}" title="{ReblogParentName}" target="_blank"><img src="{ReblogParentPortraitURL-128}"/></a> {block:video}
- {/block:RebloggedFrom}
- {block:NotReblog}
- <a href="{BlogURL}" title="{Name}"><img src="{PortraitURL-128}"/></a> {block:video}
- {/block:NotReblog}
- </div>
- {/block:IndexPage}
- <div class="video">{Video-500}</div>
- {block:IfCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfCaption}
- {block:IndexPage}
- <div class="bottom"> <date>{ShortDayOfWeek}</date> <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> ⠀⠀{NoteCountWithLabel}
- <a target="_blank" href="{ReblogURL}"> <i class="fas fa-external-link-alt"></i></a> </div>
- {/block:IndexPage}
- </div>
- {/block:Video}
- {block:Answer}
- <div class="ask"><i class="fas fa-edit"></i> <div class="asker">q: <b>{Asker}</b></div> {Question} </div>
- <div class="answer">{Answer}</div>
- {block:IndexPage}
- <div class="bottom"> <date>{ShortDayOfWeek}</date> <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> ⠀⠀{NoteCountWithLabel}
- <a target="_blank" href="{ReblogURL}"> <i class="fas fa-external-link-alt"></i></a> </div>
- {/block:IndexPage}
- </div>
- {/block:Answer}
- {block:ContentSource}<!--{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->{/block:ContentSource}<!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom}-->
- {block:PermalinkPage}
- {block:PostNotes}
- <div class="permalink">
- {block:Date}
- <div class="date">
- {DayOfMonth}{DayOfMonthSuffix} {Month} {Year}, {12Hour}:{Minutes}:{Seconds}{CapitalAMPM} ⋅ <em class="notecount">{NoteCountWithLabel}</em>
- </div>
- {/block:Date}
- {PostNotes-64}
- </div>
- {/block:PostNotes}
- </div>
- {/block:PermalinkPage}
- {/block:Posts}
- </div>
- <script src="https://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
- <script> $(document).ready(function(){ $('.video iframe').each(function(){ var scale = $(this).parents('.video').width() / 500; $(this).attr({ width: Math.floor($(this).attr('width') * scale), height: Math.floor($(this).attr('height') * scale)});});});</script>
- <script src="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
- {block:ifNotPagination}{block:IndexPage}{block:Pagination}<div id="pagination">{block:NextPage}<a id="next" href="{NextPage}"></a>{/block:NextPage}{block:PreviousPage}<a href="{PreviousPage}"></a>{/block:PreviousPage}</div>{/block:Pagination}{/block:IndexPage}</div>{/block:ifNotPagination}
- {block:IndexPage}
- <script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script><script src="https://static.tumblr.com/h7yjwkn/fcjorg4n8/jquery.infinitescroll.min.js"></script>
- {/block:IndexPage}
- <script>
- $(document).ready(function(){
- $('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '1px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- $(function(){ $('.posts').unnest({
- yourCaption:".caption",
- wrapName:".tumblr_parent",
- newCaptionUsername:true,
- originalPostCaptionUsername:true,
- tumblrAvatars:true,
- tumblrAvatarClass:".tumblr_avatar",
- usernameColon:true, });})
- {block:IndexPage}
- var $container = $('#posts');
- $container.masonry({ itemSelector: '.posts' });
- $container.imagesLoaded(function(){
- $container.masonry();
- $container.find('.posts').animate({ opacity: 1, zIndex: 1 });
- });
- $container.infinitescroll({
- itemSelector: '.posts',
- navSelector: '#pagination',
- nextSelector: '#next',
- loadingImg: '',
- loadingText: '<em></em>',
- errorCallback: function(){ $('.load').text('no more posts').parent('footer').delay(40).slideUp(400); },
- bufferPx: 20000
- },
- function(newElements){
- var $newElems = $( newElements ).css({ opacity: 0 });
- $newElems.unnest({
- yourCaption: ".caption",
- wrapName: ".tumblr_parent",
- newCaptionUsername:true,
- originalPostCaptionUsername:true,
- tumblrAvatars:true,
- tumblrAvatarClass:".tumblr_avatar",
- usernameColon:true, });
- var $newElemsIDs = $newElems.map(function(){
- return this.id;
- }).get();
- Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
- var $newElems = $( newElements );
- $newElems.find('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '1px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- },
- function(){
- $container.masonry();
- });
- $newElems.imagesLoaded(function(){
- $container.masonry( 'appended', $newElems );
- $newElems.animate({ opacity: 1, zIndex: 1 });
- resizeVideos();
- });
- function resizeVideos() {
- $('.video:not(.resized) iframe:not(.tumblr_video_iframe)').each(function(){
- var vw = $(this).width();
- var vh = $(this).height();
- var scale = $(this).parents('.video').width() / vw;
- $(this).attr({
- width: Math.floor($(this).attr('width') * scale),
- height: Math.floor($(this).attr('height') * scale)
- });
- $(this).parents('.video').addClass('resized');
- });
- $('.video:not(.resized) .tumblr_video_iframe').each(function(){
- var vw = $(this).width();
- var vh = $(this).height();
- var scale = $(this).parents('.video').width() / vw;
- $(this).css({
- 'transform': 'scale(' + scale + ')',
- 'margin': vh * (scale - 1) / 2 + 'px ' + vw * (scale - 1) / 2 + 'px'
- });
- $(this).parents('.tumblr_video_container').css({
- width: Math.floor(vw * ( scale + 1 ) / 2),
- height: Math.floor(vh * ( scale + 1 ) / 2)
- });
- $(this).parents('.video').addClass('resized');
- });
- }
- });
- {/block:IndexPage}
- });
- </script>
- </div>
- </div>
- </div>
- <script> feather.replace() </script>
- <div class="hcontrols"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/></svg></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment