Facebook
Tumblr
Copy the code below by pressing CTRL + C on windows or CMD + C on mac.
<!DOCTYPE html> <!-- Bullet Release Date: 15 Nov, 2015 Last update: 26 Jan, 2017 Built by Draft Themes. --> <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> <link rel="shortcut icon" href="{PortraitURL-128}"> <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}"> <link rel="alternate" type="application/rss+xml" href="{RSS}"> <script src="https://use.fontawesome.com/3c7c78df25.js"></script> {block:Description} <meta name="description" content="{MetaDescription}"> {/block:Description} <meta name="color:Background" content="#F5F5F5"/> <meta name="color:Blog Background Transparency" content="#000000"/> <meta name="color:Header Background" content="#000000"/> <meta name="color:Header Background Transparency" content="#000000"/> <meta name="color:Header Background Gradient Top" content="#00f8cb"/> <meta name="color:Header Background Gradient Bottom" content="#00aef8"/> <meta name="color:Header Text" content="#ffffff"/> <meta name="color:Title" content="#ffffff"/> <meta name="color:Text" content="#ffffff"/> <meta name="color:Post Border" content="#000000"/> <meta name="color:Post Hover Button" content="#000000"/> <meta name="color:Post Hover Background" content="#000000"/> <meta name="color:Post Hover Gradient Top" content="#00f8cb"/> <meta name="color:Post Hover Gradient Bottom" content="#00aef8"/> <meta name="if:Infinite Scroll" content="1" /> <meta name="if:Show Header Background Gradient" content="0" /> <meta name="if:Show Post Hover Gradient" content="0" /> <meta name="if:Show Post Border" content="0" /> <meta name="if:Show Title" content="0" /> <meta name="if:Show Description" content="1" /> <meta name="if:Show Social Links" content="1" /> <meta name="if:Show Back To Top" content="0" /> <meta name="if:Show Archive Link" content="0" /> <meta name="if:Show Random Link" content="0" /> <meta name="if:Show Credit Link" content="0" /> <meta name="if:Show RSS" content="0" /> <meta name="image:Background" content=""> <meta name="image:Header" content=""> <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="30" title="30px"> <meta name="select:Post Spacing" content="50" title="50px"> <meta name="select:Title Size" content="25" title="25px"> <meta name="select:Title Size" content="30" title="30px"> <meta name="select:Title Size" content="35" title="35px"> <meta name="select:Title Size" content="40" title="40px"> <meta name="select:Title Size" content="45" title="45px"> <meta name="select:Title Size" content="50" title="50px"> <meta name="select:Blog Background Transparency" content="60" title="60%"> <meta name="select:Blog Background Transparency" content="70" title="70%"> <meta name="select:Blog Background Transparency" content="80" title="80%"> <meta name="select:Blog Background Transparency" content="90" title="90%"> <meta name="select:Blog Background Transparency" content="10" title="10%"> <meta name="select:Blog Background Transparency" content="20" title="20%"> <meta name="select:Blog Background Transparency" content="30" title="30%"> <meta name="select:Blog Background Transparency" content="40" title="40%"> <meta name="select:Blog Background Transparency" content="50" title="50%"> <meta name="select:Blog Background Transparency" content="0" title="none"> <meta name="select:Post Hover Transparency" content="60" title="60%"> <meta name="select:Post Hover Transparency" content="70" title="70%"> <meta name="select:Post Hover Transparency" content="80" title="80%"> <meta name="select:Post Hover Transparency" content="90" title="90%"> <meta name="select:Post Hover Transparency" content="10" title="10%"> <meta name="select:Post Hover Transparency" content="20" title="20%"> <meta name="select:Post Hover Transparency" content="30" title="30%"> <meta name="select:Post Hover Transparency" content="40" title="40%"> <meta name="select:Post Hover Transparency" content="50" title="50%"> <meta name="select:Post Hover Transparency" content="0" title="none"> <meta name="select:Header Background Transparency" content="60" title="60%"> <meta name="select:Header Background Transparency" content="70" title="70%"> <meta name="select:Header Background Transparency" content="80" title="80%"> <meta name="select:Header Background Transparency" content="90" title="90%"> <meta name="select:Header Background Transparency" content="10" title="10%"> <meta name="select:Header Background Transparency" content="20" title="20%"> <meta name="select:Header Background Transparency" content="30" title="30%"> <meta name="select:Header Background Transparency" content="40" title="40%"> <meta name="select:Header Background Transparency" content="50" title="50%"> <meta name="select:Header Background Transparency" content="0" title="none"> <meta name="select:Font" content="Helvetica Neue" title="Helvetica Neue"/> <meta name="select:Font" content="Arial" title="Arial"/> <meta name="select:Font" content="Arimo" title="Arimo"/> <meta name="select:Font" content="Arvo" title="Arvo"/> <meta name="select:Font" content="Abel" title="Abel"/> <meta name="select:Font" content="Bitter" title="Bitter"/> <meta name="select:Font" content="courier new" title="Courier"/> <meta name="select:Font" content="Domine" title="Domine"/> <meta name="select:Font" content="Droid Sans" title="Droid Sans"/> <meta name="select:Font" content="Droid Serif" title="Droid Serif"/> <meta name="select:Font" content="Georgia" title="Georgia"/> <meta name="select:Font" content="Helvetica" title="Helvetica"/> <meta name="select:Font" content="Karla" Title="Karla"/> <meta name="select:Font" content="Lato" title="Lato"/> <meta name="select:Font" content="Libre Baskerville" title="Libre Baskerville"/> <meta name="select:Font" content="Lora" title="Lora"/> <meta name="select:Font" content="Mako" title="Mako"/> <meta name="select:Font" content="Merriweather" title="Merriweather"/> <meta name="select:Font" content="Muli" title="Muli"/> <meta name="select:Font" content="Montserrat" title="Montserrat"/> <meta name="select:Font" content="Noto Sans" title="Noto Sans"/> <meta name="select:Font" content="Oswald" title="Oswald"/> <meta name="select:Font" content="Playfair Display" title="Playfair Display"/> <meta name="select:Font" content="PT Mono" title="PT Mono"/> <meta name="select:Font" content="PT Sans" title="PT Sans"/> <meta name="select:Font" content="PT Serif" title="PT Serif"/> <meta name="select:Font" content="Raleway" title="Raleway"/> <meta name="select:Font" content="Roboto" title="Roboto"/> <meta name="select:Font" content="Roboto Condensed" title="Roboto Condensed"/> <meta name="select:Font" content="Roboto Slab" title="Roboto Slab"/> <meta name="select:Font" content="Ropa Sans" title="Ropa Sans"/> <meta name="select:Font" content="Rokkitt" title="Rokkitt"/> <meta name="select:Font" content="Signika" title="Signika"/> <meta name="select:Font" content="Source Sans Pro" title="Source Sans Pro"/> <meta name="select:Font" content="Times New Roman" title="Times New Roman"/> <meta name="select:Font" content="Questrial" title="Questrial"/> <meta name="select:Social Links" content="off" title="Official color"> <meta name="select:Social Links" content="cho" title="Selected color"> <meta name="text:Facebook Url" content="" /> <meta name="text:Behance Url" content="" /> <meta name="text:Wordpress Url" content="" /> <meta name="text:Twitter Url" content="" /> <meta name="text:Youtube Url" content="" /> <meta name="text:Soundcloud Url" content="" /> <meta name="text:Google Plus Url" content="" /> <meta name="text:Dribbble Url" content="" /> <meta name="text:Pinterest Url" content="" /> <meta name="text:Linkedin Url" content="" /> <meta name="text:Tumblr Url" content="" /> <meta name="text:Instagram Url" content="" /> <meta name="text:Vimeo 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 rel="stylesheet" href="http://fonts.googleapis.com/css?family={select:Font}:400,400italic,700,700italic"><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, Helvetica, sans-serif !important;font-weight: normal;background: url("{image:Background}") repeat fixed center 5% / cover;background-color: {color:background};color: {color:Text};}a { text-decoration: none; color: {color:Text};}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:Text};}::-webkit-input-placeholder {opacity: 1 !important;color: {color:Text};}:-moz-placeholder {opacity: 1 !important;color: {color:Text};}::-moz-placeholder {opacity: 1 !important;color: {color:Text};}:-ms-input-placeholder {opacity: 1 !important;color: {color:Text};}::-ms-input-placeholder {opacity: 1 !important;color: {color:Text};}body #background-transparency { z-index: 0; position:fixed; top: 0; bottom: 0; left: 0;right: 0;} {block:ifBackgroundImage} body #background-transparency { background-color:rgba({RGBcolor:Blog Background Transparency}, 0.{select:Blog Background Transparency});} {/block:ifBackgroundImage}#header {{block:ifBackgroundImage} background: transparent;{/block:ifBackgroundImage} {block:ifNOTBackgroundImage} background: {color:Header Background} url("{image:Header}") no-repeat scroll center top / cover ;{/block:ifNOTBackgroundImage} position: relative;text-align: center;height: 350px;}#header #bar-info { bottom: 0;display: block;padding: 15px 0;position: absolute;width: 100%;z-index: 40;}#header #bar-info #inner { height: auto;margin: 0 auto;position: relative;width: 80%;}#header #bar-info #inner #description-container { display: inline-block;float: left;margin: 0 auto;width: auto;}#header #bar-info #inner #description-container .inner { color:{color:Header Text};font-family: "{select:Font}", Helvetica Neue, Helvetica, sans-serif !important; font-size: 16px;height: 23px;line-height: 150%;max-width: 450px;overflow: hidden;text-align: left;text-decoration: none;text-transform: uppercase;}#header #bar-info #inner #menu { display: inline-block;margin: 0 auto;float: right;width: auto;}#header #bar-info #inner #menu span, #header #bar-info #inner #menu a { color:{color:Header Text};cursor: pointer;display: inline-block;font-family: "{select:Font}", Helvetica Neue, Helvetica, sans-serif !important; font-size: 16px;height: auto;line-height: 150%;margin: 0 0 0 20px;text-transform: uppercase;text-decoration: none;-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}#header #bar-info #inner #menu span:hover, #header #bar-info #inner #menu a:hover { opacity: 0.7;}#header #bar-social { bottom: 55px;display: block;padding: 0;position: absolute;width: 100%;z-index: 40;}#header #bar-social #inner{ height: auto;margin: 0 auto;position: relative;width: 80%;}#header #bar-social #inner #social.off { display: inline-block;float: right;margin: 0 auto;text-align: center;{block:ifNOTShowSocialLinks} display:none;padding: 0; {/block:ifNOTShowSocialLinks}} #header #bar-social #inner #social.off a { border-radius: 1px;color: #ffffff;display: inline-block;font-size: 14px;height: 30px;line-height: 31px;margin: 0 0 0 5px;text-align: center;text-decoration: none;text-transform: uppercase;width: 30px;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}#header #bar-social #inner #social.off a:hover {opacity: 0.7;}#header #bar-social #inner #social.off a.fa-facebook { background: rgba(59, 89, 152, 1) none repeat scroll 0 0;}#header #bar-social #inner #social.off a.fa-behance { background: rgba(0, 92, 253, 1) none repeat scroll 0 0;}#header #bar-social #inner #social.off a.fa-wordpress { background: rgb(29, 139, 190) none repeat scroll 0 0;}#header #bar-social #inner #social.off a.fa-twitter { background: rgba(68, 204, 246, 1) none repeat scroll 0 0;}#header #bar-social #inner #social.off a.fa-youtube { background: rgba(206, 51, 45, 1) none repeat scroll 0 0;}#header #bar-social #inner #social.off a.fa-soundcloud { background: rgba(252, 124, 14, 1) none repeat scroll 0 0;}#header #bar-social #inner #social.off a.fa-google-plus { background: rgba(207, 63, 45, 1) none repeat scroll 0 0;}#header #bar-social #inner #social.off a.fa-dribbble { background: rgba(234, 76, 137, 1) none repeat scroll 0 0;}#header #bar-social #inner #social.off a.fa-pinterest-square { background: rgba(203, 32, 39, 1) none repeat scroll 0 0;}#header #bar-social #inner #social.off a.fa-linkedin { background: rgb(0, 119, 181) none repeat scroll 0 0; }#header #bar-social #inner #social.off a.fa-tumblr {background: rgba(39, 65, 82, 1) none repeat scroll 0 0;}#header #bar-social #inner #social.off a.fa-instagram { background: rgba(81, 127, 163, 1) none repeat scroll 0 0;}#header #bar-social #inner #social.off a.fa-vimeo-square { background: rgba(133, 200, 238, 1) none repeat scroll 0 0;}#header #bar-social #inner #social.cho { display: inline-block;float: right;margin: 0 auto;text-align: center;{block:ifNOTShowSocialLinks}display:none;padding: 0;{/block:ifNOTShowSocialLinks}} #header #bar-social #inner #social.cho a { border: 2px solid rgba({RGBcolor:Header Text}, 0.75);border-radius: 1px;display: inline-block;font-size: 15px;height: 31px;line-height: 32px;margin: 0 0 0 5px;text-align: center;text-decoration: none;text-transform: uppercase;width: 31px;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}#header #bar-social #inner #social.cho a.fa-facebook { color: {color:Header Text};}#header #bar-social #inner #social.cho a.fa-behance {color: {color:Header Text};}#header #bar-social #inner #social.cho a.fa-wordpress { color: {color:Header Text};}#header #bar-social #inner #social.cho a.fa-twitter { color: {color:Header Text};}#header #bar-social #inner #social.cho a.fa-youtube {color: {color:Header Text};}#header #bar-social #inner #social.cho a.fa-soundcloud { color: {color:Header Text};}#header #bar-social #inner #social.cho a.fa-google-plus { color: {color:Header Text};}#header #bar-social #inner #social.cho a.fa-dribbble { color: {color:Header Text};}#header #bar-social #inner #social.cho a.fa-pinterest-square { color: {color:Header Text};}#header #bar-social #inner #social.cho a.fa-linkedin { color: {color:Header Text};}#header #bar-social #inner #social.cho a.fa-tumblr { color: {color:Header Text};}#header #bar-social #inner #social.cho a.fa-instagram { color: {color:Header Text};}#header #bar-social #inner #social.cho a.fa-vimeo-square { color: {color:Header Text};}#header #bar-social #inner #social.cho a.fa-facebook:hover {color: rgba(59, 89, 152, 1);border: 2px solid rgba(59, 89, 152, 1);}#header #bar-social #inner #social.cho a.fa-behance:hover { color: rgba(0, 92, 253, 1);border: 2px solid rgba(0, 92, 253, 1);}#header #bar-social #inner #social.cho a.fa-wordpress:hover { color: rgb(29, 139, 190);border: 2px solid rgb(29, 139, 190);}#header #bar-social #inner #social.cho a.fa-twitter:hover { color: rgba(68, 204, 246, 1);border: 2px solid rgba(68, 204, 246, 1);}#header #bar-social #inner #social.cho a.fa-youtube:hover { color: rgba(206, 51, 45, 1);border: 2px solid rgba(206, 51, 45, 1);}#header #bar-social #inner #social.cho a.fa-soundcloud:hover { color: rgba(252, 124, 14, 1);border: 2px solid rgba(252, 124, 14, 1);}#header #bar-social #inner #social.cho a.fa-google-plus:hover { color: rgba(207, 63, 45, 1);border: 2px solid rgba(207, 63, 45, 1);}#header #bar-social #inner #social.cho a.fa-dribbble:hover { color: rgba(234, 76, 137, 1);border: 2px solid rgba(234, 76, 137, 1);}#header #bar-social #inner #social.cho a.fa-pinterest-square:hover { color: rgba(203, 32, 39, 1);border: 2px solid rgba(203, 32, 39, 1);}#header #bar-social #inner #social.cho a.fa-linkedin:hover { color: rgb(0, 119, 181);border: 2px solid rgb(0, 119, 181);}#header #bar-social #inner #social.cho a.fa-tumblr:hover { color: rgba(39, 65, 82, 1);border: 2px solid rgba(39, 65, 82, 1);}#header #bar-social #inner #social.cho a.fa-instagram:hover { color: rgba(81, 127, 163, 1);border: 2px solid rgba(81, 127, 163, 1);}#header #bar-social #inner #social.cho a.fa-vimeo-square:hover { color: rgba(133, 200, 238, 1);border: 2px solid rgba(133, 200, 238, 1);}#header #overlay {{block:ifNOTBackgroundImage}{block:ifShowHeaderBackgroundGradient}background: rgba(0, 0, 0, 0) linear-gradient(45deg, rgba({RGBcolor:Header Background Gradient Top}, 0.{select:Header Background Transparency}), rgba({RGBcolor:Header Background Gradient Bottom}, 0.{select:Header Background Transparency}))repeat scroll 0 0;{/block:ifShowHeaderBackgroundGradient}{block:ifNOTShowHeaderBackgroundGradient}background: rgba({RGBcolor:Header Background Transparency}, 0.{select:Header Background Transparency});{/block:ifNOTShowHeaderBackgroundGradient}{/block:ifNOTBackgroundImage} {block:ifNOTHeaderImage}opacity: 0;{/block:ifNOTHeaderImage}pointer-events: none;position: absolute;top: 0;height: 100%;left: 0;width: 100%;z-index: 0;}#header #about {z-index: 1;max-width: 800px;top: 50%;width: 80%;position: absolute;transform: translate(-50%, -50%);left: 50%;}#header #about #title a {color: {color:Title};border: 5px solid;display: inline-block;font-family: "{select:Font}", Helvetica Neue, Helvetica, sans-serif !important; font-size:{select:Title Size}px;letter-spacing: 1px;margin: 0 auto;padding: 10px 20px;{block:IfNOTShowTitle}display:none;{/block:IfNOTShowTitle}text-transform: uppercase;}.parallax-window {padding: 170px 0 230px;background: transparent;}#back-to-top {background: #000000 none repeat scroll 0 0;border-radius: 3px;bottom: 40px;display: none;font-weight: bold;right: 15px;line-height: 100%;position: fixed;text-align: center;z-index: 999;-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;} #back-to-top a {color:#ffffff;} .fa-chevron-up { padding: 15px;} #content {margin: auto;padding: 35px 0;position: relative;z-index: 2;opacity:0;-webkit-transition: opacity 1s ease 0s, height 1.5s ease 0s !important;-moz-transition: opacity 1s ease 0s, height 1.5s ease 0s !important;-o-transition: opacity 1s ease 0s, height 1.5s ease 0s !important;transition: opacity 1s ease 0s, height 1.5s ease 0s !important;}#infscr-loading {background: #ffffff none repeat scroll 0 0;border: medium none;border-radius: 4px;bottom: -85px;height: auto;left: 49%;margin-left: -15px;opacity: 1;padding: 8px;position: absolute;width: auto;}#infscr-loading img {text-align: center;width: 35px;left: 20px;}#content.center-250-1 {width: 100%;}#content.center-250-5 {width: 100%;}#content.center-250-30 {width: 91.5%;}#content.center-250-50 {width: 95.5%;}#content.center-350-1 {width: 95%;}#content.center-350-5 {width: 95%;}#content.center-350-30 {width: 95%;}#content.center-350-50 {width: 95%;}#content.center-400-1 {width: 95%;}#content.center-400-5 { width: 95%;}#content.center-400-30 {width: 95%;}#content.center-400-50 {width: 95%;}#content #post-content { margin: 0 auto 90px;{block:PermalinkPage}width: auto;display: block;margin: 0 auto; {/block:PermalinkPage}}#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 #other-pages #inner {position: relative;padding: 20px;background: {color:Post Border}none repeat scroll 0 0;}#content #post-content #other-pages {}#content #post-content #other-pages h3 {font-family: "{select:Font}", Helvetica Neue, Helvetica, sans-serif !important;font-size: 12px;letter-spacing: 0;line-height: 100%;height: 12px;margin: 0 0 10px;text-transform: uppercase;}/* #post design */#content #post-content #post {background-attachment: fixed;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}max-width: 500px;width: auto;display: block;margin: 0 auto 10px; {block:PermalinkPage}}#content #post-content #post.video, #content #post-content #post.photoset {}/* Photoset posts */{block:IndexPage}#content.post-width-250-1 #post.photoset { width: 501px !important; }#content.post-width-250-5 #post.photoset { width: 505px !important; }#content.post-width-250-30 #post.photoset { width: 530px !important; }#content.post-width-250-50 #post.photoset { width: 550px !important; }/* Video posts */#content.post-width-250-1 #post.video { width: 501px !important; }#content.post-width-250-5 #post.video { width: 505px !important; }#content.post-width-250-30 #post.video { width: 530px !important; }#content.post-width-250-50 #post.video { width: 550px !important; }{/block:IndexPage}#content #post-content #post #inner-post {position: relative;padding: 20px;{block:ifNOTShowPostBorder}padding: 0; {/block:ifNOTShowPostBorder}background: {color:Post Border} none repeat scroll 0 0;}#content #post-content #post img { width: 100%; }#content #post-content #post #inner-post #post-container {font-size: 10px;line-height: 125%;overflow: hidden;padding: 20px;text-align: justify;background: {color:Post Border} none repeat scroll 0 0;-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 #inner-post #post-container.photo { padding: 0; }#content #post-content #post #inner-post #post-container a { text-decoration: none; color: {color:Text};}#content #post-content #post #inner-post #post-container p { font-size: 11px; {block:PermalinkPage}font-size: 12px;line-height: 130%;{/block:PermalinkPage}-webkit-transition: all 0.35s ease 0s;-moz-transition: all 0.35s ease 0s;-o-transition: all 0.35s ease 0s;transition: all 0.35s ease 0s;}#post-content #post #inner-post #post-container.link h3 { margin: 0; }#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 {margin: 5px;padding: 0 0 1px 5px;}/* Photo post */#content #post-content #post #photo { position: relative; }#content #post-content #post #photo img {display: block;box-sizing: border-box;margin: 0;}#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 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}#content #post-content #post #photo #hover:hover { {block:ifNOTShowPostHoverGradient}background: rgba({RGBcolor:Post Hover Background}, 0.{select:Post Hover Transparency}) repeat scroll 0 0;{/block:ifNOTShowPostHoverGradient}{block:ifShowPostHoverGradient}background: -webkit-linear-gradient(rgba({RGBcolor:Post Hover Gradient Top},0.{select:Post Hover Transparency}), rgba({RGBcolor:Post Hover Gradient Bottom}, 0.{select:Post Hover Transparency})); /* For Safari 5.1 to 6.0 */background: -o-linear-gradient(rgba({RGBcolor:Post Hover Gradient Top},0.{select:Post Hover Transparency}), rgba({RGBcolor:Post Hover Gradient Bottom},0.{select:Post Hover Transparency})); /* For Opera 11.1 to 12.0 */background: -moz-linear-gradient(rgba({RGBcolor:Post Hover Gradient Top},0.{select:Post Hover Transparency}), rgba({RGBcolor:Post Hover Gradient Bottom},0.8)); /* For Firefox 3.6 to 15 */background: linear-gradient(rgba({RGBcolor:Post Hover Gradient Top},0.{select:Post Hover Transparency}), rgba({RGBcolor:Post Hover Gradient Bottom},0.{select:Post Hover Transparency})); /* Standard syntax */{/block:ifShowPostHoverGradient}}#content #post-content #post #photo:hover #hover {}#content #post-content #post #photo #hover span, #content #post-content #post #photo #hover a { font-family: "{select:Font}", Helvetica Neue, Helvetica, sans-serif !important; color: {color:Post Hover Button};display: inline-block;font-size: 13px; line-height: 100%; position: relative;margin: 0 4px;text-transform: uppercase; opacity:0; visibility: hidden; z-index: 5;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}#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 span:hover, #content #post-content #post #photo #hover a:hover { opacity: 0.5; }#content #post-content #post #photo #hover #box { opacity: 0;position: relative;top: 5%;text-align: center;width: auto;-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;transform:scale(.4,.4);-ms-transform:scale(.4,.4);-webkit-transform:scale(.4,.4);opacity:0}#content #post-content #post #photo #hover #box.post-width-350 .notes { font-size: 16px;}#content #post-content #post #photo #hover #box.post-width-350 .time-ago { font-size: 16px;}#content #post-content #post #photo #hover #box.post-width-350 .permalink { font-size: 16px;}#content #post-content #post #photo #hover #box.post-width-400 .notes { font-size: 17px;}#content #post-content #post #photo #hover #box.post-width-400 .time-ago { font-size: 17px;}#content #post-content #post #photo #hover #box.post-width-400 .permalink { font-size: 17px;}#content #post-content #post #photo #hover:hover #box { transform:scale(1,1);-ms-transform:scale(1,1);-webkit-transform:scale(1,1);opacity:1}/* Chat Post */#content #post-content #post #chat {list-style: none;margin: 0;}#content #post-content #post #chat li {padding: 5px 0;font-size: 11px;}#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: 100%;}#content #post-content #post #video.width-350 iframe {height: 210px;margin: 0 !important;width: 100%;}#content #post-content #post #video.width-400 iframe {height: 230px;margin: 0 !important;width: 100%;}{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: "{select:Font}", Helvetica Neue, Helvetica, sans-serif !important;font-size: 150px;line-height: 100%;opacity: 0.1;position: absolute;right: 0;top: -20px;font-weight: bold;}#content #post-content #post #quote a { text-decoration: none; }#content #post-content #post #quote #source {font-size: 11px;-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;}/* 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 {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 #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.5;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 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 0 0;height: 155px !important;}#content #post-content #post #audio #info-side #player.width-250 div iframe { width: 100% !important; }#content #post-content #post #audio #info-side #player.width-350 div iframe { width: 100% !important; }#content #post-content #post #audio #info-side #player.width-400 div iframe { width: 100% !important; }/* 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: 15px; background: {color:Post Border} none repeat scroll 0 0;}#content #post-content #post #side-permalink.photo { display: none; }#content #post-content #post #side-permalink #side-l {display: inline-block;width: 75%;text-align: left;}#content #post-content #post #side-permalink #side-l a, #content #post-content #post #side-permalink #side-l span {display: inline-block;font-family: "{select:Font}", Helvetica Neue, Helvetica, sans-serif !important;line-height: 100%;font-size: 12px;color: {color:Text};-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}#content #post-content #post #side-permalink #side-r {display: inline-block;width: 25%;text-align: right;}#content #post-content #post #side-permalink #side-r a, #content #post-content #post #side-permalink #side-r span {display: inline-block;font-family: "{select:Font}", Helvetica Neue, Helvetica, sans-serif !important;line-height: 100%;font-size: 12px;margin: 0 0 0 10px;text-align: right;color: {color:Text};-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}#content #post-content #post #side-permalink a:hover, #content #post-content #post #side-permalink span:hover { opacity: 0.5; }/* Page Navigation : If not infinite scroll */#content #post-content #post.pagination {}#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 {margin: 0 auto;text-align: center;width: auto;}#content #post-content #post.pagination #jump a, #content #post-content #post.pagination #jump span { display: inline-block; color: {color:Text};font-family: "{select:Font}", Helvetica Neue, Helvetica, sans-serif !important;text-transform: uppercase;font-size: 13px;margin: 0 5px;padding: 10px 0;-webkit-transition: all 0.35s ease 0s;-moz-transition: all 0.35s ease 0s;-o-transition: all 0.35s ease 0s;transition: all 0.35s ease 0s;}#content #post-content #post.pagination #jump a:hover, #content #post-content #post.pagination #jump span:hover { opacity: 0.5; }#content #post-content #post.pagination #jump .current-page { opacity: 0.45;}#content #post-content #post.pagination #jump .jump-page {}#content #post-content #permalink-info {display: block;margin: 0 auto;font-size: 12px;max-width: 500px;}#content #post-content #permalink-info #permalink-list {background: {color:Post Border} none repeat scroll 0 0;display: block;padding: 20px;text-align: center;}#content #post-content #permalink-info #permalink-list #time { display: inline-block;text-transform: uppercase;margin: 0 30px;}#content #post-content #permalink-info #permalink-list #notes-label { display: inline-block;text-transform: uppercase;margin: 0 30px;}#content #post-content #permalink-info #permalink-list .reblog { display: inline-block;text-transform: uppercase;margin: 0 30px;}#content #post-content #permalink-info #caption, #content #post-content #permalink-info #info-list, #content #post-content #permalink-info #tag-list { background: {color:Post Border} none repeat scroll 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding: 20px;margin: 10px 0 0;}#content #post-content #permalink-info #caption:empty { display: none; }#content #post-content #permalink-info #caption p {display: inline-block;margin: 0 5px 0 0;}#content #post-content #permalink-info #caption blockquote { display: inline-block; }#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 #external-audio { background: {color:Post Border} none repeat scroll 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding: 20px;text-transform: uppercase;margin: 10px 0 0;}#content #post-content #permalink-info #tag-list { text-align: center; }#content #post-content #permalink-info #tag-list li {display: inline-block;margin: 0 5px 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: {color:Post Border} none repeat scroll 0 0;box-sizing: border-box;display: block;text-transform: uppercase;margin: 10px auto 0;padding: 30px;}#content #post-content #permalink-info #notes h2 { color:{color:Text};font-family: "{select:Font}", Helvetica Neue, Helvetica, sans-serif !important;font-weight: bold;margin: 0 0 20px;position: relative;}#content #post-content #permalink-info #notes ol.notes {list-style-type: none; margin: 0;text-align: left;} #content #post-content #permalink-info #notes ol.notes li.note { display: inline-block;font-weight: normal;margin: 0;opacity: 0.75;overflow: hidden;padding: 0 4px 6px;text-align: left;width: 25px;height: 25px;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;} #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; font-weight: bold;display: block;height: auto;font-size: 11px;margin: 20px 0 0;opacity: 1; overflow: visible;padding: 0;width: auto;text-align: center;}#content #post-content #permalink-info #notes ol.notes li.note.more_notes_link_container a {color:{color:Text};font-weight: bold;} #content #post-content #permalink-info #notes ol.notes li.note img.avatar {display: inline-block; width: 25px;}#content #post-content #permalink-info #notes ol.notes li.note span.action { display:none;} #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 {} {CustomCSS}</style> </head> <body> <div id="background-transparency"></div> <div id="center"> <header id="header"> <div id="bar-social"> <div id="inner"> {block:ifShowSocialLinks} <div id="social" class="{select:Social Links}"> {block:IfFacebookUrl}<a href="{Text:Facebook Url}" class="icon fa fa-facebook" title="Facebook"></a>{/block:IfFacebookUrl}{block:IfBehanceUrl}<a href="{Text:Behance Url}" class="icon fa fa-behance" title="Behance"></a>{/block:IfBehanceUrl}{block:IfWordpressUrl}<a href="{Text:Wordpress Url}" class="icon fa fa-wordpress" title="Wordpress"></a>{/block:IfWordpressUrl}{block:IfTwitterUrl}<a href="{Text:Twitter Url}" class="icon fa fa-twitter" title="Twitter"></a>{/block:IfTwitterUrl}{block:IfYoutubeUrl}<a href="{Text:Youtube Url}" class="icon fa fa-youtube" title="Youtube"></a>{/block:IfYoutubeUrl}{block:IfSoundcloudUrl}<a href="{Text:Soundcloud Url}" class="icon fa fa-soundcloud" title="Soundcloud"></a>{/block:IfSoundcloudUrl}{block:IfGooglePlusUrl}<a href="{Text:Google Plus Url}" class="icon fa fa-google-plus" title="Google Plus"></a>{/block:IfGooglePlusUrl}{block:IfDribbbleUrl}<a href="{Text:Dribbble Url}" class="icon fa fa fa-dribbble" title="Dribbble"></a>{/block:IfDribbbleUrl}{block:IfPinterestUrl}<a href="{Text:Pinterest Url}" class="icon fa fa-pinterest-square" title="Pinterest"></a>{/block:IfPinterestUrl}{block:IfLinkedinUrl}<a href="{Text:Linkedin Url}" class="icon fa fa-linkedin" title="Linkedin"></a>{/block:IfLinkedinUrl}{block:IfTumblrUrl}<a href="{Text:Tumblr Url}" class="icon fa fa-tumblr" title="Tumblr"></a>{/block:IfTumblrUrl}{block:IfInstagramUrl}<a href="{Text:Instagram Url}" class="icon fa fa-instagram" title="Instagram"></a>{/block:IfInstagramUrl}{block:IfVimeoUrl}<a href="{Text:Vimeo Url}" class="icon fa fa-vimeo-square" title="Vimeo"></a>{/block:IfVimeoUrl} <div class="clear"></div> </div> {/block:ifShowSocialLinks} </div> </div> <div id="bar-info"> <div id="inner"> {block:IfShowDescription} <div id="description-container"> <div class="inner">{Description}</div> </div> {/block:IfShowDescription} <div id="menu"><a href="/">Home</a>{block:HasPages}{block:Pages}<a href="{URL}" title="{Label}">{Label}</a>{/block:Pages}{/block:HasPages}{block:AskEnabled}<a href="/ask">{AskLabel}</a>{/block:AskEnabled}{block:SubmissionsEnabled}<a href="/submit">{SubmitLabel}</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:IfShowCreditLink}<a href="http://goo.gl/r1KLTR" target="_blank">Theme</a>{/block:IfShowCreditLink}{block:IfShowRSS}<a href="{RSS}">RSS</a>{/block:IfShowRSS}<div class="clear"></div> </div> </div> </div> <div id="overlay"></div> <div id="about"> <div id="title"> <a href="http://{name}.tumblr.com">{Title}</a> </div> </div> </div> </header> {block:ifShowBackToTop}{block:ifInfiniteScroll}{block:IndexPage}<div id="back-to-top"><a href="#"><span class="fa fa-chevron-up"></span></a></div>{/block:IndexPage}{/block:ifInfiniteScroll}{/block:ifShowBackToTop} <div id="content" class="center-{select:Post Width}-{select:Post Spacing} post-width-{select:Post Width}-{select:Post Spacing}"> <div id="post-content"> {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: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} {block:IndexPage} <a href="{Permalink}"><h3>{Title}</h3></a> {/block:IndexPage} {block:PermalinkPage} <h3>{Title}</h3> {/block:PermalinkPage} {/block:Title} {Body} {/block:Text} {block:Photo} <div id="photo"> {block:IndexPage} <div id="hover"> <div id="box" class="post-width-{select:Post Width}"> <a href="{Permalink}" class="notes" title="Notes">{NoteCount}</a> <a href="{Permalink}" class="time-ago" title="Month/Week/Day">{MonthNumberWithZero}.{WeekOfYear}.{DayOfYear}</a> <a href="{Permalink}" class="permalink" title="Permalink">P.Link</a> </div> </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:Photos} </div> {/block:IndexPage} {block:PermalinkPage} {Photoset-500} {/block:PermalinkPage} {/block:Photoset} {block:Quote} <div id="quote"> <div id="quote_symbol">”</div> {block:IndexPage} <a href="{Permalink}"><h3>{Quote}</h3></a> {block:IndexPage} {block:PermalinkPage} <h3>{Quote}</h3> {block:PermalinkPage} {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="audio">{AudioEmbed}</div> {/block:AudioEmbed} </div> </div> <div class="clear"></div> </div> {/block:Audio} {block:Chat} {block:Title} {block:IndexPage} <a href="{Permalink}"><h3>{Title}</h3></a> {block:IndexPage} {block:PermalinkPage} <h3>{Title}</h3> {block:PermalinkPage} {/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} <div id="side-permalink" class="{block:Photo}photo{/block:Photo}"> <div id="side-l"> <a href="{Permalink}" class="day-month-year">Posted {TimeAgo}</a> </div> <div id="side-r"> <a href="{Permalink}" class="permalink" title="Permalink"><i class="fa fa-plus-square"></i></a> <a href="{ReblogURL}" class="reblog" target="_blank" title="Reblog"><i class="fa fa-refresh"></i></a> </div> <div class="clear"></div> </div> {/block:IndexPage} {/block:Date} </div> <!-- #inner-post --> </div><!-- end #post --> {block:PermalinkPage} {block:Date} <div id="permalink-info"> <div id="permalink-list"> <div id="time">{DayOfMonthWithZero}{ShortMonth}</div> {block:NoteCount} <div id="notes-label">{NoteCountWithLabel}</div> {/block:NoteCount} <a href="{ReblogURL}" class="reblog" target="_blank" title="Reblog">Reblog</a> </div> {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} {block:ExternalAudio} <div id="external-audio"><a href="{ExternalAudioURL}" target="_blank">Download</a><span>audio file</span></div> {/block:ExternalAudio} {block:PostNotes} <div id="notes"> <h2>Notes</h2> {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 --> </div> {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://static.tumblr.com/8rdzlhn/YDQov5rq4/dtc.js"></script> <script type="text/javascript"> jQuery(function() { var $wallcenter = $('{block:Indexpage}#post-content{/block:Indexpage}'); $("#caption p").remove(":contains('Source:')"); $("#caption p").remove(":contains('(via')"); $(function () { $(window).scroll(function () { if ($(this).scrollTop() > 300) { $('#back-to-top').fadeIn(); } else { $('#back-to-top').fadeOut(); } }); // scroll body to 0px on click $('#back-to-top a').click(function () { $('body,html').animate({ scrollTop: 0 }, 800); return false; }); }); $("#post-content").imagesLoaded( function(){ $('#content').css({ opacity: 1 }); $wallcenter.masonry({ itemSelector : '#post, #other-pages', columnWidth : {select:Post Width}, gutter : {select:Post Spacing}, isFitWidth: true }); }); $wallcenter.infinitescroll({ navSelector : ".nav", nextSelector : ".nav a", itemSelector : "#post", behavior : 'twitter', extraScrollPx: 50, bufferPx : 500, loading: { finishedMsg: '', msgText: '', img: 'http://static.tumblr.com/8rdzlhn/m3Hobrdkf/ajax-loader.gif', } }, 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 }); $wallcenter.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(); $wallcenter.infinitescroll('retrieve'); }); }); function Parallax(){sp = $(this).scrollTop();$("#header").css({"background-position":"50%"+(sp*.3)+"px"});$("#about").css({"opacity":1-(sp*.005)})};$(document).ready(function(){$(window).scroll(function(){Parallax()})}); </script> </body> </html>