Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- • • • • • • • • • A NEW ERA • • • • • • • • •
- Design by obsceny — [http://obsceny.tumblr.com]
- don't remove my credits and don't copy © 2017
- pxu photoset, resize video, infinite scroll by
- shythemes
- audio style by passohtml
- -->
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta charset="utf-8"/>
- <title>{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="color:Accents" content="#5d7979" />
- <meta name="color:Background" content="#f6f6f6"/>
- <meta name="color:Borders" content="##f3f1f1"/>
- <meta name="color:Links" content="#adadad"/>
- <meta name="color:Links Hover" content="#cccccc"/>
- <meta name="color:Posts" content="#ffffff"/>
- <meta name="color:Sidebar" content="#ffffff"/>
- <meta name="color:Texts" content="#adadad"/>
- <meta name="text:Link 1 Url" content="/" />
- <meta name="text:Link 1 Title" content="link" />
- <meta name="text:Link 2 Url" content="/" />
- <meta name="text:Link 2 Title" content="link" />
- <meta name="text:Link 3 Url" content="/" />
- <meta name="text:Link 3 Title" content="link" />
- <meta name="text:Link 4 Url" content="/" />
- <meta name="text:Link 4 Title" content="link" />
- <meta name="text:Link 5 Url" content="/" />
- <meta name="text:Link 5 Title" content="link" />
- <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
- <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
- <link href="https://fonts.googleapis.com/css?family=Assistant|Fira+Sans|Hind|Muli|Oxygen|Poppins" rel="stylesheet">
- <script src="https://use.fontawesome.com/92822ad00c.js"></script>
- <link rel="stylesheet" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
- <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
- <link href='https://static.tumblr.com/8pnyeus/sXxofi7lt/outicons.css'
- rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="http://static.tumblr.com/i5s2zks/6kOohwlux/pe-icon-7-stroke.css">
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:20,
- tip_fade_speed:200,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <style>
- iframe.tmblr-iframe {position:absolute!important; opacity:0.3; top:0px!important;right:0px!important; z-index:10; transition:0.5s;
- -webkit-filter:invert(100%); -moz-filter:invert(100%);-ms-filter:invert(100%);
- -o-filter:invert(100%); -webkit-transform:scale(0.6); -moz-transform:scale(0.6);-ms-transform:scale(0.6);-o-transform:scale(0.6);transform:scale(0.6);}
- iframe.tmblr-iframe:hover { -webkit-transform:scale(0.70); -moz-transform:scale(0.70); -ms-transform:scale(0.70); -o-transform:scale(0.70); transform:scale(0.70);opacity:0.5; transition:0.5s;}
- .vignette, #vignette {opacity:0;}
- .lightbox-image, #tumblr_lightbox img {box-shadow:none !important; border-radius:4px !important; max-width:none;}
- .tmblr-lightbox, #tumblr_lightbox {background-color:rgba({RGBcolor:Background},.9) !important;}
- .lightbox-image, #tumblr_lightbox img {border:5px solid {color:background}; !important;-moz-box-sizing:border-box; box-sizing:border-box;}
- .lightbox-caption, #tumblr_lightbox_caption {visibility:hidden;}
- .vsanna {display:none;}
- #s-m-t-tooltip {position:relative; margin:15px; padding:5px; background:{color:Posts}; color:{color:texts}; font-size:9.5px; text-transform:uppercase; border:1px solid {color:borders}; z-index:999999999;}
- a.credit {position:fixed; right:10px; bottom:30px; font-size:9px; color:{color:texts}; background:{color:Posts}; padding:5px; width:10px; height:10px; text-align:center; transition:2s; border:1px solid {color:Borders}; z-index:9;}
- a.credit:before {position:absolute; text-align:center; font-size:10px;
- margin-left:-3.2px; margin-top:-1px; content:'O'; color:{color:links};}
- a.credit:hover {border-radius:100%; opacity:0.5; transition:2s;}
- .scrollToTop{width:10px; height:10px; padding:5px; text-align:center; font-weight:bold; color{color:Texts}; text-decoration:none; position:fixed; right:10px; bottom:55px; font-size:10px; background:{color:Posts}; display:none; transition:all 2s ease-out; border:1px solid {color:Borders}; z-index:9;}
- .scrollToTop:hover {border-radius:100%; opacity:0.8;}
- ::selection { color:{color:Links Hover}; background:{color:Links};font-weight:bold;}
- ::-moz-selection {color:{color:Links Hover}; background:{color:Links}; font-weight:bold;}
- ::-webkit-selection {color:{color:Links Hover}; background:{color:Links}; font-weight:bold;}
- ::-webkit-scrollbar {width:5px; height:5px; background:{color:texts}; border:2px solid {color:Background};}
- ::-webkit-scrollbar-thumb {background:{color:Accents}; width:20px; border-radius:2px; border:2px solid {color:Background};}
- body {background:{color:background}; color:{color:texts}; font-size:10px;
- font-family:'Fira Sans','Helvetica','Arial', sans-serif; line-height:14px;}
- a {text-decoration:none; color:{color:Links}; transition:0.5s;}
- a:hover {color:{color:Links Hover}; transition:0.5s;}
- h1, h5 {text-transform:uppercase; font-size:10px; text-align:center;}
- pre {display:block; text-align:justify; overflow-x:auto; padding:3px;}
- blockquote {padding:5px; margin-left:0px; border-left:1px solid {color:Borders};}
- center {text-align:center;}
- strong {font-weight:bold;}
- b {font-weight:bold;}
- div.focus > #content{position:relative; width:1100px; {block:PermalinkPage} width:500px; {/block:PermalinkPage} margin:0 auto; overflow:hidden; padding-top:25px; transition:2s;}
- #content {padding-top:25px; width:1100px; margin-left:0px; margin-right:0px; padding-left:200px; transition:2s;}
- .container {overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; opacity:1; z-index:1; {block:indexpage} float:left; width:250px; padding:0px; background:{color:Posts}; margin:10px; z-index:-1; opacity:0; {/block:indexpage}{block:permalinkpage} padding:10px; width:500px; display:block; background:{color:Posts}; margin:0 auto;{/block:permalinkpage}}
- .container img {width:100%; margin-bottom:-4px; {block:permalinkpage} width:100%; {/block:permalinkpage} transition:2s;}
- .border {padding:10px;}
- .video {display:block; overflow:hidden; width:100%;}
- .video, .video iframe {display:block; overflow:hidden;}
- .quote {text-align:justify;}
- .source {text-align:center; font-size:9px;}
- .permalink {width:500px;background:{color:Posts}; overflow:auto; margin-top:10px; margin-left:-10px; padding-top:10px; border-top:5px solid {color:background};}
- .permalink ol, .permalink li {list-style-type: none;}
- ol.notes {padding: 0px; padding-left:10px; margin: 1px 0px; height:500px; overflow:auto; list-style-type:none;}
- ol.notes li.note {padding:3px;}
- ol.notes li.note img.avatar {display:none;}
- ol.notes::-webkit-selection {color:transparent; background:transparent;}
- ol.notes::-webkit-scrollbar {width:5px; height:5px; background:transparent; border:2px solid transparent;}
- ol.notes::-webkit-scrollbar-thumb {background:transparent; width:20px; border-radius:2px; border:2px solid transparent;}
- .all {display:block; text-transform:uppercase; font-size:9.5px; height:18px; width:240px; border:1px solid {color:borders}; padding:5px; transition:.4s;}
- .right {float:right; text-align:right;}
- .left {float:left; text-align:left;}
- .custom-like-button {cursor:pointer!important;}
- .custom-like-button {position:relative; margin-top:0px; margin-left:3px; width:16px; height:16px; display:inline-block; float:right; vertical-align:top; cursor:pointer; font-size:9.5px; color:{color:Links};}
- .like_button.liked + .our_button:after{content:'d';}
- .like_button iframe {width:100%!important; height:100%!important;}
- .like_button {z-index:10; opacity:0; transition:0.5s;}
- .our_button {z-index:1; transition:0.5s;}
- .our_button,.like_button {position:absolute;top:0;left:0;width:100%;height:100%;}
- .asker {position:relative; text-align:right; text-transform:uppercase; margin-left:0px; margin-top:0px; margin-right:0px; z-index:9; background:{color:Posts};}
- .asker a {border:1px solid {color:borders}; text-align:center; padding:3px; z-index:9;}
- .answer {padding:20px 4px 4px 4px; border:1px solid {color:borders}; margin-left:0px; margin-right:0px;width:calc(100% - 10px); text-align:center; margin-top:-10px;}
- .portrait img {position:relative; float:left; padding:3px; border:1px solid {color:borders}; background:{color:Posts}; text-transform:uppercase; margin-left:0px; margin-top:-5px; margin-right:-10px; width:19px; height:19px; z-index:999;}
- .links {text-align:right; transition:1.5s; padding:10px;}
- .links a {font-size:10px; text-align:right; color:{color:links}; text-transform:uppercase; text-align:center; letter-spacing:0.7px; transition: 0.5s ease;}
- .links:hover {color:{color:links hover}; background:{color:Borders};transition: 1s;}
- .linksi{position:absolute; text-align:left; font-size:15px; line-height:0px; padding:4px 10px 4px 0px; margin-top:-17px; margin-left:0px; border-right:1px solid {color:borders}; transition:2s;}
- .links:hover .linksi {transform:rotatex(360deg); border-right:1px solid {color:Posts}; transition:2s;}
- .chat {line-height:13px;list-style:none;}
- .chat ul {list-style: none; padding:5px;}
- .person1 {color:{color:Texts}; padding:2px; text-transform:Uppercase; font-style:Italic; list-style:none;}
- .person1 .label {color:{color:Texts}; text-transform:Uppercase; font-style:Italic; font-weight:Bold;}
- .person2 {color:{color:Texts}; padding:2px; text-transform:Uppercase; font-style:Italic; list-style:none;}
- .person2 .label {color:{color:Texts}; text-transform:Uppercase; font-style:Italic; font-weight:Bold;}
- .album {padding:5px; height:50px;}
- .player {width:7px; height:7px; overflow:hidden; padding:4px 21px 21px 4px; position:absolute; z-index:999; float:right; margin-top:10px; right:25px; {block:PermalinkPage} right:175px; {/block:PermalinkPage} background:{color:background}; opacity:.8; border-radius:50px; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s;}
- .player:hover {opacity:1; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s;}
- .track {margin-right:10px; height:40px; letter-spacing:.3px; margin-top:3px; padding:5px; padding-right:10px; float:right; text-align:right; border-right:1px solid {color:borders};}
- .track b {font-size:9px; text-transform:uppercase; letter-spacing:0.5px;}
- .image img {width:50px; height:50px; float:right; border-radius:50px;}
- .spotify_audio_player {height:80px !important; padding:10px;}
- .soundcloud_audio_player {height:80px !important; padding:10px;}
- .sidebar {position:fixed; left:0; top:0; width:150px; height:150vh; background:{color:sidebar}; z-index:10; padding:10px; border-right:1px solid {color:borders};}
- .avatar_image img {position:fixed; margin-top:25px; margin-left:50px; text-align:center; width:40px; border-radius:100%;}
- .title {text-align:center; font-size:12px;color:{color:accents}; text-transform:uppercase; margin-top:80px; border-bottom:1px solid {color:Borders};}
- .description {text-align:center; margin-top:5px; font-size:11px; color:{color:Texts};}
- .navigation {height:100%; width:160px; position:fixed; z-index:1; top:0; text-align:center; left:-200px; background:{color:Sidebar}; overflow-x:hidden; transition:0.5s; padding-top:85px; z-index:9999999;}
- .navigation a {display:block; font-size:11px; margin-bottom:5px; line-height:25px; margin-top:10px; text-transform:uppercase; margin-left:10px; text-align:left;}
- .navigation a:hover {color:{color:accents}; letter-spacing:2px;}
- .naviga {background:{color:accents}; padding:2px; font-size:15px; text-align:right; float:right; width:15px; height:17px; right:10px; line-height:13px; border-radius:2px; color:{color:sidebar};}
- .navigation a:hover .naviga {background{color:background};}
- .navigation .closebtn { border:none; position:absolute; margin-top:-75px; right:25px; font-size: 15px; margin-left: 50px;}
- @media screen and (left:0px) {
- .navigation {padding-top: 15px;} .navigation a {font-size: 18px;}}
- .navdex {cursor:pointer; text-align:center; font-size:15px; color:{color:accents}; text-transform:uppercase; margin-top:5px;}
- </style>
- <script>
- $(document).ready(function(){
- //Check to see if the window is top if not then display button
- $(window).scroll(function(){
- if ($(this).scrollTop() > 20) {
- $('.scrollToTop').fadeIn();}
- else {$('.scrollToTop').fadeOut();}});
- //Click event to scroll to top
- $('.scrollToTop').click(function(){
- $('html, body').animate({scrollTop : 0},800);
- return false;});});
- </script>
- </head>
- <body>
- <div class="focus">
- <div class="sidebar">
- <div class="avatar_image"><img src="{PortraitURL-64}"/></div>
- <div class="title">{Title}</div>
- <div class="description">{Description}</div>
- <div class="navdex">
- <span onclick="openNav()">
- <span class="lnr lnr-menu"></span></span>
- </div></div>
- <div id="mySidenav" class="navigation">
- <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">
- <span class="lnr lnr-arrow-left"></span>
- </a>
- <div class="title">{title}<br></div>
- @{name}
- <a href="{text:Link 1 URL}" >
- <div class="naviga"><i class="pe-7s-home"></i></div>
- {text:Link 1 Title}</a>
- <a href="{text:Link 2 URL}" >
- <div class="naviga"><i class="pe-7s-help1"></i></div>
- {text:Link 2 Title}</a>
- <a href="{text:Link 3 URL}" >
- <div class="naviga"><i class="pe-7s-search"></i></div>
- {text:Link 3 Title}</a>
- <a href="{text:Link 4 URL}" >
- <div class="naviga"><i class="pe-7s-magic-wand"></i></div>
- {text:Link 4 Title}</a>
- <a href="{text:Link 5 URL}" >
- <div class="naviga"><i class="pe-7s-ribbon"></i></div>
- {text:Link 5 Title}</a>
- </div></div>
- <script>
- function openNav() {
- document.getElementById("mySidenav").style.left="0px"}
- function closeNav() {
- document.getElementById("mySidenav").style.left ="-200px";}
- </script>
- <div id="content">
- {block:Posts}
- <div class="container" id="{PostID}">
- {block:Video}
- <div class="video">{Video-500}</div>
- {block:Indexpage}
- <div class="all">
- <div class="left">
- <a href="{ReblogURL}">reblog </a> —
- <div class="custom-like-button">{LikeButton}<span class="our_button"> LIKE</span></div>
- </div>
- <div class="right"><a href="{Permalink}">{NoteCount}</a></div>
- </div>
- {/block:Indexpage}
- {/block:Video}
- {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}" style="cursor:zoom-in">
- </a>
- {block:Indexpage}
- <div class="all">
- <div class="left">
- <a href="{ReblogURL}">reblog </a> —
- <div class="custom-like-button">{LikeButton}<span class="our_button"> LIKE</span></div>
- </div>
- <div class="right"><a href="{Permalink}">{NoteCount}</a></div>
- </div>
- {/block:Indexpage}
- {/block:Photo}
- {block: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>
- {block:Indexpage}
- <div class="all">
- <div class="left">
- <a href="{ReblogURL}">reblog </a> —
- <div class="custom-like-button">{LikeButton}<span class="our_button"> LIKE</span></div>
- </div>
- <div class="right"><a href="{Permalink}">{NoteCount}</a></div>
- </div>
- {/block:Indexpage}
- {/block:Photoset}
- {block:Text}
- <div class="border">
- {block:Title}<h5><a href="{Permalink}">{Title}</a></h5>{/block:Title}
- {Body}
- {block:Indexpage}
- <div class="all" style="margin-left:-11px; margin-bottom:-11px">
- <div class="left">
- <a href="{ReblogURL}">reblog </a> —
- <div class="custom-like-button">{LikeButton}<span class="our_button"> LIKE</span></div>
- </div>
- <div class="right"><a href="{Permalink}">{NoteCount}</a></div>
- </div>
- {/block:Indexpage}
- </div>
- {/block:Text}
- {block:Quote}
- <div class="border">
- <div class="quote">{Quote}</div>
- {block:Source}
- <div class="source">{Source}</div>
- {/block:Source}
- {block:Indexpage}
- <div class="all" style="margin-left:-11px; margin-bottom:-11px; margin-top:5px">
- <div class="left">
- <a href="{ReblogURL}">reblog </a> —
- <div class="custom-like-button">{LikeButton}<span class="our_button"> LIKE</span></div>
- </div>
- <div class="right"><a href="{Permalink}">{NoteCount}</a></div>
- </div>
- {/block:Indexpage}
- </div>
- {/block:Quote}
- {block:Link}
- <div class="border">
- <div class="links">
- <a href="{URL}" {Target}>{Name}</a>
- <div class="linksi">
- <i class="oi-info"></i></div></div>
- {block:Description}{Description}{/block:Description}
- {block:indexpage}
- <div class="all" style="margin-left:-11px; margin-bottom:-11px; margin-top:10px">
- <div class="left">
- <a href="{ReblogURL}">reblog </a> —
- <div class="custom-like-button">{LikeButton}<span class="our_button"> LIKE</span></div>
- </div>
- <div class="right"><a href="{Permalink}">{NoteCount}</a></div>
- </div>
- {/block:indexpage}
- </div>
- {/block:Link}
- {block:Chat}
- <div class="border">
- {block:Title} <h1> {Title} </h1> {/block:Title}
- <div class="chat">
- <ul>{block:Lines}
- <li class="person{UserNumber}">
- {block:Label}
- <span class="label">{Label}</span>
- {/block:Label}
- {Line}</li>{/block:Lines}</ul></div>
- {block:Indexpage}
- <div class="all" style="margin-left:-11px; margin-bottom:-11px">
- <div class="left">
- <a href="{ReblogURL}">reblog </a> —
- <div class="custom-like-button">{LikeButton}<span class="our_button"> LIKE</span></div>
- </div>
- <div class="right"><a href="{Permalink}">{NoteCount}</a></div>
- </div>
- {/block:Indexpage}
- </div>
- {/block:Chat}
- {block:Audio}
- <div class="border">
- <div class="album">
- {block:AlbumArt}
- <div class="image">
- <img src="{AlbumArtURL}"/></div>
- {/block:AlbumArt}
- {block:AudioPlayer}
- <div class="player">
- {AudioPlayer}</div>
- {/block:AudioPlayer}
- <div class="track">
- {block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br/>
- {block:Artist}{Artist}{/block:Artist}<br/>
- {formattedplaycount} players
- </div></div>
- {block:Indexpage}
- <div class="all" style="margin-left:-11px; margin-bottom:-11px">
- <div class="left">
- <a href="{ReblogURL}">reblog </a> —
- <div class="custom-like-button">{LikeButton}<span class="our_button"> LIKE</span></div>
- </div>
- <div class="right"><a href="{Permalink}">{NoteCount}</a></div>
- </div>
- {/block:Indexpage}
- </div>
- {/block:Audio}
- {block:Answer}
- <div class="border">
- <div class="portrait"><img src="{AskerPortraitURL-64}"/></div>
- <div class="asker"> {Asker} </div>
- <div class="answer">{Question}</div>
- {Answer}</center>
- </div>
- {block:Indexpage}
- <div class="all" style="margin-left:-11px; margin-bottom:-5px; margin-top:5px; width:100%">
- <center>
- {DayOfWeek} ({TimeAgo}) at {24Hour}:{Minutes} {AmPm}
- </center>
- </div>
- {/block:Indexpage}
- {/block:Answer}
- <div class="vsanna">
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}"></a>
- {/block:RebloggedFrom}
- {block:ContentSource}
- <a href="{SourceURL}"></a>
- {/block:ContentSource}
- </div>
- {block:PermalinkPage}
- <div class="permalink">
- <center>
- <i class="ion-ios-information-outline" style="font-size:11px;"></i>
- POST INFO:
- <i class="ion-ios-information-outline" style="font-size:11px;"></i><br>
- This post was posted at
- <b>{24Hour}:{Minutes} {AmPm} </b>
- on <b>{Month} {DayOfMonth} </b>
- of <b>{Year}</b>, <br> has
- <b> {NoteCountWithLabel}. </b><br>
- Reblogged from:{block:RebloggedFrom}
- <a href="{ReblogParentURL}"> {ReblogParentName}</a>
- and posted by: <a href="{ReblogRootURL}">{ReblogRootName}</a>
- {/block:RebloggedFrom}
- <br>
- {block:PermalinkPagination}
- <div class="permagination">
- {block:PreviousPost}
- <a href="{PreviousPost}">Previous Post</a> —
- {/block:PreviousPost}
- {block:NextPost}
- <a href="{NextPost}"> Next Post</a>
- {/block:NextPost} </div>
- {/block:PermalinkPagination}
- </center>
- <br><br>
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- </div>
- {/block:PermalinkPage}
- </div>
- {/block:Posts}
- </div>
- </div>
- {block:IndexPage}
- <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
- <script src="http://static.tumblr.com/h7yjwkn/fcjorg4n8/jquery.infinitescroll.min.js"></script>
- {/block:IndexPage}
- <script>
- $(document).ready(function(){
- $('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '1px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- // minimal soundcloud player © shythemes.tumblr
- $(document).ready(function(){
- var color = '{color:accents}'; // color of play button (hex)
- $('.soundcloud_audio_player').each(function(){
- $(this).attr({ src: $(this).attr('src').split('&')[0] + '&liking=false&sharing=false&auto_play=false&show_comments=false&continuous_play=false&buying=false&show_playcount=false&show_artwork=true&origin=tumblr&color=' + color.split('#')[1], height: 116, width: '92%' });
- });
- });
- {block:IndexPage}
- var $container = $('#content');
- $container.masonry({ itemSelector: '.container' });
- $container.imagesLoaded(function(){
- $container.masonry();
- $container.find('.container').animate({ opacity: 1, zIndex: 1 });
- });
- $container.infinitescroll({
- itemSelector: '.container',
- navSelector: '#pagination',
- nextSelector: '#next',
- loadingImg: '',
- loadingText: '<em></em>',
- bufferPx: 20000
- },
- function( newElements ) {
- var $newElems = $( newElements );
- $newElems.find('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '1px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- },
- function(){
- $container.masonry();
- var $newElems = $(newElements);
- var $newElemsIDs = $newElems.map(function(){
- return this.id;
- }).get();
- Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
- });
- $newElems.imagesLoaded(function(){
- $container.masonry( 'appended', $newElems );
- $newElems.animate({ opacity: 1, zIndex: 1 });
- resizeVideos();
- });
- });
- {/block:IndexPage}
- });
- </script>
- {block:IndexPage}
- {block:Pagination}
- <div id="pagination">
- {block:NextPage}
- <a id="next" href="{NextPage}"></a>
- {/block:NextPage}
- {block:PreviousPage}
- <a href="{PreviousPage}">← </a>
- {/block:PreviousPage}
- </div>
- {/block:Pagination}
- {/block:IndexPage}
- <a href="#" class="scrollToTop" title="scroll to top"><span class="lnr lnr-chevron-up"></span></a>
- <a class="credit" href="http://obsceny.tumblr.com" title="theme by obsceny"/>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement