Tumblr
Facebook
<!DOCTYPE html> <!--------------------------------------------------------------- Theme °23 By Max Davis Last update 10.08.15 Theme info + code: http://themes.mxdvs.co/themes/23 More free themes: http://themes.mxdvs.co ------------------------------------------------------------- --> <html lang="en"> <head> <meta charset="utf-8" /> <title>{Title}</title> <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" href="{RSS}"> <meta name="color:Background" content="#FFFFFF" /> <meta name="color:Text" content="#555555" /> <meta name="color:Links" content="#555555" /> <meta name="color:Links hover" content="#000000" /> <meta name="image:Logo" content="" /> <meta name="select:Font" content="font-bench-nine" title="BenchNine"> <meta name="select:Font" content="font-open-sans" title="Open Sans"> <meta name="select:Font" content="font-helvetica-neue" title="Helvetica Neue"> <meta name="select:Instagram Feed" content="ig-feed-three" title="3 Posts"> <meta name="select:Instagram Feed" content="ig-feed-four" title="4 Posts"> <meta name="select:Instagram Feed" content="ig-feed-eight" title="8 Posts"> <meta name="select:Instagram Feed" content="ig-feed-nine" title="9 Posts"> <meta name="if:Infinite Scroll" content="1" /> <meta name="if:Center Header Title" content="0" /> <meta name="if:Sidebar Left or Right" content="0" /> <meta name="if:Hide Description" content="0" /> <meta name="if:Hide Photo Post Captions" content="0" /> <meta name="text:Description Title" content="About" /> <meta name="text:Links Title" content="Links" /> <meta name="text:Instagram Feed Title" content="Instagram Feed" /> <meta name="text:Instagram ID Code" content=""> <meta name="text:Link 1 URL" content="" /> <meta name="text:Link 1 Title" content="" /> <meta name="text:Link 2 URL" content="" /> <meta name="text:Link 2 Title" content="" /> <meta name="text:Link 3 URL" content="" /> <meta name="text:Link 3 Title" content="" /> <meta name="text:Link 4 URL" content="" /> <meta name="text:Link 4 Title" content="" /> <meta name="text:Link 5 URL" content="" /> <meta name="text:Link 5 Title" content="" /> <link href='http://fonts.googleapis.com/css?family=BenchNine:400,700|Open+Sans:400,700' rel='stylesheet' type='text/css'> <style type="text/css"> body { padding: 0; margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; color: {color:Text}; background: {color:background};} a { color: {color:Links}; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} a:hover { text-decoration: none; color: {color:Links Hover};} a:active {outline: none;} a:focus {-moz-outline-style: none;} :-moz-any-link:focus {outline: none;} img {border:none;display:block;} .clear {clear:both;} body.font-bench-nine {font-family: "Andale Mono", Helvetica Neue, Helvetica, Arial, sans-serif;} body.font-open-sans {font-family: "Open Sans", Helvetica Neue, Arial, sans-serif;} body.font-helvetica-neue {font-family: "Helvetica Neue", Helvetica Neue, Arial, sans-serif;} #center { margin:auto; position:relative; width:1060px; {block:PermalinkPage} width: 900px; {block:PermalinkPage}} #header { width:100%; padding:40px 0 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #header h1{ font-size: 70px; font-weight: 400; line-height: 100%; margin: 50px 0; letter-spacing: 5px; overflow: hidden; text-align: center; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; width: 100%; color:{color:Text}; {block:IfSidebarLeftorRight} text-align: left; {/block:IfSidebarLeftorRight} {block:IfNotSidebarLeftorRight} text-align: right; {/block:IfNotSidebarLeftorRight} {block:IfCenterHeaderTitle} text-align: center; {/block:IfCenterHeaderTitle}} body.font-bench-nine #header h1 {font-family: "BenchNine", Helvetica Neue, Helvetica, Arial, sans-serif;} body.font-open-sans #header h1 { font-family: "Open Sans", Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: bold; letter-spacing: 5px; word-spacing: 5px;} body.font-helvetica-neue #header h1 {font-family: "Helvetica Neue", Helvetica Neue, Arial, sans-serif;} #header .logo { max-width:100%; max-height:200px;} #sidebar { float: right; margin: 0 0 0 30px; position: relative; width: 270px; padding: 20px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; {block:IfSidebarLeftorRight} float:left; margin: 0 30px 0 0; {/block:IfSidebarLeftorRight}} #sidebar h2 { font-family: 'BenchNine' , Helvetica, Arial, sans-serif; font-size:20px; margin:20px 0 14px; line-height: 100%;} body.font-bench-nine #sidebar h2 {font-family: "BenchNine", Helvetica Neue, Arial, sans-serif;} body.font-open-sans #sidebar h2 {font-family: "Open Sans", Helvetica Neue, Arial, sans-serif;font-size:17px;} body.font-helvetica-neue #sidebar h2 {font-family: "Helvetica Neue", Helvetica Neue, Arial, sans-serif;font-size:17px;} #sidebar #links { list-style:none; margin:0; padding:0;} #sidebar #links a { border-right: 0 solid {color:Links Hover}; display: block; font-size: 9px; letter-spacing: 1px; margin: 0 0 4px; padding: 7px 10px 6px; text-transform: uppercase; color: {color:Text}; background: rgba({RGBcolor:Text}, 0.1); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} #sidebar #links a:hover { padding: 7px 10px 6px; border-right: {color:Links hover} 20px solid;} #sidebar #instagram {} #sidebar #instagram h2 {} #sidebar #instagram ul { list-style: outside none none; margin: 0; padding: 0;} #sidebar #instagram ul li { float: left; position: relative; display:none; opacity: 0.6; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} #sidebar #instagram ul li:hover {opacity:1.0;} #sidebar #instagram ul.ig-feed-four li, #sidebar #instagram ul.ig-feed-eight li {width: 60px; height:60px; margin: 0 10px 10px 0;} #sidebar #instagram ul.ig-feed-three li, #sidebar #instagram ul.ig-feed-nine li {width: 83px; height: 83px; margin: 0 10px 10px 0;} #sidebar #instagram ul.ig-feed-four li:nth-child(4n), #sidebar #instagram ul.ig-feed-eight li:nth-child(4n) {margin: 0 0 10px;} #sidebar #instagram ul.ig-feed-three li:nth-child(3n), #sidebar #instagram ul.ig-feed-nine li:nth-child(3n) {margin: 0 0 10px;} #sidebar #instagram ul.ig-feed-three li:nth-child(-n+3) {display:block;} #sidebar #instagram ul.ig-feed-four li:nth-child(-n+4) {display:block;} #sidebar #instagram ul.ig-feed-eight li:nth-child(-n+8) {display:block;} #sidebar #instagram ul.ig-feed-nine li:nth-child(-n+9) {display:block;} #sidebar #instagram ul li a {} #sidebar #instagram ul li a img { width: 100%; height: auto;} #back_to_top { bottom: 30px; font-size: 15px; height: 10px; line-height: 100%; padding: 0; position: fixed; text-align: center; width: 15px; {block:IfSidebarLeftorRight} margin: 0 0 0 1050px; {/block:IfSidebarLeftorRight} {block:IfNotSidebarLeftorRight} margin: 0 0 0 -14px; {/block:IfNotSidebarLeftorRight}} #back_to_top a {color: rgba({RGBcolor:links}, 0.6)} #back_to_top a:hover {color: rgba({RGBcolor:links}, 0.9)} #content { float: left; margin: 40px 0; width:760px; overflow: visible !important; {block:PermalinkPage} width:600px; {/block:PermalinkPage} {block:IfSidebarLeftorRight} float:right; {/block:IfSidebarLeftorRight}} #content #post, #content #time { float:left; position: relative; width:300px; margin:0 40px 80px; {block:PermalinkPage} margin:0 auto 30px; width:500px; float:none; {/block:PermalinkPage}} #content #post h3 { font-weight: normal; margin: 0 0 10px; text-transform: uppercase; color:{color:text};} body.font-bench-nine #content #post h3 {font-family: "BenchNine", Helvetica Neue, Arial, sans-serif;} body.font-open-sans #content #post h3 {font-family: "Open Sans", Helvetica Neue, Arial, sans-serif; font-weight:bold;} body.font-helvetica-neue #content #post h3 {font-family: "Helvetica Neue", Helvetica Neue, Arial, sans-serif; font-weight:bold;} #content #post #photo { position:relative; width:300px; {block:PermalinkPage} width:500px; {/block:PermalinkPage}} #content #post #photo img { width:300px; z-index:1; position:relative; {block:PermalinkPage} width:500px; {/block:PermalinkPage}} #content #post #photo #hover { background-color: rgba({RGBcolor:Links Hover},0.9); font-family: 'Andale Mono', Helvetica Neue, Arial, sans-serif; font-size: 9px; left: 0; letter-spacing: 1px; line-height: 250%; padding: 5px 10px; position: absolute; text-align: center; top: 0; width: 11px; visibility: hidden; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} #content #post #photo:hover #hover { left:-31px; visibility: visible;} #content #post #photo #hover a, #content #post #photo #hover a:hover{ color: {color:Background};} #content #post #photo #hover .x{ display: inline-block; font-size: 14px; font-weight: bold; line-height: 9px; vertical-align: middle;} #content #post #chat { margin:0; list-style:none; padding:0;} #content #post #chat li { padding:7px 10px;} #content #post #chat li:nth-child(even) { background: {color:Text}; color: {color:Background};} #content #post #chat li span{ text-transform:uppercase;} #content #post #photoset { overflow:hidden;} #content #post #photoset a img { width:300px; height:auto; display:none;} #content #post #photoset a:first-child img { display:block;} #content #post #quote { position: relative;} #content #post #quote #quote_symbol { font-family: "Helvetica neue", Helvetica, Arial, sans-serif; font-size: 120px; font-weight: bold; height: 65px; left: 0; letter-spacing: -5px; line-height: 0; margin: -26px 0 0 -6px; opacity: 0.1; overflow: hidden; position: absolute; top: 0;} #content #post #quote h3 { text-decoration:none;} #content #post #quote .source { text-align:center; font-style:italic;} #container .album{ margin:0; height:36px} #container .albumart{ margin:0; min-height:36px;; width:300px; {block:PermalinkPage} width: 250px; float: left; {/block:PermalinkPage}} #container .albumart img{ height: auto; width:300px; max-width: 300px !important; {block:PermalinkPage} max-width: 250px !important; width: 250px; {/block:PermalinkPage}} #container .audio{ background: none repeat scroll 0 0 black; height: 27px; margin: -36px 0 0; opacity: 0.5; overflow: hidden; padding: 5px 0 4px; width: 27px; border-left:136px solid black; border-right:137px solid black; position:absolute; {block:PermalinkPage} position:relative; margin: 0 0 40px 40px; float: left; border-left: 91px solid black; border-right: 92px solid black; {/block:PermalinkPage}} #container .artist_info { float: left; list-style: none outside none; margin: 0; padding: 0 0 0 40px; width: 210px;} #container .artist_info li{ font-size: 10px; font-weight: normal; margin: 0 0 4px; overflow: hidden; padding: 5px 6px 4px; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; background: {color:Text}; color: {color:Background};} #container .artist_info li:first-child{ border-top:none;} #container #question img { float: left; height: 50px; margin: 0 15px 30px 0; width: 50px;} #container #question span { border-bottom: 1px solid rgba(0, 0, 0, 0.2); display: inline-block; line-height: 10px; margin: 0;} #container #question p { background: none repeat scroll 0 0 #EEEEEE; float: left; font-size: 10px; line-height: 150%; margin: 0 0 30px; padding: 5px 6px 4px; text-transform: uppercase; width: 223px; {block:PermalinkPage} width:423px; {/block:PermalinkPage}} #container #answer p { position:relative; margin:0;} #container #answer p img { max-width:100%; height:auto; margin:5px 0 0;} #container #video {} {block:IndexPage} #container #video iframe { height: 169px !important; width: 300px !important;} {/block:IndexPage} #container #pagination { float:left; width:300px; margin:0 30px 60px;} #container #pagination a, #container #pagination span { text-transform:uppercase; padding:7px 10px; background: {color:Text}; color: {color:Background};} #container #pagination .prev { float:left;} #container #pagination .next { float:right;} #container #pagination #jump { margin:auto; text-align:center;} #container #pagination #jump span, #container #pagination #jump a { display:inline-block;} #container #pagination #jump span { text-decoration:underline} #container #post #caption { margin: 12px 0 0; padding: 0 10px 7px; background: rgba({RGBcolor:Text}, 0.1); color: {color:Text};} #container #post #caption:empty {display:none} #container #post .no-caption{ {block:IfHidePhotoPostCaptions} display:none {/block:IfHidePhotoPostCaptions}} #container #post #caption p { margin: 0; padding: 7px 0 0; position;:relative;} #container #post #caption blockquote {margin: 2px 10px 5px;} #container #post #caption p img { max-width:100%; height:auto;} #container #post #date { font-size: 9px; list-style: none outside none; margin: 15px 0 0; padding: 15px 0 0; text-align: center; text-transform: uppercase;} #container #post #date li { display:inline-block; margin:0 15px;} /* Post Info */ #container #info .caption { padding: 20px; margin: 0 auto 30px; background: rgba({RGBcolor:Text}, 0.1);} #container #info .caption p { margin: 0; padding: 0; position;:relative;} #container #info .caption p blockquote { margin: 10px 15px;} #container #info .caption p img { max-width:100%; height:auto;} /* Post About */ #container #info { margin: auto; width: 500px;} #container #info .info_list { list-style-type: none; margin: 0 auto 30px; padding: 0; width: 506px; text-align:center;} #container #info .info_list li { display: inline-block; font-size: 10px; margin: 0 10px; padding: 10px 13px 9px; text-transform: uppercase; background: rgba({RGBcolor:Text}, 0.1); color: {color:Links};} #container #info .info_list li a { border-bottom: 1px solid rgba(0, 0, 0, 0.2); display: inline-block; line-height: 10px; color: {color:Links};} /* Notes */ #container #info ol.notes { list-style-type: none; margin: 40px auto 0; min-height: 98px; padding: 0; width: 506px;} #container #info ol.notes li.note { clear: none !important; float: left; height: 16px; margin: 3px !important; overflow: hidden; width: 16px;} #container #info ol.notes li.note img.avatar { display: block; float: left; height: 16px; margin-right: 10px; vertical-align: -4px; width: 16px;} #container #info ol.notes li.note span{ display:none;} #container #info ol.notes li.note span.action a{ font-weight: bold;} #container #info ol.notes li.note .answer_content { font-weight: normal; display:none;} #container #info ol.notes li.note blockquote { padding: 4px 10px; margin: 10px 0 10px 30px; display:none;} #container #info ol.notes li.note blockquote a { text-decoration: none; display:none;} #container #info ol.notes li.more_notes_link_container{ clear: both !important; display: block; float: left; font-size: 9px; height: 11px; margin: -23px 0 0 !important; padding: 22px; text-transform: uppercase; width: 456px;}</style> </head> <body class="{select:font}"> <div id="fb-root"></div> <script> (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> {block:Pagination} <div class="nav"> {block:NextPage}<a href="{NextPage}"></a>{/block:NextPage} </div> {/block:Pagination} <div id="center"> <div id="header"> {Block:IfNotLogoImage} <a href="/"><h1>{Title}</h1></a> {/Block:IfNotLogoImage} {Block:IfLogoImage} <center> <a href="/"><img src="{Image:logo}" class="logo"></a> </center> {/Block:IfLogoImage} </div><!-- end #header --> <div id="container"> <div id="sidebar"> {block:IfNotHideDescription} {block:ifDescriptionTitle}<h2>{text:Description Title}</h2>{/block:ifDescriptionTitle} <p>{Description}</p> {/block:IfNotHideDescription} <div id="links"> {block:ifLinksTitle}<h2>{text:Links Title}</h2>{/block:ifLinksTitle} {block:AskEnabled} <a href="/ask">{AskLabel}</a> {/block:AskEnabled} {block:SubmissionsEnabled} <a href="/submit">Submit</a> {/block:SubmissionsEnabled} {block:HasPages} {block:Pages} <a href="{URL}" title="{Label}">{Label}</a> {/block:Pages} {/block:HasPages} {block:ifLink1Title} <a href="{text:Link 1 URL}">{text:Link 1 Title}</a> {/block:ifLink1Title} {block:ifLink2Title} <a href="{text:Link 2 URL}">{text:Link 2 Title}</a> {/block:ifLink2Title} {block:ifLink3Title} <a href="{text:Link 3 URL}">{text:Link 3 Title}</a> {/block:ifLink3Title} {block:ifLink4Title} <a href="{text:Link 4 URL}">{text:Link 4 Title}</a> {/block:ifLink4Title} {block:ifLink5Title} <a href="{text:Link 5 URL}">{text:Link 5 Title}</a> {/block:ifLink5Title} </div> {block:Indexpage}{block:IfInstagramIDCode} <div id="instagram"> {block:ifInstagramFeedTitle}<h2>{text:Instagram Feed Title}</h2>{/block:ifInstagramFeedTitle} <ul id="feed" class="{select:Instagram Feed}"></ul> </div> {/block:IfInstagramIDCode}{/block:Indexpage} </div><!-- end #sidebar --> {Block:IfInfiniteScroll}{block:Indexpage} <div id="back_to_top"> <div id="up"> <a href="#top">&#9650;</a> </div> </div> {/block:Indexpage}{/Block:IfInfiniteScroll} <div id="content"> {block:Date} {block:SameDayDate} <div id="time"> <h2>{ShortMonth} {DayOfMonthWithZero}</h2> <p>{Year}</p> </div> {/block:SameDayDate} {/block:Date} {block:Posts} <div id="post"> {block:Text} {block:Title} <a href="{Permalink}"><h3>{Title}</h3></a> {/block:Title} {Body} {/block:Text} {block:Photo} <div id="photo"> {block:IndexPage} {block:Date} <div id="hover"> {block:NoteCount} {/block:NoteCount} <a href="{Permalink}"> {DayOfMonthWithZero}<br/> {MonthNumberWithZero}<br/> {ShortYear} </a> </div> {/block:Date} {/block:IndexPage} {block:IndexPage} <a href="{Permalink}"> <img src="{PhotoURL-500}"/> </a>{/block:IndexPage} {block:PermalinkPage} <center><img src="{PhotoURL-HighRes}"/></center> {/block:PermalinkPage} </div> {/block:Photo} {block:Photoset} <div id="photo"> {block:IndexPage} {block:Date} <div id="hover"> <a href="{Permalink}" title="{TimeAgo} on {DayOfWeek} {DayOfMonth} {ShortMonth} {ShortYear}"> {MonthNumberWithZero}<br/> {DayOfMonthWithZero}<br/> {ShortYear} </a> </div> {/block:Date} {/block:IndexPage} {block:IndexPage} <div id="photoset"> {block:Photos} <a href="{Permalink}"> <img src="{PhotoURL-500}" /></a> {/block:Photos} </div> {/block:IndexPage} {block:PermalinkPage} <center>{Photoset-500}</center> {/block:PermalinkPage} </div> {/block:Photoset} {block:Quote} <div id="quote"> <div id="quote_symbol">,,</div> <a href="{Permalink}"><h3>{Quote}</h3></a> {block:Source} <div class="source">{Source}</div> {/block:Source} </div> {/block:Quote} {block:Link} <a href="{URL}" class="link" {Target}><h3> {Name}</h3></a> {block:Description} <div class="description">{Description}</div> {/block:Description} {/block:Link} {block:Audio} <div class="album{block:AlbumArt}art{/block:AlbumArt}"> {block:AlbumArt} {block:IndexPage}<a href="{Permalink}">{/block:IndexPage} <img src="{AlbumArtURL}" /> {block:IndexPage}</a>{/block:IndexPage} {/block:AlbumArt}</div> <div id="{postID}" class="audio"> {AudioPlayerBlack} </div> {block:PermalinkPage} <ul class="artist_info"> {block:Artist} <li>{Artist}</li> {/block:Artist} {block:Album} <li>{Album}</li> {/block:Album} {block:TrackName} <li>{TrackName}</li> {/block:TrackName} </ul>{/block:PermalinkPage} <div class="clear"></div> {/block:Audio} {block:Chat} {block:Title} <a href="{Permalink}"><h3>{Title}</h3></a> {/block:Title} <ul id="chat"> {block:Lines} <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label} {Line} </li> {/block:Lines} </ul> {/block:Chat} {block:Video} <div id="video"> <center>{Video-500}</center> </div> {/block:Video} {block:Answer} <div id="question"> <img src="{AskerPortraitURL-64}" /> <p><span>{Asker}</span><br/> {Question}</p> <div class="clear"></div> </div> <div id="answer"> {Answer} <div class="clear"></div> </div> {/block:Answer} {Block:Indexpage} {block:Date} {block:Caption} <div id="caption" class="no-caption">{Caption}</div> {/block:Caption} <ul id="date" class="no-caption"> <li><a href="{Permalink}">{TimeAgo}</a></li> {block:NoteCount} <li><a href="{Permalink}">{NoteCountWithLabel}</a></li> {/block:NoteCount} <li><a href="{ReblogURL}" target="_blank">Reblog</a></li> </ul> {/block:Date} {/Block:Indexpage} </div><!-- end #post --> {block:PermalinkPage} {block:Date} <div id="info"> {block:Caption} <div class="caption">{Caption}</div>{/block:Caption} <ul class="info_list"> {block:NoteCount} <li>{NoteCountWithLabel}</li> {/block:NoteCount} <li>{DayOfMonthWithZero}.{Month}.{Year}</li> {block:RebloggedFrom} <li><a href="{ReblogRootURL}" target="_blank"> {ReblogRootName}</a></li> {/block:RebloggedFrom} {block:HighRes} <li><a href="{PhotoURL-HighRes}" target="_blank"> High-Res</a></li> {/block:HighRes} {block:ExternalAudio} <li><a href="{ExternalAudioURL}" target="_blank"> Download</a></li> {/block:ExternalAudio} </ul> {block:PostNotes} {PostNotes} {/block:PostNotes} </div> {/block:Date} {/block:PermalinkPage} {/block:Posts} {Block:IfNotInfiniteScroll} {block:Pagination} <div id="pagination"> {block:PreviousPage} <a href="{PreviousPage}" class="prev">Previous</a> {/block:PreviousPage} {block:NextPage} <a href="{NextPage}" class="next">Next</a> {/block:NextPage} <div id="jump"> {block:JumpPagination length="3"} {block:CurrentPage} <span class="current_page">{PageNumber}</span> {/block:CurrentPage} {block:JumpPage} <a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage} {/block:JumpPagination} </div> <div class="clear"></div> </div> {/block:Pagination} {/Block:IfNotInfiniteScroll} </div><!-- end #content --> <div class="clear"></div> </div><!-- end #container --> </div><!-- end #center --> <script type="text/javascript" src="http://themaxdavisthemes.com/code2/jQuery.js"></script> <script type="text/javascript" src="http://static.tumblr.com/8jq17g7/iuqmdg3nw/stickyscroll.js"></script> <script type="text/javascript"> $(window).load(function(){ var $wall = $('#content'); {block:IndexPage} $wall.masonry({ itemSelector: '#post, #pagination', columnWidth: 380 }); {block:IndexPage} {Block:IfInfiniteScroll} $wall.infinitescroll({ navSelector : ".nav", nextSelector : ".nav a", itemSelector : "#post, #time", behavior : 'twitter', extraScrollPx: 50, bufferPx : 5000, loadingImg : "", loadingText : "", loading : "", donetext : "" }, function( newElements ) { var $newElems = $( newElements ).css({ opacity: 0 }); $newElems.imagesLoaded(function(){ $newElems.animate({ opacity: 1 }); $wall.masonry( "appended", $newElems, true ); }); $('.audio').each(function(){ var audioID = $(this).attr("id"); var $audioPost = $(this); $.ajax({ url: 'http://themaxdavis.tumblr.com/api/read/json?id=' + audioID, dataType: 'jsonp', timeout: 50000, success: function(data){ $audioPost.find('#audio_player_'+audioID).replaceWith('<div style=\"background-color:#000000;\">' + data.posts[0]['audio-player'].replace("audio_player.swf", "audio_player_black.swf") +'</div>');} }); }); });{/Block:IfInfiniteScroll} {/block:IndexPage} $(document).load(function(){ e.preventDefault(); $wall.infinitescroll('retrieve'); }); $('#load').click(function(){ $(document).trigger('retrieve.infscr'); return false; }); }); $(".caption p").remove(":contains('Source:')"); $(".caption p").remove(":contains('(via')"); {block:IfInstagramIDCode} // Instagram Feed $('#sidebar #instagram #feed').embedagram({instagram_id:{text:Instagram ID Code}}); {/block:IfInstagramIDCode} $(function() { $(window).scroll(function() { if($(this).scrollTop() != 0) { $('#back_to_top').fadeIn(); } else { $('#back_to_top').fadeOut(); } }); $('#back_to_top #up a').click(function() { $('body,html').animate({scrollTop:0},800); }); });{/block:IndexPage} $(document).ready(function() { $('#sidebar').stickyScroll({ container: '#container' }); }); </script> </body> </html>