Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <!--
- t h e m e c r e d i t s
- !DO NOT REMOVE!
- (this won't show up on your blog)
- THEME DESIGNED by vintagegrandma
- THEME INSPIRED by glossier beauty company
- BASE CODE by seyche
- LIKE & REBLOG BUTTONS by shythemes
- -->
- <head>
- <title>{Title} {block:TagPage}/ #{Tag}{/block:TagPage}{block:PostSummary}: {PostSummary}{/block:PostSummary}</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 charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <!----- VARIABLES AND OPTIONS ----->
- <!---HEADER DESCRIPTION--->
- <meta name="color:Description Background" content="#F5E3E7"/>
- <meta name="color:Description Text" content="#000000"/>
- <meta name="select:Description Size" content="10px" title="10px"/>
- <meta name="select:Description Size" content="11px" title="11px"/>
- <meta name="select:Description Size" content="12px" title="12px"/>
- <meta name="select:Description Size" content="13px" title="13px"/>
- <!---STICKY TITLE HEADER--->
- <meta name="color:Header Background" content="#ffffff"/>
- <meta name="color:Header Title" content="#000000"/>
- <meta name="if:Header Border" content="1"/>
- <!---BODY--->
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Borders" content="#dcdcdc"/>
- <meta name="color:Text" content="#555555"/>
- <meta name="color:Link" content="#000000"/>
- <meta name="color:Selected Link" content="#525bf6"/>
- <meta name="if:Underline Link" content="1"/>
- <!---BODY: posts--->
- <meta name="color:Post Background" content="#FAFAFA"/>
- <meta name="color:Ask Background" content="#F5E3E7"/>
- <meta name="color:Audio Background" content="#ffffff"/>
- <meta name="color:Post Links Background" content="#ffffff"/>
- <meta name="select:Post Width" content="400px" title="400px"/>
- <meta name="select:Post Width" content="500px" title="500px"/>
- <meta name="select:Post Width" content="540px" title="540px"/>
- <meta name="text:Post Margin" content="90"/>
- <meta name="if:Show Hidden Tags" content="1"/>
- <!---BODY: next/prev page, numbers--->
- <meta name="color:Page Number" content="#ffffff"/>
- <meta name="color:Page Num Background" content="#000000"/>
- <meta name="color:Selected Page Number" content="#ffffff"/>
- <meta name="color:Selected Page Num Background" content="#333333"/>
- <!---LINKS--->
- <meta name="text:Home Link" content="Home"/>
- <meta name="text:Ask Link" content="Contact"/>
- <meta name="text:Archive Link" content="Archive"/>
- <meta name="text:Link 1 URL" content=""/>
- <meta name="text:Link 1" content=""/>
- <meta name="text:Link 2 URL" content=""/>
- <meta name="text:Link 2" content=""/>
- <meta name="text:Link 3 URL" content=""/>
- <meta name="text:Link 3" content=""/>
- <meta name="text:Link 4 URL" content=""/>
- <meta name="text:Link 4" content=""/>
- <meta name="text:Link 5 URL" content=""/>
- <meta name="text:Link 5" content=""/>
- <meta name="text:Link 6 URL" content=""/>
- <meta name="text:Link 6" content=""/>
- <meta name="text:Link 7 URL" content=""/>
- <meta name="text:Link 7" content=""/>
- <style type="text/css">
- #stickyheaderupper {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 10px;
- padding: 20px 0 20px 0;
- border: none;
- background-color: {color:Description Background};
- position: sticky;
- top: 0;
- z-index: 10;
- width: auto;
- }
- #stickyheader-desc {
- margin: 0;
- padding: 150px;
- font-style: none;
- color: {color:Description Text};
- font-size: {select:Description Size};
- line-height: 150%;
- text-align:center;
- }
- #stickyheaderlower {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 5px;
- padding-top: 37px;
- padding-bottom: 45px;
- background-color: {color:Header Background};
- position: sticky;
- top: 0;
- z-index: 10;
- width: auto;
- {block:ifHeaderBorder}border-bottom: 1px solid {color:Borders};{/block:ifHeaderBorder}
- }
- #stickyheader-title {
- margin: 0;
- color: {color:Header Title};
- padding: 1rem 0;
- font-style: italic;
- font-weight: bold;
- font-size: 2.2em;
- letter-spacing: -0.3px;
- }
- #stickyheaderinner {
- text-align: justify;
- -moz-text-align-last: center;
- text-align-last: center;
- }
- #stickynav {
- text-align:center;
- }
- #stickynav a {
- padding: 1em;
- text-decoration:none;
- text-transform:capitalize !important;
- color:{color:Link};
- -webkit-transition: all 0.3s;
- -moz-transition: all 0.3s;
- -ms-transition: all 0.3s;
- -o-transition: all 0.3s;
- transition: all 0.3s;
- }
- #stickynav a:hover {
- cursor:help;
- color:{color:Selected Link};
- text-decoration:none;
- -webkit-transition: all 0.3s;
- -moz-transition: all 0.3s;
- -ms-transition: all 0.3s;
- -o-transition: all 0.3s;
- transition: all 0.3s;
- }
- body {
- font-family:'Amiko', sans-serif;
- font-size: 12px;
- color: {color:Text};
- background-color: {color:Background};
- text-align: left;
- line-height: 150%;
- word-wrap: break-word;
- letter-spacing: 0.04em;
- margin: auto;
- padding: 0;
- }
- a {
- padding: 0;
- text-decoration:none;
- text-transform:none;
- color:{color:Link};
- -webkit-transition: all 0.3s;
- -moz-transition: all 0.3s;
- -ms-transition: all 0.3s;
- -o-transition: all 0.3s;
- transition: all 0.3s;
- }
- a:hover {
- cursor:help;
- color:{color:Selected Link};
- {block:ifUnderlineLink}text-decoration:underline;{/block:ifUnderlineLink}
- -webkit-transition: all 0.3s;
- -moz-transition: all 0.3s;
- -ms-transition: all 0.3s;
- -o-transition: all 0.3s;
- transition: all 0.3s;
- }
- blockquote {
- padding: 0 0 0 1em;
- border: none;
- margin: 1.1em 0 1.1em 0;
- }
- h1, h2, h3, h4, h5, .title {
- letter-spacing: 0.06em;
- line-height: 145%;
- font-weight: bold;
- }
- h1, .title {font-size: 1.8em;}
- h2 {font-size: 1.7em;}
- h3 {font-size: 1.6em;}
- h4 {font-size: 1.5em;}
- h5 {font-size: 1.4em;}
- small {font-size: 1em;}
- big {font-size: 1.2em;}
- hr {
- height: 1px;
- border: none;
- box-shadow: none;
- background-color: {color:borders};
- }
- pre {
- line-height: inherit;
- font-size: inherit;
- white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
- word-wrap: break-word;
- }
- li {
- max-width: 100%;
- list-style-type: disc;
- margin-left: -25px;
- }
- .tmblr-iframe-compact .tmblr-iframe--unified-controls {z-index: 999999999!important;}
- main {
- position: relative;
- width: calc(250px + {select:post width} + 150px);
- margin: -20px auto;
- }
- section {
- position: relative;
- padding-top:0px;
- margin:0px auto;
- width: {select:post width};
- margin-bottom:{text:Post Margin};
- }
- article {
- width: 100%;
- position: relative;
- margin: {text:post margin}px -15px;
- background-color:{color:Post Background};
- padding:1.2em;
- }
- .tumblr_video_container {
- max-height: {select:post width} !important;
- overflow: hidden !important;
- }
- .posts li, .posts blockquote, figure, video, iframe, .video, .video iframe, figure.tmblr-embed.tmblr-full, figure.tmblr-embed.tmblr-full iframe {max-width: 100%;}
- .caption {margin: 1em 0 0.7em 0; list-style-type: none;}
- .caption p {margin: 0.2em 0 0 0;}
- .caption p:last-of-type {margin-bottom: 0;}
- .original-caption p:first-of-type {margin-top: 0;}
- .text-caption:first-of-type {margin-top: 0;}
- .caption iframe, .caption img {max-width: 100%;}
- .user-icon {
- display: none;
- vertical-align: middle;
- border-radius: 50%;
- width: 2em;
- height: 2em;
- margin-right: 1em;
- }
- .username {
- display: inline;
- vertical-align: baseline;
- }
- .username a {
- margin-top:4em;
- text-transform: uppercase;
- font-size:10px;
- font-weight:bold;
- }
- .username::after {
- content: ":";
- font-weight:bold;
- }
- .deactive::after {
- content: '(deactivated)';
- margin-left: 0.5em;
- font-weight: normal;
- font-size:10px;
- opacity: 0.75;
- color: {color:text};
- }
- p.tmblr-attribution {margin-top: 1em !important;}
- h1.post-title {
- margin-top: 0.1em;
- margin-bottom:0.6em;
- font-size:1.5em !important;
- }
- a.link-wrap {
- display: block;
- border: 0px solid {color:borders};
- }
- .link {padding: 1.7em 1.7em 0.7em 1.7em;}
- .link-host, .link-txt {margin-top: 0.7em;}
- .npf-link-block {
- margin-top: 1.3em;
- border-radius: 0;
- background-color: initial;
- }
- .npf-link-block .poster .title {padding: 1.5em;}
- .npf-link-block.no-poster .title {padding: 1.5em 1.5em 0 1.5em;}
- .npf-link-block .title {font-size: 1.25em; border-bottom: none;}
- .npf-link-block .bottom {padding: 1.5em !important;}
- img {
- margin: 0;
- display: block;
- height: auto;
- max-width: 100%;
- }
- .photo img {width: 100%;}
- .vignette, #vignette {opacity: 0;}
- .tmblr-lightbox, #tumblr_lightbox {background-color: rgba(130, 130, 130, 0.75) !important;}
- .lightbox-image, #tumblr_lightbox img {
- box-shadow: none !important;
- border-radius: 0 !important;
- max-width: none;
- }
- #tumblr_lightbox_caption, .lightbox-caption {
- color: #fff !important;
- font-family: inherit;
- margin-top: 1em !important;
- }
- .post-content div.npf_row, .post div.npf_row, body div.npf_row {
- margin-left: 0 !important;
- margin-right: 0 !important;
- }
- .quote, p.npf_quote {line-height: 1.5; font-size: 1.7em;}
- .quote p:first-of-type {margin-top: 0;}
- .quote p:last-of-type {margin-bottom: 0;}
- p.npf_quote {
- font-family: 'Amiko', sans-serif;
- color:{color:Link};
- font-weight:bold;
- margin-bottom: 0.6em;}
- .source {
- margin-top: 1em;}
- .chat {padding: 0; margin:0 0 0 2.3em;}
- .chat li {list-style-type: none; margin-top: 1em;}
- .chat li:first-of-type {margin-top: 0;}
- .chatter {font-weight: bold;}
- p.npf_chat {font-family: inherit; margin-top: 1em;}
- p.npf_chat b {font-family: inherit;}
- .ask-wrap {
- border-radius: 10%;
- border-radius: 30px;
- background: {color:Ask Background};
- padding: 20px;
- width: auto;
- height: auto;
- color: {color:Text};
- }
- .ask-wrap .askicon {
- width: 2em;
- height: 2em;
- display: inline-block;
- vertical-align: middle;
- border-radius: 50%;
- }
- .ask-wrap .asking {
- display: inline-block;
- margin-left: 1em;
- font-weight: bold;
- }
- .question {margin: 0.5em 0 0 3.3em}
- .question p:first-of-type {margin-top: 0;}
- .question p:last-of-type {margin-bottom: 0;}
- .answered {margin: 2em 0 3.5em 5em; list-style-type: none;}
- .answered p {margin: 0.5em 0;}
- .answered p:last-of-type {margin-bottom: 0;}
- .answered iframe, .caption img {max-width: 100%;}
- .audiopost {
- padding: 0;
- border: 1px solid {color:Borders};
- border-radius: 7px;
- background: {color:Audio Background};
- margin-bottom: 1.5em;
- }
- .album-art {
- z-index: 1;
- display: inline-block;
- vertical-align: middle;
- float: left;
- width: 100px;
- height: 100px;
- border-radius: 7px;
- }
- .button {
- width: 30px;
- height: 30px;
- overflow: hidden;
- position: relative;
- z-index: 2;
- padding: 3px;
- }
- .audiobox {
- background-color: #f2f2f2;
- opacity: .8;
- z-index: 3;
- position: absolute;
- margin: 32px 0 0 32px;
- border-radius: 7px;
- }
- .audioinfo {
- display: inline-block;
- height: 100px;
- display: flex;
- justify-content: center;
- flex-direction: column;
- box-sizing: border-box;
- padding-left: 3.5em;
- }
- .audioinfo li {list-style-type: none;}
- .track {
- font-weight: bold;
- font-size: 14px;
- }
- .trackartist {
- padding-top:1em;
- }
- .spotify_audio_player {
- height:80px!important;
- width:100%!important;
- border: 1px solid {color:borders};
- border-radius: 7px;
- }
- .bandcamp_audio_player {
- height:120px!important;
- width:100%!important;
- border: 1px solid {color:borders};
- border-radius: 7px;
- }
- .soundcloud_audio_player {
- height:150px!important;
- width:100%!important;
- border: 1px solid {color:Borders};
- border-radius: 7px;
- }
- .info {
- border: 1px solid {color:Borders};
- border-radius: 7px;
- background: {color:Post Links Background};
- padding:0.6em;
- margin-top: 1em;
- display: flex;
- flex-direction: row;
- align-items: flex-start;
- justify-content: space-between;
- }
- .info a {display: inline-block; vertical-align: middle;}
- .tags {
- max-height:0px;
- font-size:0.9em;
- line-height: 130%;
- text-align:left;
- margin-right: 0.3em;
- margin-left: 0.3em;
- opacity:0;
- -webkit-transition: all 0.7s ease;
- transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- .tags a {
- color:{color:Link};
- }
- .tags a:hover {
- cursor:help;
- color:{color:Selected Link};
- text-decoration:none;
- -webkit-transition: all 0.3s;
- -moz-transition: all 0.3s;
- -ms-transition: all 0.3s;
- -o-transition: all 0.3s;
- transition: all 0.3s;
- }
- {block:ifShowHiddenTags}
- .posts:hover .tags {
- margin-top:0.7em;
- opacity:1;
- max-height:300px;
- -webkit-transition: all 0.7s ease;
- transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- {/block:ifShowHiddenTags}
- .datenotes {
- padding:0 5px 0 0px;
- font-size:0.9em;
- text-transform:capitalize;
- }
- .info-left a {
- margin-right: 0.3em;
- margin-left: 0.3em;
- font-size:0.9em;
- }
- .post-controls a {margin-left: 0.1em;}
- .source-info {
- position: relative;
- border-bottom: 1px solid {color:Borders};
- width: {select:Post Width};
- height: auto;
- }
- .source-info li {
- position:relative;
- list-style-type: none;
- line-height: 1.8em;
- color: {color:Text};
- font-size:0.9em;
- }
- #rebloggings {
- margin-left:-14px;
- }
- .reblogorig {
- text-transform: capitalize;
- font-weight: bold;
- }
- a.pinned-post {
- font-weight: bold;
- color: {color:Selected Link};
- }
- .tag-day {font-weight: bold;}
- .notes {margin-top:0;}
- ol.notes {
- max-width: 100%;
- padding: 0;
- margin: 2em 0 0 2.3em;
- }
- ol.notes li.note {
- padding: 0.5em 0;
- list-style-type: none;
- }
- ol.notes li.note img.avatar {
- border-radius: 50%;
- margin-right: 0.8em;
- vertical-align: middle;
- display: inline-block;
- width: 1.25em;
- height: 1.25em;
- }
- #page-navigation {
- background: {color:Background};
- width: 100%;
- height: 100%;
- text-align: center;
- }
- .next-page {
- margin: 0 0.5em;
- text-transform: capitalize;
- color: {color:Page Number};
- background: {color:Page Num Background};
- border-radius: 0.3em;
- width: 20%;
- height: auto;
- padding:1em;
- }
- .next-page:hover {
- text-decoration: none;
- text-transform: capitalize;
- color: {color:Selected Page Number};
- background: {color:Selected Page Num Background};
- }
- .prev-page {
- margin: 0 0.5em;
- text-transform: capitalize;
- color: {color:Page Number};
- background: {color:Page Num Background};
- border-radius: 0.3em;
- width: 20%;
- height: auto;
- padding:1em;
- }
- .prev-page:hover {
- text-decoration: none;
- text-transform: capitalize;
- color:{color:Selected Page Number};
- background: {color:Selected Page Num Background};
- }
- .page-num {
- margin: 0 0.5em;
- text-transform: capitalize;
- border: 1px solid {color:Borders};
- color: {color:Text};
- background: {color:Background};
- border-radius: 0.3em;
- width: 20%;
- height: auto;
- padding:1em;
- }
- .page-num:hover {
- text-decoration: none;
- text-transform: capitalize;
- background: {color:Background};
- border: 1px solid {color:Link};
- border-radius: 0.3em;
- color: {color:Link};
- }
- .current-page {
- margin: 0 0.5em;
- text-transform: capitalize;
- color: {color:Link};
- background: {color:Background};
- border: 1px solid {color:Link};
- border-radius: 0.3em;
- width: 20%;
- height: auto;
- padding:1em;
- }
- #hs {
- position: fixed;
- bottom: 20px;
- right: 20px;
- font-size: 11px;
- font-weight:bold;
- font-family: serif !important;
- }
- {CustomCSS}
- svg {
- width:10px;
- height:auto;
- opacity:1;
- padding:1px;
- display:block;
- overflow:visible;
- }
- .controls a {
- position:relative;
- display:inline-block;
- overflow:hidden;
- padding:0 5px 0 5px;
- width:12px;
- height:12px;
- }
- .controls .reblog {
- opacity:.93;
- }
- .controls .reblog svg {
- width:9px;
- margin-top:1px;
- }
- .controls .like .liked + svg {
- opacity:0.5;
- }
- .controls .like .liked + svg path {
- fill:{color:Selected Link};
- }
- .controls .like .like_button {
- position:relative;
- }
- .controls .like .like_button iframe {
- position:absolute;
- top:0;
- left:0;
- bottom:0;
- right:0;
- z-index:2;
- opacity:0;
- }
- </style>
- </head>
- <body>
- <div id="stickyheaderupper">
- <div id="stickyheader-desc">{Description}</div>
- </div>
- <div id="stickyheaderlower">
- <div id="stickyheaderinner">
- <div id="stickyheader-title">{Title}</div>
- <div id="stickynav">
- <a href="/">{text:Home Link}</a>
- <a href="/ask">{text:Ask Link}</a>
- <a href="/archive">{text:Archive Link}</a>
- {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
- {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
- {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
- {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
- {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}
- {block:iflink6}<a href="{text:link 6 url}">{text:link 6}</a>{/block:iflink6}
- {block:iflink7}<a href="{text:link 7 url}">{text:link 7}</a>{/block:iflink7}
- </div>
- </div>
- </div>
- <main>
- <section>
- {block:TagPage}
- <article class="tagday-page">
- Viewing posts filed under <span class="tag-day">#{Tag}</span>
- </article>
- {/block:TagPage}
- {block:DayPage}
- <article class="tagday-page">
- Viewing posts made on <span class="tag-day">{Month} {DayOfMonth}, {Year}</span>
- </article>
- {/block:DayPage}
- {block:Posts}
- <article class="posts" id="{PostID}">
- {block:Text}
- {block:Title}<h1 class="post-title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
- {block:NotReblog}
- <li class="caption original-caption text-caption">
- <div class="caption-text">{Body}</div>
- </li>
- {/block:NotReblog}
- {block:RebloggedFrom}
- <div class="reblog-wrap">
- {block:Reblogs}
- <li class="caption text-caption">
- <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
- <div class="caption-text">{Body}</div>
- </li>
- {/block:Reblogs}
- </div>
- {/block:RebloggedFrom}
- {/block:Text}
- {block:Link}
- <a href="{URL}" class="link-wrap">
- {block:Thumbnail}<img src="{Thumbnail-HighRes}">{/block:Thumbnail}
- <div class="link">
- <div class="title">{Name}</div>
- {block:Excerpt}<div class="link-txt">{Excerpt}</div>{/block:Excerpt}
- {block:Host}<div class="link-host">{Host}</div>{/block:Host}
- </div>
- </a>
- {block:Description}
- {block:NotReblog}
- <li class="caption original-caption">
- <div class="caption-text">{Description}</div>
- </li>
- {/block:NotReblog}
- {/block:Description}
- {block:RebloggedFrom}
- <div class="reblog-wrap">
- {block:Reblogs}
- <li class="caption">
- <img src="{PortraitURL-64}" class="user-icon">
- <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
- <div class="caption-text">{Body}</div>
- </li>
- {/block:Reblogs}
- </div>
- {/block:RebloggedFrom}
- {/block:Link}
- {block:Photo}
- <div class="photo">
- {LinkOpenTag}<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}" alt="{PhotoAlt}"></a>{LinkCloseTag}
- </div>
- {block:Caption}
- {block:NotReblog}
- <li class="caption original-caption">
- <div class="caption-text">{Caption}</div>
- </li>
- {/block:NotReblog}
- {block:RebloggedFrom}
- <div class="reblog-wrap">
- {block:Reblogs}
- <li class="caption">
- <img src="{PortraitURL-64}" class="user-icon">
- <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
- <div class="caption-text">{Body}</div>
- </li>
- {/block:Reblogs}
- </div>
- {/block:RebloggedFrom}
- {/block:Caption}
- {/block:Photo}
- {block:Photoset}
- <div class="photo">{Photoset-700}</div>
- {block:Caption}
- {block:NotReblog}
- <li class="caption original-caption">
- <div class="caption-text">{Caption}</div>
- </li>
- {/block:NotReblog}
- {block:RebloggedFrom}
- <div class="reblog-wrap">
- {block:Reblogs}
- <li class="caption">
- <img src="{PortraitURL-64}" class="user-icon">
- <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
- <div class="caption-text">{Body}</div>
- </li>
- {/block:Reblogs}
- </div>
- {/block:RebloggedFrom}
- {/block:Caption}
- {/block:Photoset}
- {block:Video}
- <div class="video">{Video-500}</div>
- {block:Caption}
- {block:NotReblog}
- <li class="caption original-caption">
- <div class="caption-text">{Caption}</div>
- </li>
- {/block:NotReblog}
- {block:RebloggedFrom}
- <div class="reblog-wrap">
- {block:Reblogs}
- <li class="caption">
- <img src="{PortraitURL-64}" class="user-icon">
- <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
- <div class="caption-text">{Body}</div>
- </li>
- {/block:Reblogs}
- </div>
- {/block:RebloggedFrom}
- {/block:Caption}
- {/block:Video}
- {block:Quote}
- <div class="quote">{Quote}</div>
- {block:Source}<div class="source">{Source}</div>{/block:Source}
- {/block:Quote}
- {block:Chat}
- {block:Title}<h1 class="post-title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
- <ul class="chat">{block:Lines}
- <li>
- {block:Label}<div class="chatter">{Label}</div>{/block:Label}
- <div class="chattxt">{Line}</div>
- </li>
- {/block:Lines}</ul>
- {/block:Chat}
- {block:Answer}
- <div class="ask-wrap">
- <img src="{AskerPortraitURL-64}" class="askicon">
- <div class="asking">{Asker} asked:</div>
- <div class="question">{Question}</div>
- </div>
- {block:Answerer}
- <li class="answered">
- <img src="{AnswererPortraitURL-64}" class="user-icon">
- <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Answerer}</a></div>
- <div class="caption-text">{Answer}</div>
- </li>
- {/block:Answerer}
- {block:NotReblog}
- <li class="caption original-caption">
- <div class="caption-text">{Replies}</div>
- </li>
- {/block:NotReblog}
- {block:RebloggedFrom}
- <div class="reblog-wrap">
- {block:Reblogs}
- <li class="caption">
- <img src="{PortraitURL-64}" class="user-icon">
- <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
- <div class="caption-text">{Body}</div>
- </li>
- {/block:Reblogs}
- </div>
- {/block:RebloggedFrom}
- {/block:Answer}
- {block:Audio}
- <div class="audiopost">
- <div class="audiobox"><div class="button">
- {block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}
- </div></div>
- {block:AlbumArt}
- <img src="{AlbumArtURL}" class="album-art">
- {/block:AlbumArt}
- <div class="audioinfo">
- {block:TrackName}<li class="track">{TrackName}</li>{/block:TrackName}
- {block:Artist}<li class="trackartist">{Artist}</li>{/block:Artist}
- {block:Album}<li class="trackalbum">{Album}</li>{/block:Album}
- </div>
- </div>
- {block:Caption}
- {block:NotReblog}
- <li class="caption original-caption">
- <div class="caption-text">{Caption}</div>
- </li>
- {/block:NotReblog}
- {block:RebloggedFrom}
- <div class="reblog-wrap">
- {block:Reblogs}
- <li class="caption">
- <img src="{PortraitURL-64}" class="user-icon">
- <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
- <div class="caption-text">{Body}</div>
- </li>
- {/block:Reblogs}
- </div>
- {/block:RebloggedFrom}
- {/block:Caption}
- {/block:Audio}
- {block:Date}
- <div class="info">
- <div class="info-left">
- {block:PinnedPostLabel}<a href="{Permalink}" class="pinned-post">{PinnedPostLabel}</a>{/block:PinnedPostLabel}
- <a href="{Permalink}" class="datenotes">{ShortMonth} {DayOfMonthwithzero}</a>
- {block:NoteCount}<a href="{Permalink}" class="datenotes">{NoteCountwithlabel}</a>{/block:NoteCount}
- </div>
- <div class="post-controls">
- <div class="controls">
- <a href="{ReblogURL}" target="_blank" class="reblog">
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g>
- </svg>
- </a>
- <a href="#" class="like">{LikeButton}
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g>
- </svg>
- </a>
- </div>
- </div>
- </div>
- {block:PermalinkPage}
- <div class="source-info">
- <ul id="rebloggings">
- {block:RebloggedFrom}
- <li><span class="reblogorig">Reblogged</span> from <a href="{ReblogParentURL}">{ReblogParentName}</a></li>
- <li><span class="reblogorig">Original post</span> by <a href="{ReblogRootURL}">{ReblogRootName}</a></li>
- {/block:RebloggedFrom}
- {block:ContentSource}
- <li><span class="reblogorig">{lang:Source}</span> is <a href="{SourceURL}">{SourceTitle}</a></li>{/block:ContentSource}
- </ul>
- </div>
- {/block:PermalinkPage}
- {/block:Date}
- {block:HasTags}
- <div class="tags">
- {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}
- </div>
- {/block:HasTags}
- {block:PermalinkPage}{block:Date}
- {block:NoteCount}{block:PostNotes}
- <div class="notes">
- {PostNotes}
- </div>
- {/block:PostNotes}{/block:NoteCount}
- {/block:Date}{/block:PermalinkPage}
- </article>
- {/block:Posts}
- </section>
- {block:Pagination}
- <article id="page-navigation">
- {block:PreviousPage}<a href="{PreviousPage}" class="prev-page">← Previous Page</a>{/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}<span class="current-page">{PageNumber}</span>{/block:CurrentPage}
- {block:JumpPage}<a href="{URL}" class="page-num">{PageNumber}</a>{/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}<a href="{NextPage}" class="next-page">Next Page →</a>{/block:NextPage}
- </article>
- {/block:Pagination}
- </main>
- <a href="https://vintagegrandma.tumblr.com" title="by @vintagegrandma" id="hs">vg.</a>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment