Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <title>{Title}{block:Tagpage}: #{tag}{/block:TagPage}{block:searchpage}: {lang:search results for searchquery}{/block:searchpage}{block:postsummary}: {postsummary}{/block:postsummary}</title>
- {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta name="color:Title" content="#fff">
- <meta name="color:Text" content="#444">
- <meta name="color:Link" content="#444">
- <meta name="color:Post Border" content="#eee">
- <meta name="image:sidebar" content="jamie.png">
- <meta name="Select:Body Font" name="Amiko" content="amiko">
- <meta name="Select:Body Font" name="Droid Sans" content="droid">
- <meta name="Select:Body Font" name="Quicksand" content="quicksand">
- <meta name="Select:Body Font" name="Raleway" content="raleway">
- <link rel="icon" type="image/png" href="{Favicon}">
- <link href="https://fonts.googleapis.com/css?family=Amiko|Droid+Sans|Quicksand|Raleway" rel="stylesheet">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <script src="https://kit.fontawesome.com/e1c5fe38ac.js" crossorigin="anonymous"></script>
- <script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
- <script src="https://static.tumblr.com/r44duse/IpHqkkmtn/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:30,
- tip_fade_speed:300,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <!--
- NPF IMAGES READJUSTMENT | @glenthemes
- v2.0 [last updated: 2020-12-20]
- -->
- <link href="//dl.dropbox.com/s/bnoj86mka0bkplb/npf-override.css" rel="stylesheet">
- <script src="//dl.dropbox.com/s/vwrm94pcg4c9e71/npf-evenize.js"></script>
- <style type="text/css">
- :root {
- --NPF-Image-Spacing:4px;
- --NPF-Bottom-Gap-From-Captions:1em;
- }
- </style>
- <style type="text/css">
- .raleway{
- font-family: 'Raleway', sans-serif;
- }
- .droid{
- font-family: 'Droid Sans', sans-serif;
- }
- .quicksand{
- font-family: 'Quicksand', sans-serif;
- }
- .amiko{
- font-family: 'Amiko', sans-serif;
- }
- #s-m-t-tooltip{
- max-width:300px;
- margin:5px;
- padding:2px 8px;
- background:{color:post border};
- color:{color:Text};
- z-index:999999;
- font-size:9px;
- text-transform:uppercase;
- }
- ::selection{
- background:{AccentColor};
- color:{color:title};
- }
- a{
- color:{color:Link};
- }
- a:hover{
- font-style:italic;
- }
- .tumblr_parent {
- padding: 15px;
- border-bottom:1px solid {color:Link};
- }
- .tumblr_parent:last-child{
- border-bottom:none;
- }
- .tumblr_parent a{
- font-size:14px;
- text-transform:uppercase;
- }
- .tumblr_parent blockquote{
- margin-left:10px;
- padding-left:0px;
- }
- .tumblr_avatar {
- margin-right: 10px;
- width:30px;
- height:auto;
- border-radius:50%;
- vertical-align:middle;
- }
- .iframe-controls--desktop {
- position:fixed;
- margin-top:30px;
- right:0px;
- z-index:999999999999;
- filter:invert(100%);
- -webkit-filter:invert(100%);
- -webkit-transform:scale(0.8,0.8);
- -webkit-transform-origin: 100% 0%;
- -ms-transform-origin:100% 0%;
- -ms-transform:scale(0.8,0.8);
- transform:scale(0.8,0.8);
- transform-origin:100% 0%;
- }
- img{
- max-width:400px;
- }
- body{
- margin:0px;
- background:{BackgroundColor};
- font-size:14px;
- font-family:'Quicksand', sans-serif;
- color:{color:Text};
- word-wrap:break-word;
- }
- /*HEADER*/
- #header{
- position:fixed;
- top:0px;
- margin:0px;
- width:100%;
- height:30px;
- background:{AccentColor};
- z-index:9999;
- }
- #title{
- color:{color:Title};
- font-weight:bold;
- letter-spacing:10px;
- text-align:right;
- font-size:14px;
- padding:5px;
- vertical-align:middle;
- }
- #stuff{
- position:fixed;
- width:200px;
- margin-top:250px;
- margin-left:5%;
- }
- @media only screen and (max-width: 900px) {
- #stuff{display:none;}
- }
- #description{
- text-align:center;
- padding:5px;
- border-top:1px solid {AccentColor};
- }
- .img img{
- width:100px;
- height:100px;
- margin:10px 45px;
- border-radius:100%;
- border:1px solid {AccentColor};
- }
- #menu{
- position:fixed;
- top:30px;
- width:100%;
- background:{BackgroundColor};
- border-bottom:1px solid {AccentColor};
- z-index:9;
- }
- #links{
- margin:0px -20px;
- text-align:left;
- }
- #links a{
- text-transform:uppercase;
- text-decoration:none;
- margin:0px 3px;
- color:{AccentColor};
- }
- #links ul li{
- display:inline;
- }
- .dropbtn{
- text-transform:uppercase;
- text-decoration:none;
- border:none;
- background:none;
- color:{AccentColor};
- }
- .dropdown{
- position:relative;
- display:inline-block;
- margin-left:auto;
- }
- .dropdown-content{
- display:none;
- position:absolute;
- background-color:{BackgroundColor};
- border:1px solid {AccentColor};
- width:250px;
- box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
- z-index:999;
- -webkit-transition-duration:.6s;
- -moz-transition-duration:.6s;
- -o-transition-duration:.6s;
- -ms-transition-duration:.6s;
- }
- .dropdown-content a{
- color:white;
- font-size:12px;
- padding:12px 16px;
- text-decoration:none;
- display:block;
- -webkit-transition-duration:.6s;
- -moz-transition-duration:.6s;
- -o-transition-duration:.6s;
- -ms-transition-duration:.6s;
- }
- .dropdown-content a:hover{
- color:{color:Text};
- background-color:{BackgroundColor};
- -webkit-transition-duration:.6s;
- -moz-transition-duration:.6s;
- -o-transition-duration:.6s;
- -ms-transition-duration:.6s;
- }
- .dropdown:hover .dropdown-content{
- display:block;
- -webkit-transition-duration:.6s;
- -moz-transition-duration:.6s;
- -o-transition-duration:.6s;
- -ms-transition-duration:.6s;
- }
- /*POST CONTAINER*/
- #entries{
- margin-bottom:100px;
- }
- /*Posts*/
- .posts{
- width:400px;
- margin-top:100px;
- padding:20px;
- margin:100px auto;
- /*background:rgba(255,255,255,.7);*/
- border:1px solid {color:Post Border};
- word-wrap: break-word;
- }
- .posts blockquote{
- margin:auto 10px;
- /* display:inline;*/
- }
- /*reblog styling*/
- .post_header{
- margin-bottom:10px;
- border:1px solid {color:link};
- font-weight:bold;
- }
- .reblog_icon{
- width:30px;
- height:auto;
- vertical-align:middle;
- border-right:1px solid {color:link};
- padding:5px;
- }
- .submission .reblog_icon{
- padding:10px;
- display:none;
- }
- .submitter_icon{
- width:30px;
- height:auto;
- vertical-align:middle;
- }
- .reblog_caption{
- padding:10px;
- }
- /*Quotes*/
- .quote{
- font-size:16px;
- text-align:left;
- padding:5px;
- margin-left:40px;
- width:300px;
- margin-top:-35px;
- }
- .quote_icon{
- display:inline-block;
- width:50px;
- }
- .fa-quote-left{
- color:{color:post border};
- }
- .src{
- padding:5px;
- margin-bottom:20px;
- font-style:italic;
- text-align:center;
- background:{color:post border};
- }
- .fa-link{
- color:{color:post border};
- }
- .link_icon{
- display:inline-block;
- width:50px;
- }
- .link{
- font-size:16px;
- text-align:left;
- padding:5px;
- margin-left:40px;
- width:300px;
- margin-top:-35px;
- }
- .link blockquote{
- padding:2px 10px;
- border-left:1px solid {color:post border};
- }
- /*Chat*/
- .chat li{
- list-style-type:none;
- margin-left:-40px;
- padding:5px;
- }
- .chat li:nth-child(odd){
- background:{color:post border};
- }
- .label{
- font-weight:bold;
- text-transform:uppercase;
- }
- .asker{
- vertical-align:center;
- }
- .question {
- border:1px solid {color:link};
- margin-bottom:10px;
- }
- .reply{
- margin-top:10px;
- border:1px solid {color:link};
- }
- /*npf*/
- /*video*/
- figure.tmblr-embed.tmblr-full iframe {
- max-width: 100%;
- display:block;
- }
- .video{display:block;margin-bottom:10px;}
- p.npf_chat:nth-child(odd) {
- background:{color:post border};
- }
- p.npf_chat b {
- font-weight:bold;
- text-transform:uppercase;
- }
- p.npf_chat {
- padding:5px;
- }
- .audio iframe{
- max-width:400px;
- }
- /*Pinned Post*/
- .pin {
- text-align:center;
- text-transform:uppercase;
- letter-spacing:1px;
- font-weight:900;
- margin-bottom:20px;
- }
- /*POST INFO*/
- #postinfo{
- width:440px;
- padding-top:15px;
- margin-left:-20px;
- border-top:1px solid{color:Post Border};
- text-align:center;
- }
- #postinfo a{
- text-decoration:none;
- }
- #tags{
- margin-top:10px;
- }
- ol.notes{
- margin-left:-40px;
- list-style-type:none;
- }
- ol.notes li.note{
- padding:10px;
- }
- ol.notes li.note img.avatar{
- vertical-align:middle;
- margin-right:10px;
- }
- /*CREDIT*/
- #credit{
- position:fixed;
- text-transform:uppercase;
- font-size:9px;
- color:#000;
- background:#eee;
- padding:5px;
- right:30px;
- bottom:30px;
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="header">
- <div id="title">{Title}</div>
- </div>
- <div id="stuff">
- <div class="img"><img src="{image:sidebar}"></div>
- <div id="description">{Description}</div>
- </div>
- <div id="menu">
- <div id="links">
- <ul>
- <li><a href="/">home</a></li>
- {block:askenabled}<li><a href="/"><a href="/msg">ask</a></li>{/block:askenabled}
- {block:submissionsenabled}<li><a href="/"><a href="/submit">submit</a></li>{/block:submissionsenabled}
- <div class="dropdown">
- <button class="dropbtn">navigate</button>
- <div class="dropdown-content">
- {block:haspages}
- {block:pages}<a href="{url}">{label}</a>{/block:pages}
- {/block:haspages}
- <a href="/archive">archive</a>
- </div>
- </div>
- {block:Pagination}
- {block:PreviousPage}
- <li><a href="{PreviousPage}">prev</a></li>
- {/block:PreviousPage}
- {block:NextPage}
- <li><a href="{NextPage}">next</a></li>
- {/block:NextPage}
- {/block:Pagination}
- <li><a href="https://capecoding.tumblr.com">credit</a></li>
- </ul>
- </div>
- </div>
- <div id="entries">
- {block:Posts inlineMediaWidth="250"}
- <div class="posts" post-type="{PostType}">
- {block:ContentSource}<!--
- <a href="{SourceURL}">{lang:Source}:
- {block:SourceLogo}
- <img src="{BlackLogoURL}" width="{LogoWidth}"
- height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}-->
- </a>{/block:ContentSource}
- {block:PinnedPostLabel}<div class="pin"><i class="fas fa-thumbtack"></i> Pinned Post</div>{/block:PinnedPostLabel}
- {block:Text}
- {block:NotReblog}
- {block:indexpage}<div class="post_header {block:submission}submission{/block:submission}"><img class="reblog_icon" src="{PortraitURL-64}">{block:submission}<img class="submitter_icon" src="{submitterportraiturl-64}"> <a href="{submitterurl}" class="submitter">{submitter}</a> submitted a text post{/block:submission} <span {block:submission}style="display:none"{/block:submission}>{name}</span></div>{/block:indexpage}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {body}
- {/block:NotReblog}
- {block:RebloggedFrom}
- <div class="reblogs">
- {block:Reblogs}
- <div class="post_header">
- {block:IsActive}<img class="reblog_icon" src="{PortraitURL-64}"> {/block:IsActive}
- {block:IsDeactivated}<img class="reblog_icon" src="{PortraitURL-64}"> {/block:IsDeactivated}
- {block:IsActive}<a href="{permalink}">{username}</a>{/block:IsActive}
- {block:IsDeactivated}{username} - deactivated{/block:IsDeactivated}
- </div>
- {block:Title}<h1>{Title}</h1>{/block:Title}
- <div class="reblog_caption">{body}</div>
- {/block:Reblogs}
- </div>
- {/block:RebloggedFrom}
- {/block:Text}
- <!--chat posts-->
- {block:Chat}
- {block:RebloggedFrom}
- <div class="reblogs">
- {block:Reblogs}
- <div class="post_header">
- {block:IsActive}<img class="reblog_icon" src="{PortraitURL-64}"> {/block:IsActive}
- {block:IsDeactivated}<img class="reblog_icon" src="{PortraitURL-64}"> {/block:IsDeactivated}
- {block:IsActive}<a href="{permalink}">{username}</a>{/block:IsActive}
- {block:IsDeactivated}{username}{/block:IsDeactivated}
- </div>
- {/block:Reblogs}
- </div>
- {/block:RebloggedFrom}
- {block:NotReblog}
- <div class="post_header"><img class="reblog_icon" src="{PortraitURL-64}"> {name}</div>
- {/block:NotReblog}
- <div class="chat">
- {block:Title}{Title}{/block:Title}
- {block:Lines}
- <ul class="lines">
- <li>{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
- </ul>
- {/block:Lines}
- </div>
- {/block:Chat}
- <!--link posts-->
- {block:link}
- {block:submission}
- <div class="post_header submission"><img class="reblog_icon" src="{PortraitURL-64}"><img class="submitter_icon" src="{submitterportraiturl-64}"> <a href="{submitterurl}" class="submitter">{submitter}</a> submitted a link{/block:submission}
- <div class="link_icon"><i class="fa fa-link fa-2x" aria-hidden="true"></i></div>
- <div class="link">
- <a href="{url}"{target}>{name}</a>
- {block:description}{description}{/block:description}
- </div>
- {/block:link}
- <!--photo posts-->
- {block:photo}
- <figure class="ph">
- {linkopentag}<img src="{photourl-highres}" alt="{photoalt}">{linkclosetag}
- </figure>
- {block:caption}
- <figcaption class="caption">
- {block:NotReblog}<div class="post_header {block:submission}submission{/block:submission}"><img class="reblog_icon" src="{PortraitURL-64}">{block:submission}<img class="submitter_icon" src="{submitterportraiturl-64}"> <a href="{submitterurl}" class="submitter">{submitter}</a> submitted a photo{/block:submission} <span {block:submission}style="display:none"{/block:submission}>{name}</span></div>{caption}{block:NotReblog}
- {block:RebloggedFrom}{block:Reblogs}
- <div class="post_header">
- {block:IsActive}<img class="reblog_icon" src="{PortraitURL-64}"> {/block:IsActive}
- {block:IsDeactivated}<img class="reblog_icon" src="{PortraitURL-64}"> {/block:IsDeactivated}
- {block:IsActive}<a href="{permalink}">{username}</a>{/block:IsActive}
- {block:IsDeactivated}{username} - deactivated{/block:IsDeactivated}
- </div>
- <div class="reblog_caption">
- {body}
- </div>
- {/block:Reblogs}{/block:RebloggedFrom}
- </figcaption>
- {/block:caption}
- {/block:photo}
- <!--photoset posts-->
- {block:Photoset}
- {photoset-400}
- {block:caption}
- <figcaption class="caption">
- {block:NotReblog}<div class="post_header {block:submission}submission{/block:submission}"><img class="reblog_icon" src="{PortraitURL-64}">{block:submission}<img class="submitter_icon" src="{submitterportraiturl-64}"> <a href="{submitterurl}" class="submitter">{submitter}</a> submitted a photoset{/block:submission} {name}</div>{caption}
- {block:NotReblog}
- {block:RebloggedFrom}{block:Reblogs}
- <div class="post_header">
- {block:IsActive}<img class="reblog_icon" src="{PortraitURL-64}"> {/block:IsActive}
- {block:IsDeactivated}<img class="reblog_icon" src="{PortraitURL-64}"> {/block:IsDeactivated}
- {block:IsActive}<a href="{permalink}">{username}</a>{/block:IsActive}
- {block:IsDeactivated}{username} - deactivated{/block:IsDeactivated}
- </div>
- <div class="reblog_caption">
- {body}
- </div>
- {/block:Reblogs}{/block:RebloggedFrom}
- </figcaption>
- {/block:caption}
- {/block:Photoset}
- <!--panorama posts-->
- {block:panorama}
- <figure class="ph">
- {linkopentag}<img src="{photourl-panorama}" alt="{photoalt}">{linkclosetag}
- </figure>
- {block:caption}
- <figcaption class="caption">
- {block:NotReblog}<div class="post_header {block:submission}submission{/block:submission}"><img class="reblog_icon" src="{PortraitURL-64}">{block:submission}<img class="submitter_icon" src="{submitterportraiturl-64}"> <a href="{submitterurl}" class="submitter">{submitter}</a> submitted a panorama{/block:submission} {name}</div>{caption}{block:NotReblog}
- {block:RebloggedFrom}{block:Reblogs}
- <div class="post_header">
- {block:IsActive}<img class="reblog_icon" src="{PortraitURL-64}">{/block:IsActive}
- {block:IsDeactivated}<img class="reblog_icon" src="{PortraitURL-64}">{/block:IsDeactivated}
- {block:IsActive}<a href="{permalink}">{username}</a>{/block:IsActive}
- {block:IsDeactivated}{username} - deactivated{/block:IsDeactivated}
- </div>
- <div class="reblog_caption">
- {body}
- </div>
- {/block:Reblogs}{/block:RebloggedFrom}
- </figcaption>
- {/block:caption}
- {/block:panorama}
- <!--quote posts-->
- {block:Quote}<div class="quote_icon"><i class="fa fa-quote-left fa-2x" aria-hidden="true"></i></div><div class="quote">{Quote}</div> {block:Source} <div class="src">{Source}</div>{/block:Source}{/block:Quote}
- <!--audio posts-->
- {block:audio}
- <div class="audio">
- {block:audioembed}{audioembed}{/block:audioembed}
- {block:caption}
- <figcaption class="caption">
- {block:NotReblog}<div class="post_header {block:submission}submission{/block:submission}"><img class="reblog_icon" src="{PortraitURL-64}">{block:submission}<img class="submitter_icon" src="{submitterportraiturl-64}"> <a href="{submitterurl}" class="submitter">{submitter}</a> submitted to{/block:submission} {name}</div>{caption}{block:NotReblog}
- {block:RebloggedFrom}{block:Reblogs}
- <div class="post_header">
- {block:IsActive}<img class="reblog_icon" src="{PortraitURL-64}"> {/block:IsActive}
- {block:IsDeactivated}<img class="reblog_icon" src="{PortraitURL-64}"> {/block:IsDeactivated}
- {block:IsActive}<a href="{permalink}">{username}</a>{/block:IsActive}
- {block:IsDeactivated}{username} - deactivated{/block:IsDeactivated}
- </div>
- <div class="reblog_caption">
- {body}
- </div>
- {/block:Reblogs}{/block:RebloggedFrom}
- </figcaption>
- {/block:caption}
- </div>
- {/block:audio}
- <!--video posts-->
- {block:video}
- <div class="video">
- {video-400}
- </div>
- {block:caption}
- <figcaption class="caption">
- {block:NotReblog}<div class="post_header {block:submission}submission{/block:submission}"><img class="reblog_icon" src="{PortraitURL-64}">{block:submission}<img class="submitter_icon" src="{submitterportraiturl-64}"> <a href="{submitterurl}" class="submitter">{submitter}</a> submitted a video{/block:submission} <span {block:submission}style="display:none"{/block:submission}>{name}</span></div>{caption}{block:NotReblog}
- {block:RebloggedFrom}{block:Reblogs}
- <div class="post_header">
- {block:IsActive}<img class="reblog_icon" src="{PortraitURL-64}">{/block:IsActive}
- {block:IsDeactivated}<img class="reblog_icon" src="{PortraitURL-64}">{/block:IsDeactivated}
- {block:IsActive}{username}{/block:IsActive}
- {block:IsDeactivated}{username} - deactivated{/block:IsDeactivated}
- </div>
- <div class="reblog_caption">
- {body}
- </div>
- {/block:Reblogs}{/block:RebloggedFrom}
- </figcaption>
- {/block:caption}
- {/block:video}
- <!--answer posts-->
- {block:Answer}
- <div class="ask">
- <div class="question">
- <img class="reblog_icon" src="{AskerPortraitURL-30}"> {lang:Asker asked}
- </div>
- <div class="q">{question}</div>
- </div>
- <figcaption class="caption">
- {block:NotReblog}<div class="reply"><img class="reblog_icon" src="{PortraitURL-64}"> {name}</div>{replies}{block:NotReblog}
- {block:RebloggedFrom}{block:Reblogs}
- <div class="post_header">
- {block:IsActive}<img class="reblog_icon" src="{PortraitURL-64}"> {/block:IsActive}
- {block:IsDeactivated}<img class="reblog_icon" src="{PortraitURL-64}"> {/block:IsDeactivated}
- {block:IsActive}<a href="{permalink}">{username}</a>{/block:IsActive}
- {block:IsDeactivated}{username} - deactivated{/block:IsDeactivated}
- </div>
- <div class="reblog_caption">
- {replies}
- </div>
- {/block:Reblogs}{/block:RebloggedFrom}
- </figcaption>
- {/block:Answer}
- <div id="postinfo">
- {block:Date}<a title="posted on {month} {dayofmonth}, {year} with {FormattedNoteCount} Notes" href="{Permalink}">{12Hour} : {Minutes} {AMPM}</a>{/block:Date}{block:indexpage}{block:HasTags} - <a title="{block:Tags}#{Tag} {/block:Tags}"
- >tags</a>{/block:HasTags}{/block:indexpage}
- {block:PermalinkPage}
- {block:RebloggedFrom}| <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}
- {block:RebloggedFrom}- <a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>{/block:RebloggedFrom}
- {block:HasTags}
- <div id="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>
- {/block:HasTags}
- {/block:PermalinkPage}
- </div>
- {PostNotes-16}
- </div>
- {/block:Posts}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement