Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>{block:PostSummary}{PostSummary} — {/block:PostSummary}{block:TagPage}{lang:Posts tagged Tag} — {/block:TagPage}{block:SearchPage}{lang:Search results for SearchQuery} — {/block:SearchPage}{Title}</title>
- <link rel="shortcut icon" href="{favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <meta name="viewport" content="width=device-width, initial-scale=1">
- {block:Hidden}
- <!--Default Variables-->
- <meta name="color:text" content="#111111"/>
- <meta name="color:background" content="#f6f6f6"/>
- <meta name="color:link" content="#9eacb1"/>
- <meta name="color:titles" content="#6f4543"/>
- <meta name="color:scrollbar thumb" content="#dddddd"/>
- <meta name="color:tooltip background" content="#ffffff"/>
- <meta name="color:tooltip border" content="#f0f0f0"/>
- <meta name="color:tooltip content" content="#111111"/>
- <meta name="color:selection text" content="#111111"/>
- <meta name="color:selection background" content="#c8ccbf"/>
- <meta name="color:accent" content="#F08080"/>
- <meta name="color:border" content="#dfdfdf"/>
- <meta name="color:list icon" content="#111111"/>
- <meta name="color:tag" content="#838588"/>
- <meta name="color:user" content="#32403f"/>
- <meta name="color:answer post question accent" content="#DDA0DD"/>
- <meta name="color:answer post question background" content="#eaeaea"/>
- <meta name="color:answer post question content" content="#111111"/>
- <meta name="color:audio post background" content="#5F9EA0"/>
- <meta name="color:audio post text" content="#ffffff"/>
- <meta name="color:chat post accent" content="#BC8F8F"/>
- <meta name="color:quote post accent" content="#DC143C"/>
- <meta name="color:link post background" content="#B0E0E6"/>
- <meta name="color:link post content" content="#111111"/>
- <meta name="color:link post hover content" content="#ffffff"/>
- <meta name="color:link post hover background" content="#4682B4"/>
- <meta name="color:post notes accent" content="#c2c2c2"/>
- <meta name="color:post notes border" content="#f0f0f0"/>
- <meta name="select:Post Width" title="300px" content="300"/>
- <meta name="select:Post Width" title="325px" content="325"/>
- <meta name="select:Post Width" title="350px" content="350"/>
- <meta name="select:Post Width" title="400px" content="400"/>
- <meta name="select:Post Width" title="450px" content="450"/>
- <meta name="select:Post Width" title="500px" content="500"/>
- <meta name="select:Post Width" title="540px" content="540"/>
- <meta name="text:ask title" content="Ask">
- <meta name="text:Link1" content=""/>
- <meta name="text:Link1 URL" content=""/>
- <meta name="text:Link2" content=""/>
- <meta name="text:Link2 URL" content=""/>
- <meta name="text:Link3" content=""/>
- <meta name="text:Link3 URL" content=""/>
- <meta name="text:Link4" content=""/>
- <meta name="text:Link4 URL" content=""/>
- {/block:Hidden}
- <!--css-->
- <link rel="stylesheet" href="https://static.tumblr.com/fxpo5zq/XZum5p9k0/standard.css"><link rel="stylesheet" href="https://dl.dropbox.com/s/ud6zka7vbm7dgml/basics.css"><link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;1,400;1,500&display=swap" rel="stylesheet">
- </head>
- <style type="text/css">
- :root{
- --text:{RGBcolor:text};
- --titles:{RGBcolor:titles};
- --selectext:{RGBcolor:selection text};
- --selectbg:{RGBcolor:selection background};
- }
- /*tumblr controls*/
- iframe.tmblr-iframe{
- top:5px;
- padding-right:3em;
- opacity:0;
- filter:invert(1);
- -webkit-filter:invert(1);
- -o-filter:invert(1);
- -moz-filter:invert(1);
- -ms-filter:invert(1);
- transition:all .3s linear;
- }
- iframe.tmblr-iframe:hover{
- opacity:.9;
- }
- .t-c{
- position:fixed;
- top:1em; right:1em;
- }
- .t-c svg{
- width:1em;
- height:1em;
- }
- /*basics*/
- body{
- font:normal 13px/1.5rem 'Lora', serif;
- color:{color:text};
- background:{color:background};
- }
- a{
- background:linear-gradient(
- {color:link},
- {color:link}
- ) 0 83%/1px 1px repeat-x;
- color:{color:link};
- transition:color .15s;
- }
- li:before{
- content:url("data:image/svg+xml,%3Csvg xmlns='http%3A%2F%2Fwww.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='rgb({RGBcolor:list icon})' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-minus'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
- }
- /*tooltip*/
- .ui-tooltip {
- z-index:6;
- position:Absolute;
- z-index:9999;
- padding-top:15px;
- }
- .ui-tooltip-content {
- background:{color:tooltip background};
- border:1px solid {color:tooltip border};
- padding:2px 6px;
- letter-spacing:.05rem;
- font-size:.9em;
- color:{color:tooltip content};
- }
- /*scrollbar*/
- ::-webkit-scrollbar{
- width:18px;
- height:6px;
- }
- ::-webkit-scrollbar-button {
- width:0px;
- height:0px;
- }
- ::-webkit-scrollbar-thumb{
- background:{color:scrollbar thumb};
- border:6px solid {color:background};
- border-top:4px solid {color:background};
- border-bottom:4px solid {color:background};
- border-radius:8px;
- }
- ::-webkit-scrollbar-track{
- background:{color:scrollbar thumb};
- border:8px solid {color:background};
- border-top:12px solid {color:background};
- border-bottom:12px solid {color:background};
- }
- /*sidebar*/
- aside{
- position:fixed;
- z-index:1;
- width:370px;
- background:{color:background};
- top:50%; left:50px;
- -webkit-transform:translateY(-50%);
- -moz-transform:translateY(-50%);
- transform:translateY(-50%);
- }
- .titlebar{
- text-align:left;
- font-size:15px;
- font-weight:500;
- }
- nav{
- display:block;
- width:100%;
- margin-top:5px;
- padding-bottom:10px;
- border-bottom:1px solid {color:border};
- }
- a.nav-link{
- display:inline;
- font-style:italic;
- text-transform:lowercase;
- margin-right:10px;
- background:none;
- color:{color:text};
- opacity:.6;
- }
- a.nav-link:last-of-type{
- margin-right:0;
- }
- a.nav-link:hover{
- opacity:1;
- }
- #stext{
- margin-top:15px;
- text-align:justify;
- }
- /*post*/
- section{
- width:{select:post width}px;
- margin:50px 0 50px 470px;
- }
- article{
- width:100%;
- position:relative;
- }
- {block:indexpage}
- .post{
- margin-bottom:50px;
- }
- .post:last-of-type{
- margin-bottom:0;
- }
- {/block:indexpage}
- .post_page{
- margin-bottom:35px;
- text-align:left;
- }
- .post_page .tag{
- display:inline-block;
- color:{color:tag};
- background:linear-gradient(
- rgb({RGBcolor:tag}, .5),
- rgb({RGBcolor:tag}, .5)
- ) 15px 100%/100% 2px no-repeat;
- }
- .post_page .tag:before{
- content:'#';
- }
- /*quote*/
- #quote{
- display:block;
- font:italic 1.5em/1.5rem 'Lora', serif;
- width:100%;
- text-align:left;
- letter-spacing:.05rem;
- }
- .s{
- display:block;
- margin-top:5px;
- font-weight:500;
- text-align:left;
- letter-spacing:.05rem;
- }
- .s:before{
- content:url("data:image/svg+xml,%3Csvg xmlns='http%3A%2F%2Fwww.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='rgb({RGBcolor:text})' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
- display:inline-block;
- vertical-align:middle;
- margin-right:5px;
- }
- .s a{
- color:{color:quote post accent};
- background:linear-gradient(
- {color:quote post accent},
- {color:quote post accent}
- ) 0 100%/100% 2px no-repeat;
- }
- /*text post*/
- h2.titles{
- color:{color:post title};
- padding:0;
- margin:0;
- }
- a.titles{
- display:inline;
- background:{color:link post background};
- padding:3px;
- border-radius:4px;
- -webkit-border-radius:4px;
- color:{color:link post content};
- font:italic 1em/1.5rem 'Lora', serif;
- letter-spacing:.1rem;
- }
- a.titles svg{
- display:inline-block;
- width:1em;
- height:1em;
- vertical-align:middle;
- margin:-4px 4px 0 0;
- color:{color:link post content};
- }
- a.titles:hover{
- color:{color:link post hover content};
- background:{color:link post hover background};
- }
- .text{
- text-align:justify;
- }
- /*chat*/
- .chat {
- margin:0;
- padding:0;
- list-style:none;
- letter-spacing:.015rem;
- text-align:left;
- }
- .chat li:before{
- display:none;
- }
- .l {
- margin:0 0 10px 0;
- padding:0;
- }
- .l:last-child {
- margin-bottom:0;
- }
- .label {
- font-weight:500;
- margin-right:5px;
- color:{color:chat post accent};
- }
- /*answers*/
- .question{
- display:flex;
- flex-wrap:wrap;
- flex-direction:row;
- justify-content:space-between;
- align-items:flex-start;
- width:100%;
- position:relative;
- }
- .asker-avatar{
- width:40px;
- height:40px;
- border-radius:3px;
- -webkit-border-radius:3px;
- margin-right:auto;
- }
- .asker{
- display:block;
- margin-bottom:5px;
- color:{color:answer post question accent};
- font-weight:500;
- letter-spacing:.03rem;
- }
- .asker a{
- background:none;
- color:{color:answer post question accent};
- border-bottom:1px solid rgba({RGBcolor:answer post question accent}, .1);
- border-radius:0;
- }
- .asker a:hover{
- border-bottom-color:rgba({RGBcolor:answer post question accent}, 1);
- }
- .asker-question{
- background:{color:answer post question background};
- width:calc(100% - 50px);
- box-sizing:border-box;
- padding:2px 8px;
- border-radius:3px;
- -webkit-border-radius:3px;
- color:{color:answer post question content};
- text-align:justify;
- }
- .answer{
- display:block;
- width:100%;
- position:relative;
- margin-top:15px;
- }
- .answerer{
- display:inline;
- text-align:left;
- margin:0;
- }
- .answerer a{
- display:;
- color:{color:link};
- background:none;
- }
- .replies{
- display:block;
- margin-top:5px;
- width:100%;
- }
- /*caption*/
- .caption{
- display:block;
- margin:25px 0 25px 0;
- padding:0;
- list-style:none;
- }
- .caption:before{
- display:none;
- }
- .caption:last-of-type{
- margin-bottom:0;
- }
- .npf_row{
- display:block;
- width:calc(100%);
- height:100%;
- margin:4px 0!important;
- padding:0;
- }
- a.user{
- background:none;
- color:{color:user};
- }
- .user{
- display:inline;
- font-weight:500;
- text-align:left;
- margin:0;
- position:relative;
- color:{color:user};
- }
- .user-avatar,
- .answerer-avatar{
- float:left;
- width:19px;
- height:19px;
- margin-right:.75em;
- border-radius:3px;
- display:inline-block;
- }
- .deactivated:after{
- content:'deactivated';
- position:absolute;
- display:inline-block;
- opacity:.25;
- margin:0;
- top:-4px; left:calc(100% + 5px);
- font-weight:500;
- color:{color:text};
- transition:opacity .6s;
- }
- .deactivated:hover:after{
- opacity:.75;
- transition:opacity .6s;
- }
- /*tags*/
- .tags{
- display:block;
- width:100%;
- margin-top:15px;
- text-align:left;
- }
- .tags a{
- font-weight:500;
- margin-right:10px;
- background:none;
- color:{color:tag};
- }
- {block:permalinkpage}
- .tags a:first-of-type{
- margin-left:5px;
- }
- {/block:permalinkpage}
- .tags a:last-of-type{
- margin-right:0;
- }
- .tags a:before{
- content:'#';
- }
- /*permalink*/
- .permalink{
- display:flex;
- flex-wrap:wrap;
- flex-direction:row;
- justify-content:space-between;
- align-items:flex-start;
- width:100%;
- margin-top:10px;
- }
- .permalink svg{
- display:inline-block;
- width:1rem;
- height:1rem;
- vertical-align:middle;
- }
- a.date{
- color:{color:text};
- background-image:linear-gradient(rgba({RGBcolor:text}, 1), rgba({RGBcolor:text}, 1));
- }
- a.date svg{
- margin:0 5px;
- }
- a.date:hover{
- background-image:linear-gradient(rgba({RGBcolor:text}, .1), rgba({RGBcolor:text}, .1));
- }
- /*like button*/
- #controls a{
- color:#001f3f;
- background:none;
- font-weight:500;
- }
- a.like-b{
- position:relative;
- display:inline-block;
- overflow:hidden;
- vertical-align:middle;
- margin-right:10px;
- }
- a.like-b:hover svg{
- color:#FF4136;
- }
- .like-b .liked + svg{
- color:#FF4136;
- fill:#FF4136;
- }
- a.like-b .like_button iframe{
- position:absolute;
- top:0; left:0; bottom:0; right:0;
- z-index:2;
- opacity:0.0000001;
- }
- /*pagination*/
- footer{
- width:100%;
- margin:35px 0;
- }
- .pagination{
- display:flex;
- flex-wrap:wrap;
- flex-direction:row;
- justify-content:space-around;
- align-items:flex-start;
- width:{select:post width}px;
- margin:0 0 0 470px;
- }
- .pagination a{
- background:none;
- opacity:.3;
- color:{color:text};
- font-weight:500;
- }
- .pagination a svg{
- display:inline-block;
- width:1rem;
- height:1rem;
- vertical-align:middle;
- box-sizing:border-box;
- padding:2px;
- color:{color:text};
- border-radius:100%;
- }
- .pagination a.active{
- opacity:1;
- }
- .pagination a.active:hover svg{
- color:white;
- background:{color:accent};
- }
- /*post notes*/
- .post_notes{
- display:block;
- margin-top:15px;
- padding-top:25px;
- border-top:1px solid {color:border};
- }
- .source_name{
- display:inline-block;
- text-align:left;
- margin-right:5px;
- }
- .source_name:last-of-type{
- margin-right:0;
- }
- .source_name a{
- font-weight:500;
- text-shadow:none;
- background:linear-gradient(
- rgba({RGBcolor:accent}, .3),
- rgba({RGBcolor:accent}, .3)
- ) 0 86%/100% .4rem no-repeat;
- color:rgb(var(--text));
- }
- ol.notes{
- display:block;
- position:relative;
- width:100%;
- list-style:none;
- padding:0;
- margin:20px 0 0;
- }
- ol.notes li.note{
- margin:0;
- padding:0 0 10px;
- border-bottom:1px solid {color:post notes border};
- margin-bottom:10px;
- counter-increment:none;
- }
- ol.notes li.note.more_notes_link_container:before,
- ol.notes li.note:before{
- display:none;
- }
- ol.notes li.note a{
- font-weight:500;
- color:{color:post notes accent};
- background:none;
- }
- ol.notes li.note a:hover{
- text-decoration:underline;
- }
- ol.notes li.note img.avatar{
- display:inline-block;
- vertical-align:middle;
- width:14px;
- height:14px;
- margin-right:10px;
- border-radius:100%;
- }
- ol.notes li.note blockquote{
- display:block;
- margin-top:10px;
- margin-right:10px;
- color:{color:text};
- }
- ol.notes li.note.more_notes_link_container{
- display:block;
- text-transform:lowercase;
- text-align:center;
- padding:0;
- border:0;
- margin-top:1em;
- }
- @media screen and (max-width:768px){
- aside{
- position:relative;
- top:0; left:0; right:0;
- margin:50px auto 15px;
- -webkit-transform:translateY(0%);
- -moz-transform:translateY(0%);
- transform:translateY(0%);
- }
- section,
- .pagination{
- margin:50px auto;
- }
- }
- @media screen and (max-width:{select:post width}px){
- section,
- .pagination{
- width:100vw;
- }
- }
- @media screen and (max-width:370px){
- aside{
- width:100vw;
- margin-bottom:70px;
- }
- }
- {CustomCSS}
- </style>
- <body>
- <div class="t-c"><i data-feather="settings"></i></div><aside><div class="titlebar">{title}</div><nav><a class="nav-link" href="/">{lang:Home}</a>{block:AskEnabled}{block:ifAskTitle}<a class="nav-link" href="/ask">{text:ask title}</a>{/block:ifAskTitle}{/block:AskEnabled}<a class="nav-link" href="/archive">{lang:archive}</a>{block:ifLink1}<a class="nav-link" href="{text:link1 url}">{text:link1}</a>{/block:ifLink1}{block:ifLink2}<a class="nav-link" href="{text:link2 url}">{text:link2}</a>{/block:ifLink2}{block:ifLink3}<a class="nav-link" href="{text:link3 url}">{text:link3}</a>{/block:ifLink3}{block:ifLink4}<a class="nav-link" href="{text:link4 url}">{text:link4}</a>{/block:ifLink4}</nav><div id="stext">{description}</div></aside>
- <!--posts-->
- <section id="entries">
- {block:TagPage}<article class="post_page"><h2>{lang:Showing posts tagged Tag 2}</h2></article>{/block:TagPage}
- {block:Posts}
- <article id="{PostID}" class="post">
- {block:Quote}<div id="quote">{Quote}</div>{block:Source}<div class="s">{Source}</div>{/block:Source}{/block:Quote}
- {block:Text}{block:Title}<h2 class="titles">{Title}</h2>{/block:Title}{block:RebloggedFrom}{block:Reblogs}{block:IsActive}{block:IsOriginalEntry}<li class="caption" style="margin-top:0;{block:Title}margin-top:25px;{/block:Title}"><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank"><img class="user-avatar" src="{PortraitURL-64}"> {Username}</a><div class="text" style="margin-top:1em;">{Body}</div></li>{/block:IsOriginalEntry}{block:IsNotOriginalEntry}<li class="caption" style="margin-top:0;{block:Title}margin-top:25px;{/block:Title}"><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank"><img class="user-avatar" src="{PortraitURL-64}"> {Username}</a><div class="text" style="margin-top:1em;">{Body}</div></li>{/block:IsNotOriginalEntry}{/block:IsActive}{block:IsDeactivated}{block:IsOriginalEntry}<li class="caption" style="margin-top:0;{block:Title}margin-top:25px;{/block:Title}"><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user deactivated" target="_blank"><img class="user-avatar" src="{PortraitURL-64}"> {Username}</a><div class="text" style="margin-top:1em;">{Body}</div></li>{/block:IsOriginalEntry}{block:IsNotOriginalEntry}<li class="caption" style="margin-top:0;{block:Title}margin-top:25px;{/block:Title}"><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user deactivated" target="_blank"><img class="user-avatar" src="{PortraitURL-64}"> {Username}</a><div class="text" style="margin-top:1em;">{Body}</div></li>{/block:IsNotOriginalEntry}{/block:IsDeactivated}{/block:Reblogs}{/block:RebloggedFrom}{block:NotReblog}<li class="caption"><div class="text">{Body}</div></li>{/block:NotReblog}{/block:Text}
- {block:Link}<a class="titles" href="{URL}"><i data-feather="external-link"></i> {Name}</a>{block:Description}{block:NotReblog}<li class="caption"><div class="text">{Description}</div></li>{/block:NotReblog}{/block:Description}{block:RebloggedFrom}{block:Reblogs}{block:IsActive}{block:IsOriginalEntry}<li class="caption"><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank"><img class="user-avatar" src="{PortraitURL-64}"> {Username}</a><div class="text" style="margin-top:1em;">{Body}</div></li>{/block:IsOriginalEntry}{block:IsNotOriginalEntry}<li class="caption"><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user deactivated" target="_blank"><img class="user-avatar" src="{PortraitURL-64}"> {Username}</a><div class="text" style="margin-top:1em;">{Body}</div></li>{/block:IsNotOriginalEntry}{/block:IsActive}{block:IsDeactivated}{block:IsOriginalEntry}<li class="caption"><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank"><img class="user-avatar" src="{PortraitURL-64}"> {username}</a><div class="text" style="margin-top:1em;">{Body}</div></li>{/block:IsOriginalEntry}{block:IsNotOriginalEntry}<li class="caption"><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user deactivated" target="_blank"><img class="user-avatar" src="{PortraitURL-64}"> {Username}</a><div class="text" style="margin-top:1em;">{Body}</div></li>{/block:IsNotOriginalEntry}{/block:IsDeactivated}{/block:Reblogs}{/block:RebloggedFrom}{/block:Link}
- {block:Chat}{block:Title}<h2 class="titles">{Title}</h2>{/block:Title}<ol class="chat">{block:Lines}<li class="l {Alt}">{block:label}<span class="label">{label}</span>{/block:label}<span class="line">{Line}</span></li>{/block:Lines}</ol>{/block:Chat}
- <div id="media">
- {block:Photo}<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:Photo}
- {block:Photoset}<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>{/block:Photoset}
- {block:Video}<div class="video">{Video-500}</div>{/block:Video}
- {block:Audio}{block:AudioEmbed}<div class="audio-media" style="border:none;margin-top:-1px;"><div class="width_fix">{AudioEmbed-500}</div></div>{/block:AudioEmbed}{/block:Audio}
- </div>
- {block:Answer}<div class="question"><img class="asker-avatar" src="{AskerPortraitURL-64}"><div class="asker-question"><div class="asker">{lang:Asker asked 2}</div>{Question}</div></div>{block:Answerer}<div class="answer"><img class="answerer-avatar" src="{AnswererPortraitURL-40}"><div class="answerer">{Answerer}</div><div class="replies text">{Answer}</div></div>{/block:Answerer}{block:NotReblog}<li class="caption"><div class="replies text">{Replies}</div></li>{/block:NotReblog}{block:RebloggedFrom}{block:Reblogs}{block:IsActive}<li class="caption"><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank"><img class="user-avatar" src="{PortraitURL-64}"> {Username}</a><div class="replies text" style="margin-top:1em;">{Body}</div></li>{/block:IsActive}{block:IsDeactivated}<li class="caption"><div {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user deactivated" target="_blank"><img class="user-avatar" src="{PortraitURL-64}"> {Username}</div><div class="replies text" style="margin-top:1em;">{Body}</div></li>{/block:IsDeactivated}{/block:Reblogs}{/block:RebloggedFrom}{/block:Answer}
- <!--captions-->
- {block:Caption}{block:Reblogs}<li class="caption">{block:IsOriginalEntry}{block:IsActive}<a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank"><img class="user-avatar" src="{PortraitURL-64}" /> {Username}</a>{/block:IsActive}{block:IsDeactivated}<div class="user deactivated"><img class="user-avatar" src="{PortraitURL-64}" /> {Username}</div>{/block:IsDeactivated}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}<a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank"><img class="user-avatar" src="{PortraitURL-64}" /> {Username}</a>{/block:IsNotOriginalEntry}<div class="text" style="margin-top:1em;">{Body}</div></li>{/block:Reblogs}{block:NotReblog}<li class="caption"><div class="text">{Caption}</div></li>{/block:NotReblog}<!--{block:ContentSource}<a href="{SourceURL}">Source</a>{/block:ContentSource}-->{/block:Caption}
- {block:HasTags}<div class="tags">{block:permalinkpage}{lang:Tagged with}:{/block:permalinkpage}{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
- {block:date}<div class="permalink">{block:indexpage}<a class="date" href="{permalink}"><span class="time-ago">{TimeStamp}</span>{block:NoteCount}<i data-feather="minus"></i><span class="notecount">{NoteCount}</span> {lang:Notes}{/block:NoteCount}</a><div id="controls"><a href="#" class="like-b" title="like">{LikeButton}<i data-feather="heart"></i></a><a href="{reblogurl}" target="_blank">reblog</a></div>{/block:indexpage}{block:permalinkpage}{lang:Posted on Month DayOfMonth Year with NoteCount notes}{/block:permalinkpage}</div>{/block:date}
- </article>
- <!--post notes-->
- {block:PostNotes}<article class="post_notes">{block:RebloggedFrom}<span class="source_name">{lang:Reblogged from ReblogParentName 2}</span>{block:ContentSource}<span class="source_name">— {lang:Originally from ReblogRootName 2}</span>{/block:ContentSource}{/block:RebloggedFrom}{PostNotes}</article>{/block:PostNotes}
- {/block:Posts}
- </section>
- <!--pagination-->
- <footer>{block:pagination}<div class="pagination"><a {block:PreviousPage}class="active" href="{PreviousPage}"{/block:PreviousPage}><i data-feather="arrow-left"></i> {lang:Prev}</a><a {block:NextPage}class="active" href="{NextPage}"{/block:NextPage}>{lang:Next} <i data-feather="arrow-right"></i></a></div>{/block:pagination}<a href="https://aurthms.tumblr.com" target="_blank"><credit></credit></a></footer>
- <!--scripts-->
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script><script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script><script src="https://static.tumblr.com/i5s2zks/9Acok8oo2/bct-timeago.min.js" type="text/javascript"></script><script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script><script src="https://static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
- <script>
- $(document).ready(function(){
- //feather icons
- feather.replace();
- //jquery tooltip
- $('body').tooltip({track:true});
- //audio player
- var $audio = $('iframe.tumblr_audio_player');
- $audio.load(function() {
- $(this).contents().find('head').append('<style type="text/css">' +
- '.audio-player { background: {color:audio post background}; color: {color:audio post text} !important; }' + '</style>');
- });
- //short notes
- $('article').find('.notecount').each(function(){
- var n = $(this).html().split(' ')[0].replace(/,/g, '');
- if (n > 999) {
- n = Math.floor(n / 100) / 10;
- $(this).text(n + 'k');
- }
- });
- //timeago
- $('.time-ago').timeAgo({
- time: "word",
- spaces: true,
- suffix: " ago",
- });
- //flexible frames
- function flexFrame() {
- $(".caption").each(function() {
- $(this).find("iframe").wrap("<div class='iframe-flex'></div>");
- flexibleFrames($(".iframe-flex"));
- });
- flexibleFrames($(".video"));}
- $(document).ready(flexFrame);
- });
- //photosets
- function gatherData(images, arr) {
- for (let i = 0; i < images.length; i++) {
- let currentData = {
- "width": images[i].getAttribute('data-width'),
- "height": images[i].getAttribute('data-height'),
- "low_res": images[i].getAttribute('data-lowres'),
- "high_res": images[i].getAttribute('data-highres')
- };
- arr.push(currentData);
- }
- }
- function getIndex(elem) {
- let i = 0;
- while( (elem = elem.previousElementSibling) != null ) i++;
- return i;
- }
- function lightbox(elem) {
- let currentPhotoset = elem.parentNode;
- let photosetPhotos = currentPhotoset.getElementsByTagName('div');
- let data = [];
- gatherData(photosetPhotos, data);
- Tumblr.Lightbox.init(data, getIndex(elem) + 1);
- }
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment