<![CDATA[<!DOCTYPE html>
<!---------------------------------------------------------------
Theme ONEPX By Max Davis
Last update 10.08.15
Theme info + code: http://themes.mxdvs.co/themes/onepx
More free themes: http://themes.mxdvs.co
------------------------------------------------------------- -->
<html lang="en">
<head>
<meta charset="utf-8">
<title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="shortcut icon" href="{Favicon}">
<link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}
<meta name="description" content="{MetaDescription}">
{/block:Description}
<meta name="color:Background" content="#F5F5F5"/>
<meta name="color:Post Background" content="#000000"/>
<meta name="color:Text" content="#3C3C3C"/>
<meta name="color:Links" content="#3C3C3C"/>
<meta name="color:Links Hover" content="#000000"/>
<meta name="if:Infinite Scroll" content="1" />
<meta name="if:Show Archive Link" content="1" />
<meta name="if:Show Description" content="0" />
<meta name="if:Show Instagram Feed" content="1" />
<meta name="if:Show Random Link" content="0" />
<meta name="if:Show Search Bar" content="0" />
<meta name="if:Show RSS" content="0" />
<meta name="if:Show Post Captions" content="0" />
<meta name="image:Background" content="">
<meta name="image:Portrait" content="">
<meta name="select:Photo Hover Background" content="black" title="Black">
<meta name="select:Photo Hover Background" content="white" title="White">
<meta name="select:Portrait Size" content="hidden" title="Hidden">
<meta name="select:Portrait Size" content="100" title="small">
<meta name="select:Portrait Size" content="130" title="Medium">
<meta name="select:Blog width" content="fullleft" title="Full Window Left Aligned">
<meta name="select:Blog width" content="fullcenter" title="Full Window Centered">
<meta name="select:Blog width" content="fullright" title="Full Window Right Aligned">
<meta name="select:Blog width" content="center" title="Centered">
<meta name="select:Post Width" content="250" title="250px">
<meta name="select:Post Width" content="350" title="350px">
<meta name="select:Post Width" content="400" title="400px">
<meta name="select:Post Spacing" content="1" title="1px">
<meta name="select:Post Spacing" content="5" title="5px">
<meta name="select:Post Spacing" content="20" title="20px">
<meta name="select:Post Spacing" content="40" title="40px">
<meta name="select:Post Transparency" content="25" title="Light">
<meta name="select:Post Transparency" content="50" title="Medium">
<meta name="select:Post Transparency" content="75" title="Dark">
<meta name="select:Blog Background Transparency" content="10" title="Light">
<meta name="select:Blog Background Transparency" content="20" title="Medium">
<meta name="select:Blog Background Transparency" content="0" title="none">
<meta name="select:Font" content="helvetica_neue" title="Helvetica Neue">
<meta name="select:Font" content="open_sans" title="Open Sans">
<meta name="select:Font" content="source_sans" title="Source Sans">
<meta name="text:Blog Title" content="">
<meta name="text:Blog Sub Title" content="">
<meta name="text:Edit Ask Title" content="">
<meta name="text:Instagram ID Code" content="">
<meta name="text:Blogger Url" content="" />
<meta name="text:Dribbble Url" content="" />
<meta name="text:Facebook Url" content="" />
<meta name="text:Flickr Url" content="" />
<meta name="text:Google Plus Url" content="" />
<meta name="text:Instagram Url" content="" />
<meta name="text:Pinterest Url" content="" />
<meta name="text:Soundcloud Url" content="" />
<meta name="text:Twitter Url" content="" />
<meta name="text:Vimeo Url" content="" />
<meta name="text:Vk Url" content="" />
<meta name="text:Youtube Url" 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=Source+Code+Pro:400,200|Open+Sans:400,700|Source+Sans+Pro:400,700' rel='stylesheet' type='text/css'>
<style> html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}body{line-height:1;color:black;background:white;}:focus{outline:0;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}abbr,acronym{border:0;} body { font-size:12px; font-family: "{select:font}", "Helvetica Neue", Arial, sans-serif; font-weight: normal; background: url("{image:Background}") repeat fixed center center / cover; background-color:{color:background}; color:{color:Text};} a {color:{color:links};} a:hover {color:{color:links hover};} a { text-decoration: none;} a:hover {text-decoration:none;} a:active {outline: none;} a:focus {-moz-outline-style: none;} :-moz-any-link:focus {outline: none;} img {border:none;display:block;} .clear {clear:both;} :-webkit-input-placeholder {opacity: 1 !important;color:{color:links};} ::-webkit-input-placeholder {opacity: 1 !important;color:{color:links};} :-moz-placeholder {opacity: 1 !important;color:{color:links};} ::-moz-placeholder {opacity: 1 !important;color:{color:links};} :-ms-input-placeholder {opacity: 1 !important;color:{color:links};} ::-ms-input-placeholder {opacity: 1 !important;color:{color:links};} body #background-transparency { z-index: 0; position:fixed; top: 0; bottom: 0; left: 0; right: 0;}{block:ifBackgroundImage} body.black #background-transparency { background-color:rgba(0,0,0,0.{select:Blog Background Transparency});} body.white #background-transparency { background-color:rgba(255,255,255,0.{select:Blog Background Transparency});}{/block:ifBackgroundImage} #header { box-sizing: border-box; overflow: hidden; position: relative; background-attachment:fixed; {block:IfnotPortraitImage} height: auto; {/block:IfnotPortraitImage}} #header #inside { font-family: "Source Code Pro", "Helvetica Neue", Arial, sans-serif; height: auto; overflow: hidden; margin: 50px auto; position: relative; width: 55%; margin: 50px auto {select:Post Spacing}px;}{block:IndexPage} #header.fullleft #inside { margin-left: 50px; margin-right: 50px; float:left; width:65%;} #header.fullcenter #inside { margin: 50px 0 {select:Post Spacing}px; left: 50%; width: 55%; transform: translate(-50%);} #header.fullright #inside { right: 0; margin-left: 50px; margin-right: 50px; width:65%; text-align:right; float:right;} #header.center-250-1 #inside {width:752px;} #header.center-250-5 #inside {width:760px;} #header.center-250-20 #inside {width:790px;} #header.center-250-40 #inside {width:830px;} #header.center-350-1 #inside {width:701px;} #header.center-350-5 #inside {width:705px;} #header.center-350-20 #inside {width:720px;} #header.center-350-40 #inside {width:740px;} #header.center-400-1 #inside {width:801px;} #header.center-400-5 #inside {width:805px;} #header.center-400-20 #inside {width:820px;} #header.center-400-40 #inside {width:820px;}{/block:IndexPage} {block:PermalinkPage} #header #inside {width:540px}{/block:PermalinkPage} #header #inside #top-header { position: relative; height:auto;} #header #inside #portrait { box-sizing: border-box; float: left; padding: 20px; margin: 0 1px 1px 0; background: none repeat scroll 0 0 rgba({RGBcolor:Post Background}, 0.{select:Post Transparency});} #header.hidden #inside #portrait { display:none;} #header.fullright #inside #portrait { float: right; margin: 0 0 1px 1px;} #header #inside #portrait img { height: {select:Portrait Size}px; width: {select:Portrait Size}px;} #header #inside #box-titles { float: left; margin: 0; overflow: hidden; padding: 0; text-transform: uppercase;} #header.fullright #inside #box-titles { float:right; text-align: right;} #header #inside #box-titles div { background: none repeat scroll 0 0 rgba({RGBcolor:Post Background}, 0.{select:Post Transparency});} #header #inside #box-titles #title { font-size: 40px; margin: 0 0 1px; padding: 11px 18px 12px;} #header #inside #box-titles #sub-title { display: inline-block; font-size: 20px; cursor: default; color:{color:links}; margin: 0 0 1px; padding: 9px 18px;} #header #inside #bottom-header { clear: both; margin: 1px 0 0;} #header #inside #bottom-header #menu { height: 30px; overflow: hidden;} #header #inside #bottom-header #menu span, #header #inside #bottom-header #menu a { background: none repeat scroll 0 0 rgba({RGBcolor:Post Background}, 0.{select:Post Transparency}); display: block; float: left; line-height: 100%; margin: 0 1px 0 0; padding: 10px 10px 9px; text-transform: uppercase; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #header.fullright #inside #bottom-header #menu span, #header.fullright #inside #bottom-header #menu a { float:right; margin: 0 0 1px 1px;} #header #inside #bottom-header #menu .description-trigger, #header #inside #bottom-header #menu .ask-trigger, #header #inside #bottom-header #menu .instagram-trigger {cursor:pointer;color:{color:links};} #header.white #inside #bottom-header #menu .ask-trigger {background: none repeat scroll 0 0 rgba({RGBcolor:Post Background}, 0.{select:Post Transparency});} #header #inside #bottom-header #menu #search { background: none repeat scroll 0 0 rgba({RGBcolor:Post Background}, 0.{select:Post Transparency}); box-sizing: border-box; float: left; height:31px; margin: 0 1px 0 0; padding: 10px;} #header.fullright #inside #bottom-header #menu #search { float:right; margin:0 0 0 1px;} #header #inside #bottom-header #menu #search input.search-query { background: none; border: medium none; font-family: "Source Code Pro", "Helvetica Neue", Arial, sans-serif; line-height: 100%; padding: 0; font-size:11px; text-transform: uppercase; width: 43px; color: {color:links}; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #header.fullright #inside #bottom-header #menu #search input.search-query {text-align:right;} #header #inside #bottom-header #menu #search:hover input.search-query {width:100px;} #header #inside #bottom-header #menu #search input.submit {display:none} #header #inside #social { float: left; font-family: "mxdvs-themes"; margin: 0; right: 0; top: 0; width: auto;} #header.fullright #inside #social { float:right;} #header #inside #social a { background: none repeat scroll 0 0 rgba({RGBcolor:Post Background}, 0.{select:Post Transparency}); display: block; float: right; font-size: 11px; height: 11px; line-height: 100%; margin: 0 0 1px 1px; padding: 10px 8px !important; width: 16px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #header #inside #bottom-header #description-container { font-size: 11px; line-height: 130%; display:inline-block; {block:IfNotShowDescription} display:none; {/block:IfNotShowDescription}} #header #inside #bottom-header #description-container.hide {display:none;} #header #inside #bottom-header #description-container.show {display:inline-block !important;} #header #inside #bottom-header #description-container .dl-cntnr {display: none;} #header #inside #bottom-header .inner { clear: both; margin: 1px 0 0; display:inline-block; padding: 20px; background: none repeat scroll 0 0 rgba({RGBcolor:Post Background}, 0.{select:Post Transparency});} #header #inside #bottom-header #ask-container {display:none;} #header #inside #bottom-header #ask-container.show {display:inline-block;} #header #inside #bottom-header #instagram-container {display:none;} #header #inside #bottom-header #instagram-container.show {display:inline-block;} #header #inside #bottom-header #instagram-container h3 { font-family: "Source Code Pro","Helvetica Neue",Arial,sans-serif; font-size: 12px; letter-spacing: 0; line-height: 100%; height: 12px; margin: 0 0 10px; text-transform: uppercase;} #header #inside #bottom-header #instagram-container .inner { clear: both; margin: 1px 0 0; display:inline-block; padding: 20px; background: none repeat scroll 0 0 rgba({RGBcolor:Post Background}, 0.{select:Post Transparency});} #header #inside #bottom-header #instagram-container .inner #feed { list-style: outside none none; margin: 0; padding: 0; height: 100px; overflow: hidden;} #header #inside #bottom-header #instagram-container .inner #feed li { float: left; height: 100px; margin: 0 10px 10px 0; overflow: hidden; width: 100px; position: relative;} #header #inside #bottom-header #instagram-container .inner #feed li a {} #header #inside #bottom-header #instagram-container .inner #feed li a img {width: 100%;height: auto;} #content { margin:auto; padding: 0 50px; position: relative; /* -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; */} #content.full {} #content.center { margin: auto; padding: 0;} #content.center-250-1 {width:752px;} #content.center-250-5 {width:760px;} #content.center-250-20 {width:790px;} #content.center-250-40 {width:830px;} #content.center-350-1 {width:701px;} #content.center-350-5 {width:705px;} #content.center-350-20 {width:720px;} #content.center-350-40 {width:740px;} #content.center-400-1 {width:801px;} #content.center-400-5 {width:805px;} #content.center-400-20 {width:820px;} #content.center-400-40 {width:820px;} #content #loading { background-size: cover; font-family: "mxdvs-themes"; font-size: 22px; height: 28px; left: 50%; margin: 50px 0 0 -25px; padding: 10px; position: absolute; text-align: center; width: 30px; z-index: 5; {block:PermalinkPage} display: none; {/block:PermalinkPage}} #content #loading span { display: block; height: 26px; left: 50%; margin: -14px 0 0 -15px; padding: 4px 0 0; position: absolute; top: 50%; width: 30px; -webkit-animation: 4s linear infinite spin; -moz-animation: 4s linear infinite spin; animation: 4s linear infinite spin;} @-moz-keyframes spin { 100% {-moz-transform:rotate(360deg);} } @-webkit-keyframes spin { 100% {-webkit-transform:rotate(360deg);} } @keyframes spin { 100% {-webkit-transform:rotate(360deg);transform:rotate(360deg);} } #content #back-to-top { bottom: 10px; display: none; font-weight: bold; left: 10px; line-height: 100%; padding: 8px 10px; position: fixed; text-align: center; text-indent: -3px; width: 8px; background: none repeat scroll 0 0 rgba({RGBcolor:Post Background}, 0.{select:Post Transparency}); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #content.fullright #back-to-top { left: 10px;} #content #post-content { margin: 0 auto 50px; display:none; {block:PermalinkPage} width: 540px; display: block; margin: 0 auto 50px; {/block:PermalinkPage}} #content.fullcenter #post-content { margin: 0 auto 50px;} #content.center #post-content { margin: auto;} #content #post-content #instagram-container, #content #post-content #other-pages { background-attachment: fixed; z-index:10; overflow: hidden; background-position: center center; background-size: cover; margin: 0 0 {select:Post Spacing}px; padding: 0; width:{select:Post Width}px; position: relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; float: left;} #content #post-content #instagram-container #inner, #content #post-content #other-pages #inner { position: relative; padding: 20px; background: none repeat scroll 0 0 rgba({RGBcolor:Post Background}, 0.{select:Post Transparency});} #content #post-content #other-pages {} #content #post-content #other-pages h3 { font-family: "Source Code Pro","Helvetica Neue",Arial,sans-serif; font-size: 12px; letter-spacing: 0; line-height: 100%; height:12px; margin: 0 0 10px; text-transform: uppercase;} #content #post-content #instagram-container {} #content #post-content #instagram-container #inner { overflow: hidden;} #content.post-width-250-1 #post-content #instagram-container, #content.post-width-250-5 #post-content #instagram-container, #content.post-width-250-20 #post-content #instagram-container, #content.post-width-250-40 #post-content #instagram-container {height: 275px;} #content.post-width-350-1 #post-content #instagram-container, #content.post-width-350-5 #post-content #instagram-container, #content.post-width-350-20 #post-content #instagram-container, #content.post-width-350-40 #post-content #instagram-container {height: 375px;} #content.post-width-400-1 #post-content #instagram-container, #content.post-width-400-5 #post-content #instagram-container, #content.post-width-400-20 #post-content #instagram-container, #content.post-width-400-40 #post-content #instagram-container {height: 425px;} #content #post-content #instagram-container #inner h3 { font-family: "Source Code Pro","Helvetica Neue",Arial,sans-serif; font-size: 12px; letter-spacing: 0; line-height: 100%; height:12px; margin: 0 0 15px; text-transform: uppercase;} #content #post-content #instagram-container #inner #feed {} #content #post-content #instagram-container #inner #feed li { float: left; margin: 0 10px 10px 0; display:none; overflow: hidden; position:relative; height: auto;} #content.post-width-250-1 #post-content #instagram-container #inner #feed li, #content.post-width-250-5 #post-content #instagram-container #inner #feed li, #content.post-width-250-20 #post-content #instagram-container #inner #feed li, #content.post-width-250-40 #post-content #instagram-container #inner #feed li {width: 66px; margin: 0 5px 5px 0;} #content.post-width-350-1 #post-content #instagram-container #inner #feed li, #content.post-width-350-5 #post-content #instagram-container #inner #feed li, #content.post-width-350-20 #post-content #instagram-container #inner #feed li, #content.post-width-350-40 #post-content #instagram-container #inner #feed li {width: 96px;} #content.post-width-400-1 #post-content #instagram-container #inner #feed li, #content.post-width-400-5 #post-content #instagram-container #inner #feed li, #content.post-width-400-20 #post-content #instagram-container #inner #feed li, #content.post-width-400-40 #post-content #instagram-container #inner #feed li {width: 113px;} #content #post-content #instagram-container #inner #feed li:nth-child(3n) {margin-right: 0px !important;} #content #post-content #instagram-container #inner #feed li:nth-child(-n+9) {display: block} #content #post-content #instagram-container #inner #feed li:nth-child(n+7) {margin-bottom: 0px;} #content #post-content #instagram-container #inner #feed li a {} #content #post-content #instagram-container #inner #feed li a img { max-width: 100%; height: auto; opacity: 0.65; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #content #post-content #instagram-container #inner #feed li:hover a img {opacity: 1;} /* #post design */ #content #post-content #post { background-attachment: fixed; z-index:10; background-position: center center; background-size: cover; margin: 0 0 {select:Post Spacing}px; padding: 0; width:{select:Post Width}px; position: relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; {block:IndexPage} float: left; {block:IndexPage} {block:PermalinkPage} width: 540px; display: block; margin: 0 auto 1px; {block:PermalinkPage}} #content #post-content #post.video, #content #post-content #post.photoset {} /* Photoset posts */ #content.post-width-250-1 #post.photoset {width: 501px !important;} #content.post-width-250-20 #post.photoset {width: 520px !important;} #content.post-width-250-40 #post.photoset {width: 540px !important;} #content.post-width-250-60 #post.photoset {width: 560px !important;} /* Video posts */ #content.post-width-250-1 #post.video {width: 501px !important;} #content.post-width-250-20 #post.video {width: 520px !important;} #content.post-width-250-40 #post.video {width: 540px !important;} #content.post-width-250-60 #post.video {width: 560px !important;} #content #post-content #post #inner-post { position: relative; padding: 20px; background: none repeat scroll 0 0 rgba({RGBcolor:Post Background}, 0.{select:Post Transparency});} #content #post-content #post img {width:100%;} #content #post-content #post #inner-post #post-container { padding:20px; font-size: 10px; line-height: 125%; padding: 20px; overflow:hidden; text-align: justify; background: none repeat scroll 0 0 rgba({RGBcolor:Post Background}, 0.{select:Post Transparency}); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #content #post-content.white #post:hover #inner-post #post-container { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);} #content #post-content #post #inner-post #post-container.photo, #content #post-content #post #inner-post #post-container.video, #content #post-content #post #inner-post #post-container.audio { padding:0px; background: transparent;} #content #post-content #post:hover #inner-post #post-container.photo, #content #post-content #post:hover #inner-post #post-container.video, #content #post-content #post:hover #inner-post #post-container.audio { background: transparent;} /* Basic post : H3, Caption, p, blockquote */ #content #post-content #post h3 { font-size: 15px; font-weight: bold; margin: 0 0 10px; line-height: 125%; text-decoration: none; text-transform: uppercase;} #content #post-content #post ul { list-style: disc inside none; margin: 5px;} #content #post-content #post blockquote { border-left: 2px solid; margin: 5px; padding: 0 0 1px 5px;} #content #post-content #post #caption {} #content #post-content #post #caption p {} #content #post-content #post #xaption blockquote {} /* Photo post */ #content #post-content #post #photo {position: relative;} #content #post-content #post #photo img { display:block; box-sizing: border-box; margin: 0 0 1px;} #content #post-content #post #photo a {text-decoration: none;} #content #post-content #post #photo #hover { height: 100%; overflow:hidden; position: absolute; width: 100%; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #content #post-content #post #photo #hover:hover { background: none repeat scroll 0 0 rgba({RGBcolor:Post Background}, 0.{select:Post Transparency});} #content #post-content.white #post #photo #hover:hover { background: none repeat scroll 0 0 rgba({RGBcolor:Post Background}, 0.{select:Post Transparency});} #content #post-content #post #photo:hover #hover {} #content #post-content #post #photo #hover span, #content #post-content #post #photo #hover a { background: none repeat scroll 0 0 rgba(0,0,0, 0.5); color: #FFFFFF; display: block; font-family: "Source Code Pro", "Helvetica Neue", Arial, sans-serif; font-size: 12px; left: 50%; line-height: 100%; padding: 9px 8px; position: absolute; text-transform: uppercase; top: 50%; opacity:0; visibility: hidden; z-index: 5; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #content #post-content.white #post #photo #hover span, #content #post-content.white #post #photo #hover a {color:black;background: none repeat scroll 0 0 rgba(255,255,255, 0.5);} #content #post-content #post #photo:hover #hover span, #content #post-content #post #photo:hover #hover a { opacity:1; visibility: visible;} #content #post-content #post #photo #hover .source{ margin: 0 0 0 -17px; font-size: 9px;} #content #post-content #post #photo #hover .time-ago { margin: -28px 0 0; font-size: 9px; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -ie-transition-delay: 0.1s; transition-delay: 0.1s;} #content #post-content #post #photo #hover .permalink { margin: -62px 0 0; font-size: 15px; font-family: "mxdvs-themes"; -webkit-transition-delay: 0.25s; -moz-transition-delay: 0.25s; -ie-transition-delay: 0.25s; transition-delay: 0.25s;} #content #post-content #post #photo #hover .notes { font-family: helvetica; font-size: 25px; font-weight: bold; left: auto; margin: -44px 1px 0 0; right: 50%; text-align: right; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ie-transition-delay: 0.4s; transition-delay: 0.4s;} #content #post-content #post #photo #hover #like-button { left: auto; margin: 0 18px 0 0; right: 50%; padding: 9px 11px; -webkit-transition-delay: 0.55s; -moz-transition-delay: 0.55s; -ie-transition-delay: 0.55s; transition-delay: 0.55s;} #content #post-content #post #photo #hover #like-button iframe.like_toggle {height:13px !important} #content #post-content.white #post #photo #hover #like-button.white {display:none} #content #post-content.black #post #photo #hover #like-button.black {display:none} #content #post-content #post #photo #hover .reblog { font-size: 15px; margin: 28px 0 0 -17px; font-family: "mxdvs-themes"; -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; -ie-transition-delay: 0.7s; transition-delay: 0.7s;} /* Chat Post */ #content #post-content #post #chat {list-style:none;margin:0;} #content #post-content #post #chat li {padding:5px 0;} #content #post-content #post #chat li:first-child {padding-top:0;} #content #post-content #post #chat li:last-child {padding-bottom:0;} #content #post-content #post #chat li span {font-weight:bold;} /* Ask Post */ #content #post-content #post #ask {} #content #post-content #post #ask #question {} #content #post-content #post #ask #question span { display: inline-block; font-weight: bold; margin: 0 5px 0 0; opacity: 0.5; text-transform: uppercase;} #content #post-content #post #ask #question p { display: inline;} #content #post-content #post #ask #answer { margin: 20px 0 0;} #content #post-content #post #ask #answer span, .answerer { display: inline-block; font-weight: bold; margin: 0 5px 0 0; opacity: 0.5; text-transform: uppercase;} #content #post-content #post #ask #answer p { display: inline;} /* Video Post */ #content #post-content #post #video { margin: 0 0 -3px;} #content #post-content #post #video iframe {} #content #post-content #post #video.width-250 {} #content #post-content #post #video.width-350 {} #content #post-content #post #video.width-400 {} #content #post-content #post #video.width-250 iframe { height: 265px; margin: 0 !important; width: 480px;} #content #post-content #post #video.width-350 iframe { height: 210px; margin: 0 !important; width: 310px} #content #post-content #post #video.width-400 iframe { height: 230px; margin: 0 !important; width: 360px;} {block:PermalinkPage} #content #post-content #post #video iframe { height: 282px !important; width: 500px !important;}{/block:PermalinkPage} /* Quote Post */ #content #post-content #post #quote { position:relative;} #content #post-content #post #quote #quote_symbol { font-family: Helvetica Neue, Arial, sans-serif; font-size: 150px; line-height: 100%; opacity: 0.1; position: absolute; right: -20px; top: -20px; font-weight: bold;} #content #post-content #post #quote a { text-decoration: none;} #content #post-content #post #quote a h3 { font-size: 17px; margin: 0 0 15px; text-align: center;} #content #post-content #post #quote #source { font-size: 9px; text-align: center; text-transform: uppercase; opacity:0.5; -webkit-transition: all 0.35s ease-out 0s; -moz-transition: all 0.35s ease-out 0s; -o-transition: all 0.35s ease-out 0s; transition: all 0.35s ease-out 0s;} #content #post-content #post:hover #quote #source {opacity:1;} /* Audio Post */ #content #post-content #post #audio {} #content #post-content #post #audio #info-side {} #content #post-content #post #audio #info-side #info { list-style: outside none none; margin: 0 0 -1px;} #content #post-content #post #audio #info-side #info li { background: none repeat scroll 0 0 rgba({RGBcolor:Post Background}, 0.{select:Post Transparency}); font-weight: bold; margin: 0 0 1px; padding: 10px; position: relative; text-transform: uppercase; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #content #post-content #post:hover #audio #info-side #info li { background: none repeat scroll 0 0 rgba({RGBcolor:Post Background}, 0.75);} #content #post-content #post #audio #info-side #info li span {} #content #post-content #post #audio #info-side #player {overflow:hidden;} #content #post-content #post #audio #info-side #player div { opacity:0.4; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #content #post-content #post:hover #audio #info-side #player div {opacity:0.75;} #content #post-content #post #audio #info-side #player div iframe { display: block; margin: 0 -1px -1px; height: 50px !important} #content #post-content #post #audio #info-side #player.width-250 div iframe {width: 212px !important;} #content #post-content #post #audio #info-side #player.width-350 div iframe {width: 312px !important;} #content #post-content #post #audio #info-side #player.width-400 div iframe {width: 362px !important;} #content #post-content.black #post #audio #info-side #player #white-audio {display:none} #content #post-content.white #post #audio #info-side #player #white-audio {display:block;} #content #post-content.white #post #audio #info-side #player #black-audio {display:none} #content #post-content.black #post #audio #info-side #player #black-audio {display:block;} /* Photoset posts */ #content #post-content #post #photoset {} #content #post-content #post #photoset img { display: block; height: auto; width: 100%; margin: 0 0 1px;} #content #post-content #post #photoset img:last-child {margin: 0;} /* Permalink below non-photo-posts */ #content #post-content #post #side-permalink { padding: 0; margin: 1px 0 0;} #content #post-content #post #side-permalink.photo {display:none;} #content #post-content #post #side-permalink a, #content #post-content #post #side-permalink span { display: inline-block; font-family: "Source Code Pro", "Helvetica Neue", Arial, sans-serif; line-height: 100%; padding: 7px 9px; text-decoration: none; background: none repeat scroll 0 0 rgba({RGBcolor:Post Background}, 0.{select:Post Transparency}); -webkit-transition: all 0.35s ease-out 0s; -moz-transition: all 0.35s ease-out 0s; -o-transition: all 0.35s ease-out 0s; transition: all 0.35s ease-out 0s;} #content #post-content #post #side-permalink .notes { float:left; font-size: 9px;} #content #post-content #post #side-permalink .right { font-family: "mxdvs-themes"; float:right;} #content #post-content #post #side-permalink .right a, #content #post-content #post #side-permalink .right span { display: block; float: left; font-size: 10px; margin: 0 0 0 1px; padding: 7px 5px 6px;} #content #post-content #post #side-permalink .right #like-button { height:10px; padding: 7px 5px 6px 6px;} #content #post-content.white #post #side-permalink .right #like-button.white {display: none} #content #post-content.black #post #side-permalink .right #like-button.black {display: none} #content #post-content #post #side-permalink .right #like-button div iframe { height: 13px; margin: -2px 0 0; padding: 0; width: 11px;} #content #post-content #post #side-permalink .right .permalink {} #content #post-content #post #side-permalink .right .reblog {} /* Page Navigation : If not infinite scroll */ #content #post-content #post.pagination {height: 62px} #content #post-content #post.pagination a.prev, #content #post-content #post.pagination a.next { float: right; font-size: 16px; opacity: 0.7; position: relative; z-index: 1; margin: 2px 0 0; -webkit-transition: all 0.35s ease-out 0s; -moz-transition: all 0.35s ease-out 0s; -o-transition: all 0.35s ease-out 0s; transition: all 0.35s ease-out 0s;} #content #post-content #post.pagination a.prev {float:left;} #content #post-content #post.pagination a.prev:hover, #content #post-content #post.pagination a.next:hover { opacity: 1.0;} #content #post-content #post.pagination #jump { left: 50%; margin: 0 0 0 -150px; overflow: hidden; height:22px; position: absolute; text-align: center; width: 300px; font-family: "Source Code Pro", "Helvetica Neue", Arial, sans-serif;} #content #post-content #post.pagination #jump a, #content #post-content #post.pagination #jump span { display: inline-block; font-size:9px; margin: 0 0.5px; padding: 7px 8px 6px; -webkit-transition: all 0.35s ease-out 0s; -moz-transition: all 0.35s ease-out 0s; -o-transition: all 0.35s ease-out 0s; transition: all 0.35s ease-out 0s;} #content #post-content #post.pagination #jump a {background: none repeat scroll 0 0 rgba({RGBcolor:Post Background}, 0.075);} #content #post-content #post.pagination #jump a:hover {background: none repeat scroll 0 0 rgba({RGBcolor:Post Background}, 0.15);} #content #post-content #post.pagination #jump .current-page {background: none repeat scroll 0 0 rgba({RGBcolor:Post Background}, 0.15);} #content #post-content #post.pagination #jump .jump-page {} #content #post-content #permalink-info {} #content #post-content #permalink-info #caption, #content #post-content #permalink-info #info-list, #content #post-content #permalink-info #tag-list { background: none repeat scroll 0 0 rgba({RGBcolor:Post Background}, 0.{select:Post Transparency}); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding: 20px; font-size: 11px; margin: 0 0 1px;} #content #post-content #permalink-info #caption:empty { display: none;} #content #post-content #permalink-info #caption p {} #content #post-content #permalink-info #caption blockquote { margin: 10px 0 5px 10px;} #content #post-content #permalink-info #caption p img, #content #post-content #permalink-info #caption blockquote img{} #content #post-content #permalink-info #caption .tumblr_blog { font-weight: bold; text-transform: capitalize;} #content #post-content #permalink-info #info-list { text-align:center;} #content #post-content #permalink-info #info-list li { display: inline-block; margin: 0 15px 0 0; text-transform: uppercase;} #content #post-content #permalink-info #info-list li span {} #content #post-content #permalink-info #tag-list { text-align:center;} #content #post-content #permalink-info #tag-list li { display: inline-block; margin: 0 4px 0; text-transform: uppercase;} #content #post-content #permalink-info #tag-list li a { opacity: 0.5;} #content #post-content #permalink-info #tag-list li a:hover { opacity: 1;} #content #post-content #permalink-info #notes { background: transparent; padding: 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size: 11px; margin: 0 0 1px;} #content #post-content #permalink-info #notes ol.notes { list-style-type: none; margin: 0; padding: 0; text-align: center;} #content #post-content #permalink-info #notes ol.notes li.note { display: block; font-weight: normal; margin: 0 0 1px; overflow: hidden; padding: 10px 20px; text-align: left; width: auto; background: none repeat scroll 0 0 rgba({RGBcolor:Post Background}, 0.{select:Post Transparency});} #content #post-content #permalink-info #notes ol.notes li.note:hover {opacity: 1;} #content #post-content #permalink-info #notes ol.notes li.note.more_notes_link_container { border: medium none; clear: both; display: block; font-size: 9px; height: auto; margin: 1px 0 0; opacity: 1; overflow: visible; padding-left: 46px; text-align: left !important; text-transform: uppercase; width: auto;} #content #post-content #permalink-info #notes ol.notes li.note.more_notes_link_container a {} #content #post-content #permalink-info #notes ol.notes li.note img.avatar { display: inline-block; height: 16px; margin-right: 10px; vertical-align: -5px; width: 16px;} #content #post-content #permalink-info #notes ol.notes li.note span.action { font-size: 9px; text-transform: uppercase;} #content #post-content #permalink-info #notes ol.notes li.note .answer_content {} #content #post-content #permalink-info #notes ol.notes li.note blockquote {font-size: 9px; margin: 8px 0 2px 26px;} #content #post-content #permalink-info #notes ol.notes li.note blockquote a {}</style>
</head>
<body class="{select:Photo Hover Background}">
<div id="background-transparency"></div>
<div id="center">
<div id="header" class="{select:Blog Width} {select:Blog Width}-{select:Post Width}-{select:Post Spacing} spacing-{select:Post Spacing} {select:Photo Hover Background} {select:Portrait Size}">
<div id="inside" >
<div id="top-header">
<div id="portrait">
<a href="http://{name}.tumblr.com">
<img src="{block:IfnotPortraitImage}{PortraitURL-128}{/block:IfnotPortraitImage}{block:IfPortraitImage}{image:Portrait}{/block:IfPortraitImage}" />
</a>
</div>
<div id="box-titles">
<div id="title">
<a href="http://{name}.tumblr.com">{block:IfnotBlogTitle}{Title}{/block:IfnotBlogTitle}{text:Blog Title}</a>
</div>{block:IfBlogSubTitle}
<div id="sub-title">{text:Blog Sub Title}</div>{/block:IfBlogSubTitle}
</div>
</div>
<div id="bottom-header">
<div id="menu">
<a href="/">Home</a>
{block:IfNotShowDescription}
<span class="description-trigger">Description</span>
{/block:IfNotShowDescription}
{block:IfInstagramIDCode}
{block:IfNotShowInstagramFeed}
<span class="instagram-trigger">Instagram Feed</span>
{/block:IfNotShowInstagramFeed}
{/block:IfInstagramIDCode}
{block:AskEnabled}
<span class="ask-trigger">{AskLabel}</span>
{/block:AskEnabled}
{block:SubmissionsEnabled}
<a href="/submit">Submit</a>
{/block:SubmissionsEnabled}
{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}
{block:IfShowArchiveLink}
<a href="/archive">Archive</a>
{/block:IfShowArchiveLink}
{block:IfShowRandomLink}
<a href="/random">Random</a>
{/block:IfShowRandomLink}
{block:IfShowSearchBar}
<form action="/search" method="get" id="search">
<input type="text" name="q" value="{URLSafeSearchQuery}" placeholder="Search" class="search-query"/>
<input type="submit" value="Search" class="submit"/>
</form>
{/block:IfShowSearchBar}
{block:IfShowRSS}
<a href="{RSS}">RSS</a>
{/block:IfShowRSS}
<div id="social">
{block:ifFacebookUrl}
<a href="{text:Facebook Url}" title="Facebook" class="icon-facebook" target="_blank"></a>
{/block:ifFacebookUrl}
{block:ifInstagramUrl}
<a href="{text:Instagram Url}" title="Instagram" class="icon-instagram" target="_blank"></a>
{/block:ifInstagramUrl}
{block:ifTwitterUrl}
<a href="{text:Twitter Url}" title="Twitter" class="icon-twitter" target="_blank"></a>
{/block:ifTwitterUrl}
{block:ifGooglePlusUrl}
<a href="{text:Google Plus Url}" title="Google+" class="icon-gplus" target="_blank"></a>
{/block:ifGooglePlusUrl}
{block:ifYoutubeUrl}
<a href="{text:Youtube Url}" title="Youtube" class="icon-youtube" target="_blank"></a>
{/block:ifYoutubeUrl}
{block:ifDribbbleUrl}
<a href="{text:Dribbble Url}" title="Dribbble" class="icon-dribbble" target="_blank"></a>
{/block:ifDribbbleUrl}
{block:ifBloggerUrl}
<a href="{text:Blogger Url}" title="Blogger" class="icon-blogger" target="_blank"></a>
{/block:ifBloggerUrl}
{block:ifVimeoUrl}
<a href="{text:Vimeo Url}" title="Vimeo" class="icon-vimeo" target="_blank"></a>
{/block:ifVimeoUrl}
{block:ifVKUrl}
<a href="{text:VK Url}" title="Vk" class="icon-vk" target="_blank"></a>
{/block:ifVKUrl}
{block:ifSoundcloudUrl}
<a href="{text:Soundcloud Url}" title="Soundcloud" class="icon-soundcloud" target="_blank"></a>
{/block:ifSoundcloudUrl}
{block:ifFlickrUrl}
<a href="{text:Flickr Url}" title="Flickr" class="icon-flickr" target="_blank"></a>
{/block:ifFlickrUrl}
{block:ifPinterestUrl}
<a href="{text:Pinterest Url}" title="Pinterest" class="icon-pinterest" target="_blank"></a>
{/block:ifPinterestUrl}
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div id="description-container" class="dl-cntnr">
<div class="inner">{Description}</div>
</div>
<div id="ask-container" class="dl-cntnr">
<div class="inner"><iframe height="190" frameborder="0" width="100%" scrolling="no" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" style="background-color:transparent; overflow:hidden;" class="askbox"></iframe></div>
</div>
{block:IfInstagramIDCode}{block:IfNotShowInstagramFeed}
<div id="instagram-container" class="dl-cntnr">
<div class="inner">
<h3>Instagram Feed</h3>
<ul id="feed"></ul>
</div>
</div>
{/block:IfNotShowInstagramFeed}{/block:IfInstagramIDCode}
</div>
</div>
</div>
<div id="content" class="{select:Blog Width}-{select:Post Width}-{select:Post Spacing} post-width-{select:Post Width}-{select:Post Spacing} {select:Blog Width} {select:Photo Hover Background}">
<div id="loading"><span class="icon-spin5"></span></div>
{block:ifInfiniteScroll}<div id="back-to-top" title="Back To Top"><a href="#top"><span class="icon-angle-up"></span></a></div>{/block:ifInfiniteScroll}
<div id="post-content" class="{select:Photo Hover Background} {select:Blog Width}">
{block:TagPage}
<div id="other-pages">
<div id="inner">
<h3>Posts tagged with <strong>#{Tag}</strong></h3>
</div>
</div>
{/block:TagPage}
{block:SearchPage}
<div id="other-pages">
<div id="inner">
{block:SearchResults}<div id="searchresults"><h3>{SearchResultCount} result(s) for <strong>{SearchQuery}</strong></h3></div> {/block:SearchResults}
{block:NoSearchResults} <div id="searchresults"><h3>Sorry no results for <strong>{SearchQuery}</strong></h3></div>{/block:NoSearchResults}
</div>
</div>
{/block:SearchPage}
{block:IfShowInstagramFeed}{block:IfInstagramIDCode}
{block:IndexPage}
<div id="instagram-container">
<div id="inner">
<h3>Instagram Feed</h3>
<ul id="feed"></ul>
</div>
</div>
{/block:IndexPage}{/block:IfInstagramIDCode}
{/block:IfShowInstagramFeed}
{block:Posts}
<div id="post" class="{block:Video}video{block:Video}{block:Photoset}photoset{block:Photoset}">
<div id="inner-post">
<div id="post-container" class="{PostType}">
{block:Text}
{block:Title}
<a href="{Permalink}"><h3>{Title}</h3></a>
{/block:Title}
{Body}
{/block:Text}
{block:Photo}
<div id="photo">
{block:IndexPage}
<div id="hover">
{block:NoteCount}
<a href="{Permalink}" class="notes" title="Notes">{NoteCount}</a>
{/block:NoteCount}
<span id="like-button" class="white">{LikeButton color="white" size="12"}</span>
<span id="like-button" class="black">{LikeButton color="black" size="12"}</span>
<a href="{Permalink}" class="time-ago" title="Posted {TimeAgo}">{TimeAgo}</a>
<!-- <a href="{Permalink}" class="day-month-year">{DayOfMonth} {Month} {Year}</a> -->
<a href="{Permalink}" class="permalink icon-link" title="Permalink Page" ></a>
<a href="{ReblogURL}" class="reblog icon-retweet" target="_blank" title="Reblog"></a>
{block:RebloggedFrom}
<a href="{ReblogRootURL}" class="source" target="_blank" title="Source">Source</a>{/block:RebloggedFrom}
</div>
<img src="{PhotoURL-500}"/>
{/block:IndexPage}
{block:PermalinkPage}
<center><img src="{PhotoURL-HighRes}"/></center>
{/block:PermalinkPage}
</div>
{/block:Photo}
{block:Photoset}
{block:IndexPage}
<div id="photoset" class="photocount-{PhotoCount} id{PostID}">
{block:Photos}
<img src="{PhotoURL-500}" width="{PhotoWidth-500}"height="{PhotoHeight-500}" class="photo-{PhotoCount}" />
{block:Caption}
{Caption}
{/block:Caption}
{/block:Photos}
</div>
{/block:IndexPage}
{block:PermalinkPage}
{Photoset-500}
{/block:PermalinkPage}
{/block:Photoset}
{block:Quote}
<div id="quote">
<div id="quote_symbol">”</div>
<a href="{Permalink}"><h3>{Quote}</h3></a>
{block:Source}
<div id="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 id="audio">
<div id="info-side">
<ul id="info">
{block:TrackName}
<li><span>Track</span> {TrackName}</li>
{/block:TrackName}
{block:Artist}
<li><span>Artist</span> {Artist}</li>
{/block:Artist}
{block:PlayCount}
<li><span>Play count</span> {PlayCount}</li>
{/block:PlayCount}
</ul>
<div id="player" class="width-{select:Post Width}">
{block:AudioEmbed}
<div id="white-audio">{AudioEmbed color="white"}</div>
<div id="black-audio">{AudioEmbed color="black"}</div>
{/block:AudioEmbed}
</div>
</div>
<div class="clear"></div>
</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" class="width-{select:Post Width}">
{block:IndexPage}
{Video-250}
{/block:IndexPage}
{block:PermalinkPage}
<center>{Video-500}</center>
{/block:PermalinkPage}
</div>
{/block:Video}
{block:Answer}
<div id="ask">
<div id="question">
<span>{Asker}</span>
<p>{Question}</p>
</div>
<div id="answer">
<span {block:Answerer}style="display:none"{block:Answerer}>{Name}</span>{block:Answerer}{Answerer}{/block:Answerer}
<p>{Answer}</p>
</div>
</div>
{/block:Answer}
</div> <!-- #post-container -->
{block:Date}{block:IndexPage}
{Block:IfShowPostCaptions}{block:Caption}
<div id="caption" class="{select:Text Color} {select:Blog Information}">
<div id="background"></div>{Caption}</div>{/block:Caption}
{/Block:IfShowPostCaptions}
<div id="side-permalink" class="{block:Photo}photo{/block:Photo}">
{block:NoteCount}
<a href="{Permalink}" class="notes" title="Notes">{NoteCount}</a>
{/block:NoteCount}
<div class="right">
<!-- <a href="{Permalink}" class="day-month-year">{DayOfMonth} {Month} {Year}</a> -->
<a href="{Permalink}" class="permalink icon-link" title="Permalink Page" ></a>
<a href="{ReblogURL}" class="reblog icon-retweet" target="_blank" title="Reblog"></a>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
{/block:IndexPage}
{/block:Date}
</div> <!-- #inner-post -->
</div><!-- end #post -->
{block:PermalinkPage}
{block:Date}
<div id="permalink-info" class="{select:Photo Hover Background}">
{block:Caption}
<div id="caption">{Caption}</div>
{/block:Caption}
{block:HasTags}
<ul id="tag-list">
{block:Tags}
<li>
<a href="{TagURL}" target="_blank">#{Tag}</a>
</li>
{/block:Tags}
<div class="clear"></div>
</ul>
{/block:HasTags}
<ul id="info-list">
{block:NoteCount}<li><span></span>{NoteCountWithLabel}</li>{/block:NoteCount}<li><span>Posted </span>{DayOfMonthWithZero} {Month} {Year}</li>{block:RebloggedFrom}<li><span>source </span><a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a></li>{/block:RebloggedFrom}{block:HighRes}<li><span></span><a href="{PhotoURL-HighRes}" target="_blank">High-Res</a></li>{/block:HighRes}{block:ExternalAudio}<li><a href="{ExternalAudioURL}" target="_blank">Download</a><span>audio file</span></li>{/block:ExternalAudio}
<div class="clear"></div>
</ul>
{block:PostNotes}
<div id="notes">
{PostNotes-64}
</div>
{/block:PostNotes}
{/block:Date}
{/block:PermalinkPage}
<!--<div class="clear"></div>-->
{/block:Posts}
{block:Indexpage}
{block:ifNotInfiniteScroll}
{block:Pagination}
<div id="post" class="pagination">
<div id="inner-post">
{block:PreviousPage}
<a href="{PreviousPage}" class="prev icon-left-open"></a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}" class="next icon-right-open-1"></a>
{/block:NextPage}
<div id="jump">
{block:JumpPagination length="5"}{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>
</div>
{/block:Pagination}
{/block:ifNotInfiniteScroll}
{/block:Indexpage}
</div>
</div><!-- End content -->
</div><!-- End center -->
{block:ifInfiniteScroll}{block:Pagination}<div class="nav">{block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</div>{/block:Pagination}{/block:ifInfiniteScroll}
<script type="text/javascript" src="http://themaxdavisthemes.com/code2/jQuery.js"></script>
<script type="text/javascript">
jQuery(function() {
var $wall{select:Blog Width} = $('{block:Indexpage}#post-content{/block:Indexpage}');
$("#caption p").remove(":contains('Source:')");
$("#caption p").remove(":contains('(via')");
$(window).bind("scroll", function() {
if ($(this).scrollTop() > 200) {
$("#back-to-top").fadeIn("slow");
} else {
$("#back-to-top").stop().fadeOut("fast");
}
if ($(this).scrollTop() > 0) {
$("#next-page").fadeOut("fast");
} else {}
$('#back-to-top a').click(function () {
$('body,html').animate({
scrollTop: 0
}, 800);
return false;
});
});
$("#post-content.{select:Blog Width}").imagesLoaded( function(){
$('#post-content').show();
$('#loading').hide();
$wallfullright.masonry({
itemSelector : '#post, #instagram-container, #other-pages',
columnWidth : {select:Post Width},
isOriginLeft : false,
gutter : {select:Post Spacing}
});
});
$("#post-content.{select:Blog Width}").imagesLoaded( function(){
$('#post-content').show();
$('#loading').hide();
$wallfullleft.masonry({
itemSelector : '#post, #instagram-container, #other-pages',
columnWidth : {select:Post Width},
gutter : {select:Post Spacing}
});
});
$("#post-content.{select:Blog Width}").imagesLoaded( function(){
$('#post-content').show();
$('#loading').hide();
$wallfullcenter.masonry({
itemSelector : '#post, #instagram-container, #other-pages',
columnWidth : {select:Post Width},
isFitWidth : true,
gutter : {select:Post Spacing}
});
});
$("#post-content.{select:Blog Width}").imagesLoaded( function(){
$('#post-content').show();
$('#loading').hide();
$wallcenter.masonry({
itemSelector : '#post, #instagram-container, #other-pages',
columnWidth : {select:Post Width},
gutter : {select:Post Spacing}
});
});
$wall{select:Blog Width}.infinitescroll({
navSelector : ".nav",
nextSelector : ".nav a",
itemSelector : "#post",
behavior : 'twitter',
extraScrollPx: 50,
bufferPx : 500,
loadingImg : "",
loadingText : "",
donetext : ""
},
function( newElements ) {
$("#caption p").remove(":contains('Source:')");
$("#caption p").remove(":contains('(via')");
var $newElems = $( newElements ).css({
opacity: 0
});
$newElems.imagesLoaded(function(){
$newElems.animate({ opacity: 1 });
$wall{select:Blog Width}.masonry( "appended", $newElems, true );
});
$('.audio').each(function(){
var audioID = $(this).attr("id");
var $audioPost = $(this);
$.ajax({
url: 'http://{BlogURL}.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>');}
});
});
});
$(document).load(function(){
e.preventDefault();
$wall{select:Blog Width}.infinitescroll('retrieve');
});
});
{block:IfInstagramIDCode}
// Instagram Feed
$('#instagram-container #feed').embedagram({instagram_id:{text:Instagram ID Code}, thumb_width: 150});
{/block:IfInstagramIDCode}
$(".description-trigger").click(function() {
$("#description-container").toggleClass("show");
$("#ask-container, #instagram-container").removeClass("show");
});
$(".ask-trigger").click(function() {
$("#ask-container").toggleClass("show");
{block:IfNotShowDescription}
$("#description-container, #instagram-container").addClass("hide");
$("#description-container, #instagram-container").removeClass("show");
{/block:IfNotShowDescription}
{block:IfShowDescription}
$("#description-container, #instagram-container").toggleClass("hide");
{/block:IfShowDescription}
});
$(".instagram-trigger").click(function() {
$("#instagram-container").toggleClass("show");
{block:IfNotShowDescription}
$("#description-container, #ask-container").addClass("hide");
$("#description-container, #ask-container").removeClass("show");
{/block:IfNotShowDescription}
{block:IfShowDescription}
$("#description-container, #ask-container").toggleClass("hide");
{/block:IfShowDescription}
});
</script>
</body>
</html>]]>
