Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!------------------------------------------
- (◍•ᴗ•◍)♡ ✧*。
- Sweet Spot Theme by ThemeKid Chloë | @redivide | @themekid
- > Do not delete/alter any credit.
- > Do not claim as your own.
- > Do not copy any code.
- > Do not redistribute.
- ------------------------------------------->
- <html>
- <head>
- <meta charset="UTF-8" />
- <title>{block:TagPage}{Tag} posts | {/block:TagPage} {block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Hidden}<!--options-->
- <meta name="color:Accent" content="#dc270f" />
- <meta name="color:Border" content="#dc270f" />
- <meta name="text:About Link" content="" />{/block:Hidden}
- <!--fonts-->
- <link href='https://fonts.googleapis.com/css?family=Montserrat:700|Roboto+Mono:300,300i,500,500i|Roboto+Slab:400' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
- <!--there is a reason you can't find this link for outicons when you google, it's because i made it. so leave it the fuck alone and go make your own-->
- <link rel="stylesheet" href="https://static.tumblr.com/8pnyeus/D87qcdm0a/oi-icomoon.css">
- <!--jquery-->
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"> </script>
- <link rel="stylesheet" href="//static.tumblr.com/8pnyeus/29To2og0o/styles.css">
- <script src="https://dl.dropboxusercontent.com/s/7ke33tjjl8rty02/scripts.js"></script>
- <script src="//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);var fhs = document.createElement('script');var fhs_id = "5467394";var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"' style='display:none'></span>");
- </script>
- <style>
- * {
- margin:0;
- padding:0;
- }
- #s-m-t-tooltip {
- max-width:300px;
- padding:3px 6px;
- margin:20px 10px;
- background: #000;
- color:#fff;
- z-index:999999999999999!important;
- font-size:9px;
- text-transform:uppercase;
- font-family:'Roboto Mono', monospace;
- }
- body {
- font-size:10px;
- font-family:'Roboto Mono', monospace;
- line-height:130%;
- font-weight:300;
- }
- body:before {
- content:'';
- height:5px;
- width:100%;
- position:fixed;
- top:0;
- left:0;
- background:{color:Border};
- z-index:999;
- }
- a {
- text-decoration:none;
- color:{color:Accent};
- }
- b, strong {
- font-weight:500;
- }
- h1, h2, h3, h4, h5, h6 {
- font-family:'Roboto Slab', serif;
- font-weight:400;
- }
- #tumblr_controls, .tmblr-iframe {
- top:15px!important;
- right:15px!important;
- -webkit-filter: invert(90%);
- filter: invert(90%);
- position:fixed!important;
- -webkit-transform:scale(.8, .8);
- -moz-transform:scale(.8, .8);
- transform:scale(.8, .8);
- -webkit-transform-origin: right top;
- -moz-transform-origin: right top;
- -ms-transform-origin: right top;
- -o-transform-origin: right top;
- transform-origin: right top;
- z-index:999999999999999999!important
- }
- ::-webkit-scrollbar {
- background-color:#ddd;
- height: 11px;
- width: 11px;
- border:5px solid #fff;
- }
- ::-webkit-scrollbar-thumb {
- background-color:#000;
- border:5px solid #fff;
- }
- [class*=" icon-oi_"]:before,[class^=icon-oi_]:before {
- line-height:inherit;
- vertical-align: middle;
- }
- @font-face {
- font-family: 'icomoon';
- src: url('https://dl.dropboxusercontent.com/s/1ohfequ7ws4ejzm/icomoon.eot?5kiojs');
- src: url('https://dl.dropboxusercontent.com/s/1ohfequ7ws4ejzm/icomoon.eot?5kiojs#iefix') format('embedded-opentype'),
- url('https://dl.dropboxusercontent.com/s/9qmsmnbzj2canp9/icomoon.ttf?5kiojs') format('truetype'),
- url('https://dl.dropboxusercontent.com/s/eodx1z60h9yimh0/icomoon.woff?5kiojs') format('woff'),
- url('https://dl.dropboxusercontent.com/s/m57uc7hijqbua78/icomoon.svg?5kiojs#icomoon') format('svg');
- font-weight: normal;
- font-style: normal;
- }
- img:not(.lightbox-image), embed, video, .tumblr_video_container, iframe:not(.instagram-media):not(#ask_form):not(.tumblr_audio_player):not(.like_toggle) {
- max-width:100%!important;
- height:auto;
- }
- .instagram-media, .tumblr_audio_player {
- max-width:100%!important;
- }
- img:not(.lightbox-image) {
- vertical-align:middle;
- }
- .tumblr_video_container {
- height:auto!important;
- }
- .vine-embed {
- height:200px!important;
- }
- aside {
- position:fixed;
- top:10px;
- left:5px;
- }
- aside ul#nav {
- list-style:none;
- font-size:1.5em;
- }
- aside ul#nav li {
- margin:5px 3px;
- }
- .wrapper {
- width:600px;
- margin:0 auto;
- padding-bottom:40px;
- }
- header {
- margin:40px auto;
- text-align:center;
- width:400px;
- }
- #sub-nav {
- list-style: none;
- }
- #sub-nav li {
- display:inline-block;
- margin: -10px 5px 0;
- }
- #desc {
- margin:20px 0;
- }
- #infscr-loading {
- position:absolute;
- margin-bottom:-40px;
- bottom:30px;
- width:200px;
- margin-left:50%;
- left:-100px;
- text-align:center;
- }
- article {
- width:180px;
- box-sizing:border-box;
- margin-bottom:30px;
- }
- {block:IndexPage}
- article .t-type {
- background: rgba({RGBcolor:Accent},0.1);
- padding:8px;
- }
- img.caption_avatar, img.asker {
- border-radius: 50%;
- height: 20px;
- margin-right:5px;
- }
- .tumblr_parent, .question {
- border-bottom:1px solid {color:Accent};
- margin-bottom:5px;
- padding-bottom:5px;
- }
- .tumblr_parent:last-of-type, .question:last-of-type {
- border-bottom:none;
- margin-bottom:0;
- padding-bottom:0;
- }
- .caption, .question {
- font-size:0.9em;
- text-align:justify;
- }
- {/block:IndexPage}
- article ul, article ol {
- margin:5px 0;
- margin-left:15px;
- }
- article h2 {
- font-size:1.4em;
- line-height:1.2em;
- text-align:center;
- margin-bottom:5px;
- }
- article p {
- margin:5px 0;
- }
- article p:last-of-type, .chat li:last-of-type {
- margin-bottom:0;
- }
- article p:first-of-type, .chat li:first-of-type {
- margin-top:0;
- }
- .quote h2 {
- text-align:left;
- }
- cite {
- display:block;
- text-align:right;
- }
- .chat ul {
- margin:0;
- list-style:none;
- }
- .chat li {
- margin:3px 0;
- text-align:justify;
- }
- ul.audio-info {
- list-style:none;
- padding:0;
- margin:5px 0 0;
- }
- .permalink {
- text-align:center;
- text-transform:uppercase;
- font-family:'Montserrat', sans-serif;
- font-weight:bold;
- font-size:0.9em;
- word-spacing:3px;
- margin-top:10px;
- line-height:13px;
- }
- .permalink a {
- color:#000;
- }
- .permalink .lnr-heart {
- font-size: 9px;
- vertical-align: text-bottom;
- }
- .custom-like-button {
- position: relative;
- cursor: pointer;
- display:inline-block;
- }
- .like_button {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- z-index: 10;
- }
- .like_button iframe {
- width: 100% !important;
- height: 100% !important;
- }
- .our_toggle {
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- width: 10px;
- height: 10px;
- z-index: 1;
- }
- .like_button:hover + .our_toggle {
- color:red;
- }
- .like_button.liked + .our_toggle {
- color:red;
- }
- {block:PermalinkPage}
- #posts {
- margin:0 auto;
- width:350px;
- }
- article {
- width:350px;
- position:relative;
- }
- .tumblr_parent, .question {
- text-align:center;
- }
- .tumblr_parent:before, .question:before {
- content: '* * * * * * * * * * * * * * * *';
- margin: 20px 0;
- display: block;
- }
- img.caption_avatar, img.asker {
- display: block;
- margin: 0px auto 10px;
- border-radius: 50%;
- height: 20px;
- }
- img.caption_avatar + a.tumblr_blog,
- .asker-a {
- margin-bottom: 5px;
- display: block;
- }
- .tumblr_audio_player {
- width:350px!important;
- }
- ul.extra-info {
- position: absolute;
- top: 0;
- left: 350px;
- list-style: none;
- width: 100px;
- font-size:1.5em;
- color:{color:Accent};
- }
- ul.extra-info li {
- margin-bottom:3px;
- }
- ol.notes:before {
- content: '* * * * * * * * * * * * * * * *';
- margin: 20px 0;
- display: block;
- }
- ol.notes {
- margin:0;
- list-style:none;
- text-align:center;
- }
- li.note {
- margin-bottom: 8px;
- }
- img.avatar {
- display:none;
- }
- li.like:before {
- content: '\e993';
- font-family: "icomoon" !important;
- font-style: normal;
- font-weight: normal;
- speak: none;
- display: inline-block;
- text-decoration: inherit;
- width: 1em;
- text-align: center;
- font-variant: normal;
- text-transform: none;
- line-height: 1em;
- font-size: 1em;
- vertical-align:middle;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- margin-right: 5px;
- vertical-align: middle;
- }
- li.reblog:before {
- content: '\e9ae';
- font-family: "icomoon" !important;
- font-style: normal;
- font-weight: normal;
- speak: none;
- display: inline-block;
- text-decoration: inherit;
- width: 1em;
- text-align: center;
- font-variant: normal;
- text-transform: none;
- line-height: 1em;
- font-size: 1em;
- vertical-align:middle;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- margin-right: 5px;
- vertical-align: middle;
- }
- li.original_post:before {
- content:'\e9b8';
- }
- {/block:PermalinkPage}
- [class^="PIN_"] {
- -webkit-animation: fadein 0.7s both;
- animation: fadein 0.7s both;
- opacity:1;
- }
- @-webkit-keyframes fadein {0% {opacity: 0}100% {opacity: 1}}
- @keyframes fadein {0% {opacity: 0}100% {opacity: 1}}
- </style>
- </head>
- <body>
- <aside>
- <ul id="nav">
- <li><a href="/" title="home"><i class="icon-oi_home"></i></a>
- {block:AskEnabled}<li><a href="/ask" title="message"><i class="icon-oi_discuss"></i></a>{/block:AskEnabled}
- {block:IfAboutLink}<li><a href="{text:About Link}" title="about"><i class="icon-oi_user"></i></a>{/block:IfAboutLink}
- <li><a href="/archive" title="past"><i class="icon-oi_grid"></i></a>
- </ul>
- </aside>
- <div class="wrapper">
- <header>
- <h1>{Title}</h1>
- {block:Description}<div id="desc">
- {Description}
- </div>{/block:Description}
- {block:HasPages}<ul id="sub-nav">
- {block:Pages}<li><a href="{URL}">{Label}</a>{/block:Pages}
- </ul>{/block:HasPages}
- </header>
- <section id="posts">
- {block:Posts}<article id="{PostId}">
- {block:Text}<div class="text t-type">
- {block:Title}<h2>{Title}</h2>{/block:Title}
- <div class="caption">{Body}</div>
- </div>{/block:Text}{block:Photo}<div class="photo">
- <img src="{block:IndexPage}{PhotoURL-250}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-400}{/block:PermalinkPage}">
- </div>{/block:Photo}{block:Photoset}<div class="photoset">
- <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>
- </div>{/block:Photoset}{block:Quote}<div class="quote {Length} t-type">
- <h2>{Quote}</h2>
- {block:Source}<cite>{Source}</cite>{/block:Source}
- </div>{/block:Quote}{block:Link}<div class="link t-type">
- <h2><i class="icon-oi_chevron-right"></i> <a href="{URL}">{Name}</a></h2>
- {block:Description}<div class="caption">{Description}</div>{/block:Description}
- </div>{/block:Link}{block:Chat}<div class="chat t-type">
- {block:Title}<h2>{Title}</h2>{/block:Title}
- <ul>
- {block:Lines}<li>{block:Label}<b>{Label}</b>{/block:Label} {Line}{/block:Lines}
- </ul>
- </div>{/block:Chat}{block:Audio}<div class="audio t-type">
- {block:AlbumArt}<img src="{AlbumArtURL}" class="album-art">{/block:ALbumArt}
- {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
- <ul class="audio-info">
- <li><b>Artist:</b> <span {block:Artist}style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br>
- <li><b>Title:</b> <span {block:TrackName}style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br>
- <li><b>Album:</b> <span {block:Album}style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}<br>
- <li><b>Plays:</b> {FormattedPlayCount}
- </ul>
- </div>{/block:Audio}{block:Video}<div class="video">
- {block:IndexPage}{Video-250}{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage}
- </div>{/block:Video}{block:Answer}<div class="answer t-type">
- <div class="question">
- <img src="{AskerPortraitURL-24}" class="asker">
- <span class="asker-a">{Asker} asked:</span>
- <div>{Question}</div>
- </div>
- {block:Answerer}
- <div class="question">
- <img src="{AnswererPortraitURL-24}" class="asker">
- <span class="asker-a">{Answerer} replied:</span>
- <div>{Answer}</div>
- </div>
- {/block:Answerer}
- <div class="caption">{Replies}</div>
- </div>{/block:Answer}
- {block:IndexPage}<div class="permalink">
- <div class="custom-like-button" title="like">{LikeButton}<div class="our_toggle"><i class="icon-oi_heart"></i></span></div></div> <a href="{Permalink}" target="_blank">{TimeAgo}</a> | <a href="{ReblogURL}" target="_blank">{NoteCount}</a>
- </div>{/block:IndexPage}{block:PermalinkPage}
- {block:Caption}<div class="caption">
- {Caption}
- </div>{/block:Caption}
- {block:PostNotes}{PostNotes-16}{/block:PostNotes}
- {block:Date}<ul class="extra-info">
- <li title="{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear} ({TimeAgo})"><i class="icon-oi_time"></i>
- {block:NoteCount}<li title="{NoteCount}"><i class="icon-oi_bookmark"></i>{/block:NoteCount}
- {block:RebloggedFrom}<li><a href="{ReblogParentURL}" title="{ReblogParentName}"><i class="icon-oi_chart"></i></a>{/block:RebloggedFrom}
- {block:ContentSource}<li><a href="{SourceURL}" title="{SourceTitle}"><i class="icon-oi_globe"></i></a>{/block:ContentSource}
- {block:HasTags}<li title="{block:Tags}#{Tag} {/block:Tags}"><i class="icon-oi_tags"></i>{/block:HasTags}
- </ul>{/block:Date}
- {/block:PermalinkPage}
- </article>
- {/block:Posts}
- </section>
- </div>
- {block:IndexPage}<div class="pagination" style="visibility:hidden;">
- {block:NextPage}<a href="{NextPage}" id="next-link"><i class="fa fa-angle-right"></i></a>{/block:NextPage}
- </div>{/block:IndexPage}
- <script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
- <script src="//static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
- <script src="//static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
- <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- <script>!function(a){a.fn.unnest=function(b){var d,e,f,g,h,c=a.extend({yourCaption:".caption",wrapName:".tumblr_parent",newCaptionUsername:!1,originalPostCaptionUsername:!1,tumblrAvatarClass:".tumblr_avatar",tumblrAvatars:!0,usernameColon:!0},b),i=c.wrapName.slice(1,c.wrapName.length),j=c.tumblrAvatarClass.slice(1,c.tumblrAvatarClass.length);a(c.yourCaption,this).length>=1&&a(c.yourCaption,this).each(function(){var b=!1,k=!1;a("a.tumblr_blog",this).length<=0&&(b=!0),a(this).find("blockquote").each(function(){a(this).prev().children(".tumblr_blog").length>0&&(a(this).addClass(i),d=a(this).parent().find("a.tumblr_blog").parent("p").html(),c.usernameColon||(d=d.slice(0,-1))),a(this).hasClass(i)&&(a(this).prepend(d),c.tumblrAvatars&&(g=a(this).prev().children("a.tumblr_blog").text(),a(this).prepend('<img src="//api.tumblr.com/v2/blog/'+g+'.tumblr.com/avatar/30" class="'+j+'" />')))}),a(this).find("> p a.tumblr_blog:first-of-type").parent("p").remove(),a(c.wrapName,this).each(function(){a(this).parents(c.yourCaption).prepend(a(this))}),h=window.location.hostname;var l=a(this);a.getScript("//"+h+"/api/read/json").complete(function(){e=l.contents(":not("+c.wrapName+")"),e.text().replace(/\s/g,"").length>0&&(k=l.clone().find(c.wrapName).remove().end().html(),e.remove(),c.newCaptionUsername||b?(f='<blockquote class="'+i+'">',c.tumblrAvatars&&(!b||b&&c.originalPostCaptionUsername)&&(f+='<img src="//api.tumblr.com/v2/blog/'+h+'/avatar/30" class="'+j+'" />'),(!b||b&&c.originalPostCaptionUsername)&&(f+='<a class="tumblr_blog" href="/">'),(!b||b&&c.originalPostCaptionUsername)&&("undefined"!=typeof tumblr_api_read&&(h=tumblr_api_read.tumblelog.name),f+=h+"</a><p>"),f+=k+"</blockquote>",l.append(f)):l.append('<blockquote class="'+i+'">'+k+"</blockquote>"))})})}}(jQuery);</script>
- <script>
- var pxuOptions = {
- lightbox: true,
- rounded: false,
- gutter: '1px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- }, masonryOptions = {
- itemSelector: 'article',
- isAnimated:false,
- columnWidth:180,
- gutterWidth:30,
- }, infScrOptions = {
- navSelector : "div.pagination",
- nextSelector : ".pagination a#next-link",
- itemSelector : "article",
- loading: {
- finishedMsg: "<p>You've reached the end of the Earth.</p>",
- img : "https://res1.nabtrade.com.au/Content/Images/ajax_loader.gif",
- msg: null,
- msgText: "",
- },
- }, unnestOptions = {
- yourCaption: ".caption",
- wrapName: ".tumblr_parent",
- newCaptionUsername: true,
- originalPostCaptionUsername: false,
- tumblrAvatars: true,
- tumblrAvatarClass: ".caption_avatar",
- usernameColon: false
- };
- $(function(){
- $('.photo-slideshow').pxuPhotoset(pxuOptions);
- $('article').unnest(unnestOptions);
- {block:IndexPage}
- var $tumblelog = $('#posts');
- $tumblelog.imagesLoaded(function () {
- $tumblelog.masonry(masonryOptions);
- });
- $tumblelog.infinitescroll(
- infScrOptions,
- function( newElements ) {
- var $newElems = $( newElements );
- var $newElemsIDs = $newElems.map(function () {
- return this.id;
- }).get();
- $newElems.find('.photo-slideshow').pxuPhotoset(pxuOptions);
- var $newElems = $(newElements).css({
- opacity: 0,
- zIndex: -1,
- });
- $newElems.imagesLoaded(function(){
- $newElems.animate({ opacity: 1, zIndex: 1 });
- $tumblelog.masonry( 'appended', $newElems );
- });
- $newElems.unnest(unnestOptions);
- Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
- }
- );{/block:IndexPage}
- });
- </script>
- <script type="text/javascript" async data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement