Tumblr
Facebook
<!DOCTYPE html> <!--------------------------------------------------------------- Theme Neptune By Max Davis Last update 08.10.15 Theme info + code: http://themes.mxdvs.co/archive/neptune More free themes: http://themes.mxdvs.co ------------------------------------------------------------- --> <html lang="en"> <head> <meta charset="utf-8" /> <title>{Title}{block:PermalinkPage}{block:PostSummary} - {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</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:Background" content="#FFFFFF"/> <meta name="color:Center" content="#000000"/> <meta name="color:Titles" content="#FFFFFF"/> <meta name="color:Text" content="#FFFFFF"/> <meta name="color:Links" content="#FFFFFF"/> <meta name="color:Links Hover" content="#DDDDDD"/> <meta name="color:Borders" content="#FFFFFF"/> <meta name="image:Background Image" content="http://static.tumblr.com/b2ajd3k/doTmcm6qf/os_x_mountain_lion_galaxy_angelceballos.jpg" /> <meta name="image:Header Logo" content="" /> <meta name="image:Portrait" content="" /> <meta name="if:Infinite scrolling" content="1" /> <meta name="if:Sidebar left or right" content="1" /> <meta name="if:Large or Small footer" content="1" /> <meta name="if:Show Permalink On Photo Posts" content="0" /> <meta name="if:Center Background img" content="0" /> <meta name="if:Repeat Background img" content="0" /> <meta name="if:Fixed Background img" content="0" /> <meta name="if:Fullscreen Background img" content="1" /> <meta name="text:Center Transparency" content="0.9" /> <meta name="text:Reblog Title" content="Reblog post" /> <meta name="text:Ask Title" content="Ask" /> <meta name="text:Link 1" content="" /> <meta name="text:Link 1 Title" content="" /> <meta name="text:Link 2" content="" /> <meta name="text:Link 2 Title" content="" /> <meta name="text:Link 3" content="" /> <meta name="text:Link 3 Title" content="" /> <meta name="text:Link 4" content="" /> <meta name="text:Link 4 Title" content="" /> <meta name="text:Link 5" content="" /> <meta name="text:Link 5 Title" content="" /> <script type="text/javascript" src="http://themaxdavisthemes.com/code/jQuery.js"></script><script type="text/javascript" src="http://static.tumblr.com/8jq17g7/Q6hmelz1k/jquery.tweet.js"></script> <script> $(window).load(function(){ var $wall = $('#center'); $wall.masonry({ itemSelector: '.post, .twitter', columnWidth:220 }); {block:ifInfinitescrolling} $wall.infinitescroll({ navSelector : ".nav", nextSelector : ".nav a", itemSelector : ".post", loading : "", donetext : "" }, function( newElements ) { var $newElems = $( newElements ).css({ opacity: 0 }); $newElems.imagesLoaded(function(){ $newElems.animate({ opacity: 1 }); $wall.masonry( "appended", $newElems, true ); }); });{/block:ifInfinitescrolling} }); jQuery(function($){ $("#tweets").tweet({ join_text: "auto", username: "{Text:Twitter Username}", count: 3, loading_text: "loading tweets..." }); }); </script> <style type="text/css"> {block:ifFullscreenBackgroundimg} html { background: url({image:Background Image}) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} {/block:ifFullscreenBackgroundimg} body { padding:0; margin:0; overflow-x:hidden; font-family: 'helvetica', arial, sans-serif; font-size:11px; color:{color:Text}; {block:ifnotfullscreenbackgroundimg} background-color:{color:background}; background-image:url({image:Background Image}); {block:ifCenterBackgroundimg} background-position:center top; {/block:ifCenterBackgroundimg} {block:ifNotRepeatBackgroundimg} background-repeat:no-repeat; {/block:ifNotRepeatBackgroundimg} {block:ifFixedBackgroundimg} background-attachment:fixed; {/block:ifFixedBackgroundimg} {/block:ifnotfullscreenbackgroundimg}} a {text-decoration:none; color:{color:text}; font-weight:800; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;} a:hover { color:{color:link hover}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;} a:active{outline: none;} a:focus{-moz-outline-style: none;} :-moz-any-link:focus{outline: none;} img{border:none;} .clear {clear:both;} .install_button: {position:fixed !important;} #tumblr_controls: {position:fixed !important;} #container{ margin: 0 auto; padding: 10px 20px 30px; position: relative; width: 860px;} #container #background { bottom: 0; left: 0; padding: 0 20px; position: absolute; top: 0; width: 860px; z-index:-1; opacity: {text:Center Transparency}; background-color:{color:center};} #header{ width:860px; {block:IfNotHeaderlogoimage} margin:10px 0 20px; {/block:IfNotHeaderlogoimage} {block:IfHeaderlogoimage} margin:0; {/block:IfHeaderlogoimage}} #header h1{ font-size: 70px; letter-spacing: -3px; margin: 0; padding:20px 0; word-spacing: -2px; text-overflow: ellipsis; overflow:hidden; white-space: nowrap; color:{color:Titles}; {block:ifNotSidebarleftorright} text-align:right; {/block:ifNotSidebarleftorright} -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;} #header h1:hover{ color:{color:Titles};} #header img{ max-width:860px; max-height:300px;} #header .logo { margin: 40px auto 50px; display: block;} #sidebar{ position: relative; width: 200px; z-index: 4000; color:{color:Titles}; {block:IfSidebarFixed} position:fixed; {/block:IfSidebarFixed} {block:ifSidebarleftorright} float:left; {/block:ifSidebarleftorright} {block:ifNotSidebarleftorright} float:right; {block:IfSidebarFixed} margin-left:660px; {/block:IfSidebarFixed} {/block:ifNotSidebarleftorright}} #sidebar h1{ font-size: 17px; height: 13px; line-height: 16px; margin: 15px 0; overflow: hidden; padding: 0 0 20px; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; border-bottom:2px solid {color:borders}; color:{color:Titles}; {block:ifSidebarleftorright} text-align: right; {/block:ifSidebarleftorright}} #sidebar .inner{ margin:10px 0 0;} #sidebar .portrait{ width:200px;} #sidebar .portrait img{ max-width:200px;} #sidebar .description{ margin:5px 0 15px; padding:5px 0 20px; font-weight: 700; {block:ifSidebarleftorright} text-align: right; {/block:ifSidebarleftorright} {block:AskEnabled} border-bottom:2px solid {color:borders}; {/block:AskEnabled} {block:SubmissionsEnabled} border-bottom:2px solid {color:borders}; {/block:SubmissionsEnabled} {block:HasPages} border-bottom:2px solid {color:borders}; {/block:HasPages} {block:ifLink1Title} border-bottom:2px solid {color:borders}; {/block:ifLink1Title} {block:ifLink2Title} border-bottom:2px solid {color:borders}; {/block:ifLink2Title} {block:ifLink3Title} border-bottom:2px solid {color:borders}; {/block:ifLink3Title} {block:ifLink4Title} border-bottom:2px solid {color:borders}; {/block:ifLink4Title} {block:ifLink5Title} border-bottom:2px solid {color:borders}; {/block:ifLink5Title}} #sidebar .links{ margin:0; padding:0 0 10px; list-style:none;} #sidebar .links a{ display: block; font-size: 10px; font-weight: 700; line-height: 150%; text-transform: capitalize; color:{color:Titles}; {block:ifSidebarleftorright} text-align: right; {/block:ifSidebarleftorright}} #sidebar .links a:hover{ color:{color:Titles};} #sidebar .pagination{ padding:10px 0 0; font-weight:700; text-transform:uppercase; font-size:9px; line-height:12px; border-top:2px solid {color:Borders};} #sidebar .pagination .prev{ float:left;} #sidebar .pagination .next{ float:right;} #center{ width:660px; {block:ifSidebarleftorright} float:right; {/block:ifSidebarleftorright} {block:ifNotSidebarleftorright} margin-left:0px; float:left; {/block:ifNotSidebarleftorright}} #center .post{ width:200px; float:left; margin:0 20px 14px 0; overflow:hidden; {block:ifSidebarleftorright} margin:0 0 20px 20px; {/block:ifSidebarleftorright} {block:PermalinkPage} width:500px; overflow:visible; {block:ifNotSidebarleftorright} margin:0 0 0 134px !important; {/block:ifNotSidebarleftorright} {/block:PermalinkPage}} #center .photo_post{ {block:ifshowpermalinkonphotoposts} margin:0 20px 14px 0; {block:ifSidebarleftorright} margin:0 0 14px 20px; {/block:ifSidebarleftorright} {/block:ifshowpermalinkonphotoposts}} #center .post p{ margin:0; {block:PermalinkPage} margin:5px 0; {/block:PermalinkPage}} #center .post blockquote{ margin: 5px 0 5px 10px; padding-left: 10px; border-left: 2px solid {color:borders};} #center .post .margin{ {block:IndexPage} width:200px; {/block:IndexPage} {block:PermalinkPage} width:500px; {/block:PermalinkPage}} #center .post .margin h1, #center .twitter h1{ margin:0; padding:0; font-size:12px; text-transform:uppercase; line-height:14px; color:{color:text};} #center .post .margin .source{ margin:5px 0 0;} #center .post .margin img{ max-width:150px; height:auto; {block:PermalinkPage} max-width:500px; {/block:PermalinkPage}} #center #tweets .tweet_list { list-style: none; margin: 0; padding: 0;} #center #tweets .tweet_list li { line-height: 110%; margin: 0 0 3px; padding: 5px 0 4px;} #center #tweets .tweet_list .tweet_time, #center #tweets .tweet_list .tweet_avatar, #center #tweets .tweet_list .tweet_avatar img { display:none;} #center .post .chat{ margin:0; padding:0; list-style:none;} #center .post .chat li{ font-weight:bold; font-size:9px; padding: 4px 5px; border-bottom:1px solid {color:border}; {Block:IfSourceSansFont} text-transform:uppercase; {/Block:IfSourceSansFont}} #center .post .chat li:last-child{ margin:0 0 8px; border:none;} #center .asker_portrait { float:left; width:30px; height:30px; margin-right:10px; margin-bottom:10px; display:none;} #center .question { font-weight: bold; line-height: 11px; margin-bottom: 10px; width: 200px; {block:PermalinkPage} width:auto; {block:PermalinkPage}} #center .question span{ text-transform:uppercase;} #center .answer{ clear: both; display: block; font-style: italic; font-weight: bold; line-height: 20px; margin: 10px;} #center .answer p{ margin:0; padding:0; line-height: 13px;} #center .photoset { margin:0 0 0 -12.5px; position:relative;} #center .photoset .box{ background-color: rgba(0, 0, 0, 0.3); background-image: url("http://static.tumblr.com/8jq17g7/ZRflvr254/screen-pattern.png"); bottom: 4px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.7) inset; height: 100%; margin: 0 0 0 12.5px; position: absolute; width: 200px; z-index: 500;} #center .photoset .hover{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9); bottom: 50%; box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.4), 0 3px 0 rgba(0, 0, 0, 0.4); font-family: 'Cookie',cursive; font-size: 16px; line-height: 16px; margin: 0 0 -58px 0; padding: 40px 0; position: absolute; text-align: center; width: 200px; z-index: 500;} #center .photoset:hover .box{ background-color: rgba(0, 0, 0, 0.6);} #center .photoset:hover .hover{ box-shadow:none; background-color: rgba(0, 0, 0, 0.0);} #center .photoset .hover a{color:white;} #center .photoset .hover a:hover{color:white;} #center .photoset .hover a.set{ display: block; font-family: 'Open Sans',arial; font-size: 9px; font-weight: bold; letter-spacing: 10px; line-height: 10px; margin: 0 0 10px 10px;} #center .post .audio{ background: none repeat scroll 0 0 black; overflow: hidden; padding: 5px 5px 1px; width: 190px; {block:PermalinkPage} width:496px; {/block:PermalinkPage}} #center .post .inner{ margin: auto; overflow: hidden; width: 28px;} #center .post .picture{ position:relative; width:200px; {block:PermalinkPage} width:500px; {/block:PermalinkPage}} #center .post .picture img{ width:200px; display:block; {block:PermalinkPage} width:500px; {/block:PermalinkPage}} #center .post .picture .hover{ position:absolute; height:100%; width:200px; background:rgba(0,0,0,0.85); opacity:0; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease;} #center .post .picture .hover:hover{ opacity:1; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease;} #center .post .picture .hover .box{ height: 52px; left: 0; margin: -21px 0 0; position: absolute; right: 0; text-align: center; top: 50%; width: 200px;} #center .post .picture .hover .notes{ border-bottom: 1px dotted rgba(255, 255, 255, 0.3); display: inline-block; font-family: Andale Mono,Courier New,Courier; font-size: 18px; font-weight: bold; letter-spacing: 10px; line-height: 100%; margin: 0 auto 13px; padding: 0 5px 12px 15px; text-align: center;} #center .post .picture .hover .reblog{ color: white; display: block; font-size: 7px; font-style: italic; letter-spacing: 3px; padding: 0 0 0 4px; text-align: center; text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); text-transform: uppercase;} .notes a, .reblog a{color:white;font-weight:normal;} .notes a:hover, .reblog a:hover{color:white;} #center .post .caption{ padding: 10px 13px; position: relative; background: none repeat scroll 0 0 {color:borders}; border-bottom: 18px solid {color:background}; {block:PermalinkPage} margin: 0 0 -12px; {/block:PermalinkPage} {block:ifNotSidebarleftorright} text-align: right; {/block:ifNotSidebarleftorright}} #center .post .caption img { max-width:100%; height: auto;} #center .post .au_caption{ border:none;} #center .post .permalink{ margin: 10px 0 0; padding: 6px 6px 5px; {block:ifNotSidebarleftorright} text-align: right; {/block:ifNotSidebarleftorright} border-top:2px solid {color:borders}; border-bottom:2px solid {color:borders}; color:{color:borders};} #center .post .permalink a{ font-size:10px; font-weight:700; text-transform:uppercase; color:{color:text}; margin:0 10px;} #center .post .permalink a:hover{ color:{color:text}} #center .post .permalink a:last-child{ margin:0 0 0 10px;} #center .post .photo_perma{ {block:ifNotshowpermalinkonphotoposts} display:none; {/block:ifNotshowpermalinkonphotoposts} {block:ifshowpermalinkonphotoposts} display:block; margin:13px 0 0; border-top:2px solid {color:borders}; {/block:ifshowpermalinkonphotoposts}} #center #share { clear: both; height: 20px; margin: 10px 0; padding: 0 13px; position:relative;} #center #share .tweet_button { float: left; width: 85px;} #center #share .like_button { float: left;} #center #share #permalink_navigation { color: #999999; font-family: Lucida Grande; font-size: 20px; font-weight: bold; height: 24px; line-height: 16px; opacity: 0.4; position: absolute; right: 0; color:{color:text};} #center #share #permalink_navigation a{ color:{color:text};} #center .twitter{ width:200px; float:left; margin:0 20px 20px 0; overflow:hidden; {block:ifSidebarleftorright} margin:0 0 20px 20px; {/block:ifSidebarleftorright}} #center .twitter .border{ margin:5px 0; border-bottom:2px solid {color:borders};} #center .twitter #twitter_update_list{ margin:0; padding:0; list-style:none;} #center .twitter #twitter_update_list li{ padding: 4px 5px; {Block:IfSourceSansFont} font-size: 9px; text-transform:uppercase; {/Block:IfSourceSansFont}} #center .twitter #twitter_update_list li a{ font-weight:normal;} #center .twitter #twitter_update_list li span { font-weight:900;} #center .twitter #twitter_update_list li span a{ font-weight:normal;} #center .twitter #twitter_update_list li a:hover{ text-shadow:none;} #center .twitter #twitter_update_list li:nth-child(even){ background:{color:borders}; color:{color:text};} #center .twitter #twitter_update_list li:nth-child(even) a{ color:{color:text};} #center .twitter #twitter_update_list li:last-child{ margin:0} ol.notes { clear: both; font-weight: normal; list-style-type: none; margin: 10px 0; padding: 9px 6px; border-top: 2px solid {color:borders}; {Block:IfSourceSansFont} font-size: 9px; text-transform:uppercase; {/Block:IfSourceSansFont}} ol.notes a{ text-decoration:none; padding:0; background-color:transparent;} ol.notes li.note { padding: 2px 0; {block:ifNotSidebarleftorright} text-align: right; {/block:ifNotSidebarleftorright}} ol.notes li.note img.avatar { vertical-align: -4px; margin-right: 10px; width: 16px; height: 16px; display:none;} ol.notes li.note span.action a{ font-weight:bold; color:{color:text};} ol.notes li.note .answer_content { color:black;} ol.notes li.note blockquote { border-left: medium none !important; font-size: 11px; margin: 3px 0 0 !important; padding: 3px 8px 2px !important; text-transform: none; background:{color:borders};} ol.notes li.note blockquote a { color:{color:text};} ol.notes li.note .note more_notes_link_container { font-size: 8px; font-weight: bold; letter-spacing: 2px; margin: 10px 0 0; padding: 10px; text-align: center; color:{color:text}; border-top: 2px solid {color:borders};} .footer { bottom: 0; display: none; left: 50%; position: fixed; z-index:5000; {block:ifLargeorSmallfooter} width: 860px; margin: 0 0 0 -450px; padding: 5px 20px; opacity: 0.85; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease; {/block:ifLargeorSmallfooter} {block:ifNotLargeorSmallfooter} width:200px; padding:10px 0; {block:ifNotSidebarleftorright} margin:0 0 0 225px; {/block:ifNotSidebarleftorright} {block:ifSidebarleftorright} margin:0 0 0 -430px; {/block:ifSidebarleftorright} {/block:ifNotLargeorSmallfooter}} .footer #background { bottom: 0; left: 0; padding: 0 20px; position: absolute; top: 0; width: 860px; z-index:-1; opacity:0.5; background-color:{color:center}; {block:ifNotLargeorSmallfooter} display:none; {/block:ifNotLargeorSmallfooter} -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease;} .footer:hover #background { opacity:0.8; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease;} .footer h1{ font-weight: 700; line-height: 100%; text-transform: uppercase; color:{color:titles}; {block:ifLargeorSmallfooter} float:left; font-size: 13px; margin: -1px 0 -4px; padding: 6px 20px 5px 0; {/block:ifLargeorSmallfooter} {block:ifNotLargeorSmallfooter} margin: 0 0 5px; padding: 0; font-size: 17px; {block:ifSidebarleftorright} text-align:right; {/block:ifSidebarleftorright} {/block:ifNotLargeorSmallfooter}} .footer .links{ padding:0; margin: 6px 0 0; float:left; {block:ifNotLargeorSmallfooter} {block:ifSidebarleftorright} float:right; {/block:ifSidebarleftorright} {/block:ifNotLargeorSmallfooter}} .footer .links a{ font-size:9px; font-weight:700; text-transform:uppercase; {block:ifLargeorSmallfooter} margin:0 10px 0 0; {/block:ifLargeorSmallfooter} {block:ifNotLargeorSmallfooter} display: block; margin:0; {/block:ifNotLargeorSmallfooter} color:{color:text}; {block:ifNotLargeorSmallfooter} {block:ifSidebarleftorright} text-align:right; {/block:ifSidebarleftorright} {/block:ifNotLargeorSmallfooter}} .footer .links a:hover{ color:{color:text}} .footer #up{ bottom: 6px; font-size: 9px; font-weight: 700; margin: 0; position: absolute; right: 20px; text-transform: uppercase; color:{color:text}; {block:ifNotLargeorSmallfooter} {block:ifSidebarleftorright} left:0; {/block:ifSidebarleftorright} {/block:ifNotLargeorSmallfooter}} .footer .pagination{ float: right; font-size: 9px; font-weight: 700; line-height: 12px; margin: 6px 0 0; text-transform: uppercase; width: 200px;} .footer .pagination .prev{ float:left;} .footer .pagination .next{ float:right;} </style> </head> <body> {block:Pagination}<div class="nav">{block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</div>{/block:Pagination} <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> <div id="container"> <div id="background"></div> <div id="header"> {block:IfNotHeaderlogoimage} <a href="/"><h1>{Title}</h1></a> {/block:IfNotHeaderlogoimage} {block:IfHeaderlogoimage} <a href="/"><img src="{image:Header logo}" class="logo" /></a> {/block:IfHeaderlogoimage} </div> <div id="sidebar"> {block:IfPortraitimage}<a href="/"> <div class="portrait"><center> <img src="{image:Portrait}" /> </center></div></a> {/block:IfPortraitimage} <div class="inner"> <a href="/"><h1>{Title}</h1></a> <div class="description">{Description}</div> <ul class="links"> {block:AskEnabled} <a href="/ask"> {block:ifasktitle}{text:Ask Title}{/block:ifasktitle} {block:ifnotasktitle}{AskLabel}{/block:ifnotasktitle} </a>{/block:AskEnabled} {block:SubmissionsEnabled} <a href="/submit">{SubmitLabel}</a> {/block:SubmissionsEnabled} {block:HasPages}{block:Pages}<a href="{URL}">{Label} </a>{/block:Pages}{/block:HasPages} {block:ifLink1Title} <a href="{text:Link 1}"> {text:Link 1 Title}</a> {/block:ifLink1Title} {block:ifLink2Title} <a href="{text:Link 2}"> {text:Link 2 Title}</a> {/block:ifLink2Title} {block:ifLink3Title} <a href="{text:Link 3}"> {text:Link 3 Title}</a> {/block:ifLink3Title} {block:ifLink4Title} <a href="{text:Link 4}"> {text:Link 4 Title}</a> {/block:ifLink4Title} {block:ifLink5Title} <a href="{text:Link 5}"> {text:Link 5 Title}</a> {/block:ifLink5Title} </ul> {block:ifNotInfinitescrolling}{block:IndexPage} <div class="pagination"> {block:Pagination} {block:PreviousPage} <a href="{PreviousPage}" class="prev">Previous Page</a> {/block:PreviousPage} {block:NextPage} <a href="{NextPage}" class="next">Next Page</a> {/block:NextPage} {/block:Pagination} </div>{/block:IndexPage} {/block:ifNotInfinitescrolling} </div> </div> <div id="center"> {block:IndexPage} {block:ifTwitterUsername} <div class="twitter"> <a href="http://twitter.com/{text:Twitter Username}"> <h1>Tweets</h1></a> <div class="border"></div> <div id="tweets"></div> </div>{/block:ifTwitterUsername} {/block:IndexPage} {block:Posts} <div class="post{block:Photo} photo_post{/block:Photo}"> {block:Text} <div class="margin"> {block:Title} <a href="{Permalink}"><h1>{Title}</h1></a> {/block:Title} {Body} </div> {/block:Text} {block:Photo} <div class="picture"> {block:IndexPage} <div class="hover"> <div class="box"> <div class="notes"> <a href="{Permalink}"> {block:NoteCount}{NoteCount}{/block:NoteCount} </a> </div> <div class="reblog"> <a href="{ReblogURL}">{text:Reblog title}</a> </div> </div> </div> {/block:IndexPage} <img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </div> {/block:Photo} {block:Photoset} {block:IndexPage} <div class="photoset"> <div class="box"> <div class="hover"> <a href="{Permalink}" class="set">PHOTOSET</a> <a href="{Permalink}">See full set</a> </div> </div> {Photoset-250} </div> {/block:IndexPage} {block:PermalinkPage} {Photoset-500} {/block:PermalinkPage} {block:IndexPage}{block:ifshowcaption} {block:Caption}<div class="caption photo_caption"> {Caption}</div>{/block:Caption} {/block:ifshowcaption}{/block:IndexPage} {/block:Photoset} {block:Quote} <div class="margin"><center> <h1>"{Quote}"</h1> {block:Source} <div class="source">{Source}</div> {/block:Source} </centre> </div> {/block:Quote} {block:Link} <div class="margin"> <a href="{URL}" class="link" {Target}><h1>{Name}</h1></a> {block:Description} <div class="description">{Description}</div> {/block:Description} </div> {/block:Link} {block:Chat} <div class="margin"> {block:Title} <h1><a href="{Permalink}">{Title}</a></h1> {/block:Title} <ul class="chat"> {block:Lines} <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}{Line} </li> {/block:Lines} </ul> </div> {/block:Chat} {block:Video} <div class="video"> {block:IndexPage} {Video-250}{/block:IndexPage} {block:PermalinkPage} {Video-500}{/block:PermalinkPage} </div> {block:IndexPage}{block:ifshowcaption} {block:Caption}<div class="caption photo_caption"> {Caption}</div>{/block:Caption} {/block:ifshowcaption}{/block:IndexPage} {/block:Video} {block:Audio} <div class="margin"> <div class="audio"> <div class="inner"> {AudioPlayerBlack} </div> </div> {block:IndexPage} {block:Caption} <div class="caption au_caption">{Caption}</div> {/block:Caption}{/block:IndexPage} </div> {/block:Audio} {block:Answer} <div class="margin"> <div class="question"> <span>{Asker}:</span><br /> {Question} </div> <div class="answer">{Answer}</div> </div> {/block:Answer} {block:IndexPage} {block:Date} <div class="permalink{block:Photo} photo_perma{/block:Photo}{block:Photoset} photo_perma{/block:Photoset}"> {block:NoteCount} <a href="{Permalink}">♥ {NoteCount}</a> - {/block:NoteCount} <a href="{Permalink}">{TimeAgo}</a> </div> {/block:Date} {/block:IndexPage} {block:PermalinkPage} {block:Date} {block:Caption}<div class="caption"> {Caption} </div>{/block:Caption} <div class="permalink"> {block:NoteCount} <a href="{Permalink}">♥ {NoteCount}</a> - {/block:NoteCount} <a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} - <a href="{ReblogRootURL}" target="_blank"> Source</a></li> {/block:RebloggedFrom} {block:HighRes} - <a href="{PhotoURL-HighRes}" target="_blank"> High-Res</a></li> {/block:HighRes} {block:ExternalAudio} - <a href="{ExternalAudioURL}" target="_blank"> Download</a></li> {/block:ExternalAudio} </div> <div id="share"> <div class="tweet_button"> <a href="https://twitter.com/share" class="twitter-share-button">Tweet</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </div> <div class="like_button"> <div class="fb-like" data-href="{URLEncodedPermalink}" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false"></div> </div> {block:PermalinkPagination} <div id="permalink_navigation"> {block:NextPost} <a href="{NextPost}" title="Newer Post"><</a> / {/block:NextPost} {block:PreviousPost} <a href="{PreviousPost}" title="Older Post">></a> {/block:PreviousPost} </div> {/block:PermalinkPagination} </div> {/block:Date} {PostNotes} {/block:PermalinkPage} </div> {/block:Posts} <div class="clear"></div> </div><div class="clear"></div> </div><!-- End Container --> {block:IndexPage} <div class="footer clearfix" id="go_up"> <div id="background"></div> <h1>{title}</h1> <div class="links"> {block:AskEnabled} <a href="/ask"> {block:ifasktitle}{text:Ask Title}{/block:ifasktitle} {block:ifnotasktitle}{AskLabel}{/block:ifnotasktitle} </a>{/block:AskEnabled} {block:SubmissionsEnabled} <a href="/submit">{SubmitLabel}</a> {/block:SubmissionsEnabled} {block:HasPages}{block:Pages}<a href="{URL}"> {Label}</a>{/block:Pages} {/block:HasPages} {block:ifLink1Title} <a href="{text:Link 1}"> {text:Link 1 Title}</a> {/block:ifLink1Title} {block:ifLink2Title} <a href="{text:Link 2}"> {text:Link 2 Title}</a> {/block:ifLink2Title} {block:ifLink3Title} <a href="{text:Link 3}"> {text:Link 3 Title}</a> {/block:ifLink3Title} {block:ifLink4Title} <a href="{text:Link 4}"> {text:Link 4 Title}</a> {/block:ifLink4Title} {block:ifLink5Title} <a href="{text:Link 5}"> {text:Link 5 Title}</a> {/block:ifLink5Title} </div> {block:ifNotInfinitescrolling} <div class="pagination"> {block:Pagination} {block:PreviousPage} <a href="{PreviousPage}" class="prev">Previous Page</a> {/block:PreviousPage} {block:NextPage} <a href="{NextPage}" class="next">Next Page</a> {/block:NextPage} {/block:Pagination} </div> {/block:ifNotInfinitescrolling} {block:ifInfinitescrolling} <a href="#"> <div id="up">Back to top</div> </a>{/block:ifInfinitescrolling} <div class="clear"></div> </div> {/block:IndexPage} <script type="text/javascript"> $(function() { $(window).scroll(function() { if($(this).scrollTop() != 0) { $('#go_up').fadeIn(); } else { $('#go_up').fadeOut(); } }); $('#up').click(function() { $('body,html').animate({scrollTop:0},800); }); }); </script> </body> </html>