Facebook
Tumblr
Copy the code below by pressing CTRL + C on windows or CMD + C on mac.
<!DOCTYPE html> <!-- Sixty Release Date: 10 Mar, 2017 Last update: 10 Mar, 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="#434343" /> <meta name="color:Gradient Background" content="#e9e9e9" /> <meta name="color:Blog Accent" content="#000000"/> <meta name="color:Blog Background Transparency" content="#000000"/> <meta name="color:Text" content="#000000"/> <meta name="color:Post Hover Background" content="#000000"/> <meta name="color:Post Hover Button" content="#000000"/> <meta name="color:Post Hover Button 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:Back To Top Button" content="0" /> <meta name="if:Show Post Hover Gradient" content="0" /> <meta name="if:Show Post Border" content="0" /> <meta name="if:Show Description" content="1" /> <meta name="if:Show Social Links" content="0" /> <meta name="if:Show Archive Link" content="1" /> <meta name="if:Show Random Link" content="1" /> <meta name="if:Show Credit Link" content="1" /> <meta name="if:Show RSS" content="1" /> <meta name="image:Background" content=""> <meta name="select:Background" content="static" title="Background Color"> <meta name="select:Background" content="gradient-fixed" title="Gradient"> <meta name="select:Gradient Style" content="linear" title="Linear"> <meta name="select:Gradient Style" content="gradient-1" title="Gradient 1"> <meta name="select:Gradient Style" content="gradient-2" title="Gradient 2"> <meta name="select:Gradient Style" content="gradient-3" title="Gradient 3"> <meta name="select:Gradient Style" content="gradient-4" title="Gradient 4"> <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="Blog Accent"> <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: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="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="0" title="none"> <meta name="select:Blog Accent Transparency" content="10" title="10%"> <meta name="select:Blog Accent Transparency" content="20" title="20%"> <meta name="select:Blog Accent Transparency" content="30" title="30%"> <meta name="select:Blog Accent Transparency" content="40" title="40%"> <meta name="select:Blog Accent Transparency" content="50" title="50%"> <meta name="select:Blog Accent Transparency" content="60" title="60%"> <meta name="select:Blog Accent Transparency" content="70" title="70%"> <meta name="select:Blog Accent Transparency" content="80" title="80%"> <meta name="select:Blog Accent 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="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="0" title="none"> <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}{block:ifNOTBackgroundImage}body.gradient-fixed { background: rgb({RGBcolor:Background}); background: -moz-linear-gradient(top, rgba({RGBcolor:Background},1) 0%, rgba({RGBcolor:Gradient Background},1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba({RGBcolor:background},1)), color-stop(100%,rgba({RGBcolor:Gradient Background},1))); background: -webkit-linear-gradient(top, rgba({RGBcolor:background},1) 0%,rgba({RGBcolor:Gradient Background},1) 100%); background: -o-linear-gradient(top, rgba({RGBcolor:background},1) 0%,rgba({RGBcolor:Gradient Background},1) 100%); background: -ms-linear-gradient(top, rgba({RGBcolor:background},1) 0%,rgba({RGBcolor:Gradient Background},1) 100%); background: linear-gradient(to bottom, rgba({RGBcolor:background},1) 0%,rgba({RGBcolor:Gradient Background},1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:Gradient Background}', endColorstr='{RGBcolor:Background}',GradientType=1 );} body.gradient-1-gradient { background: rgba({RGBcolor:Background}); background: -moz-linear-gradient(45deg, rgba({RGBcolor:Background},1) 0%, rgba({RGBcolor:Gradient Background},1) 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba({RGBcolor:Background},1)), color-stop(100%,rgba({RGBcolor:Gradient Background},1))); background: -webkit-linear-gradient(45deg, rgba({RGBcolor:Background},1) 0%,rgba({RGBcolor:Gradient Background},1) 100%); background: -o-linear-gradient(45deg, rgba({RGBcolor:Background},1) 0%,rgba({RGBcolor:Gradient Background},1) 100%); background: -ms-linear-gradient(45deg, rgba({RGBcolor:Background},1) 0%,rgba({RGBcolor:Gradient Background},1) 100%); background: linear-gradient(45deg, rgba({RGBcolor:Background},1) 0%,rgba({RGBcolor:Gradient Background},1) 100%); } body.gradient-2-gradient { background: rgba({RGBcolor:Background}); background: -moz-linear-gradient(-45deg, rgba({RGBcolor:Background},1) 0%, rgba({RGBcolor:Gradient Background},1) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba({RGBcolor:Background},1)), color-stop(100%,rgba({RGBcolor:Gradient Background},1))); background: -webkit-linear-gradient(-45deg, rgba({RGBcolor:Background},1) 0%,rgba({RGBcolor:Gradient Background},1) 100%); background: -o-linear-gradient(-45deg, rgba({RGBcolor:Background},1) 0%,rgba({RGBcolor:Gradient Background},1) 100%); background: -ms-linear-gradient(-45deg, rgba({RGBcolor:Background},1) 0%,rgba({RGBcolor:Gradient Background},1) 100%); background: linear-gradient(-45deg, rgba({RGBcolor:Background},1) 0%,rgba({RGBcolor:Gradient Background},1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:Gradient Background}', endColorstr='{RGBcolor:Background}',GradientType=1 );} body.gradient-3-gradient { background: rgba({RGBcolor:Background}); background: -moz-linear-gradient(45deg, rgba({RGBcolor:Gradient Background},1) 0%, rgba({RGBcolor:Background},1) 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba({RGBcolor:Gradient Background},1)), color-stop(100%,rgba({RGBcolor:Background},1))); background: -webkit-linear-gradient(45deg, rgba({RGBcolor:Gradient Background},1) 0%,rgba({RGBcolor:Background},1) 100%); background: -o-linear-gradient(45deg, rgba({RGBcolor:Gradient Background},1) 0%,rgba({RGBcolor:Background},1) 100%); background: -ms-linear-gradient(45deg, rgba({RGBcolor:Gradient Background},1) 0%,rgba({RGBcolor:Background},1) 100%); background: linear-gradient(45deg, rgba({RGBcolor:Gradient Background},1) 0%,rgba({RGBcolor:Background},1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:Gradient Background}', endColorstr='{RGBcolor:Background}',GradientType=1 );} body.gradient-4-gradient { background: rgba({RGBcolor:Background}); background: -moz-linear-gradient(-45deg, rgba({RGBcolor:Gradient Background},1) 0%, rgba({RGBcolor:Background},1) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba({RGBcolor:Gradient Background},1)), color-stop(100%,rgba({RGBcolor:Background},1))); background: -webkit-linear-gradient(-45deg, rgba({RGBcolor:Gradient Background},1) 0%,rgba({RGBcolor:Background},1) 100%); background: -o-linear-gradient(-45deg, rgba({RGBcolor:Gradient Background},1) 0%,rgba({RGBcolor:Background},1) 100%); background: -ms-linear-gradient(-45deg, rgba({RGBcolor:Gradient Background},1) 0%,rgba({RGBcolor:Background},1) 100%); background: linear-gradient(-45deg, rgba({RGBcolor:Gradient Background},1) 0%,rgba({RGBcolor:Background},1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:Gradient Background}', endColorstr='{RGBcolor:Background}',GradientType=1 );} body.gradient-fixed { background-attachment: fixed; }body.static { background:{color:Background} !important;} body.body { background:transparent;}{/block:ifNOTBackgroundImage}#masthead { margin: 0 auto;position: relative;} #masthead.center-250-1 {width: calc(90% + 2px);} #masthead.center-250-5 {width: calc(90% + 2px);} #masthead.center-250-30 {width: calc(95% + 2px);}#masthead.center-250-50 {width: calc(95% + 2px);} #masthead.center-350-1 {width: calc(90% + 2px);} #masthead.center-350-5 {width: calc(90% + 2px);}#masthead.center-350-30 {width: calc(95% + 2px);}#masthead.center-350-50 {width: calc(95% + 2px);} #masthead.center-400-1 {width: calc(97% + 2px);} #masthead.center-400-5 {width: calc(97% + 2px);} #masthead.center-400-30 {width: calc(85% + 2px);} #masthead.center-400-50 {width: calc(85% + 2px);}#title { background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});border-left: 1px solid rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});border-right: 1px solid rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});border-top: 1px solid rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});height: auto;margin: 0 auto;padding: 35px 0;position: relative;text-align: center;text-transform: uppercase;opacity:0;-webkit-transition: opacity .5s ease 0s, height .5s ease 0s !important;-moz-transition: opacity .5s ease 0s, height .5s ease 0s !important;-o-transition: opacity .5s ease 0s, height .5s ease 0s !important;transition: opacity .5s ease 0s, height .5s ease 0s !important;}#title a { background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency}); color:{color:Text};border-radius: 1px;letter-spacing: 2px;display: inline-block;font-size: 35px;font-family: "{select:Font}",Helvetica Neue,Helvetica,sans-serif !important;padding: 20px 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;}#title a:hover { opacity: 0.7;}#description-container { {block:IfNotShowDescription} display:none; {/block:IfNotShowDescription}background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});border-left: 1px solid rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});border-right: 1px solid rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});border-top: 1px solid rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});height: auto;margin: 0 auto;padding: 25px 0;position: relative;text-align: center;opacity:0;-webkit-transition: opacity .7s ease 0s, height .7s ease 0s !important;-moz-transition: opacity .7s ease 0s, height .7s ease 0s !important;-o-transition: opacity .7s ease 0s, height .7s ease 0s !important;transition: opacity .7s ease 0s, height .7s ease 0s !important;}#description-container .inner { background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency}); color:{color:Text};font-weight: 400;border-radius: 1px;display: inline-block;max-width: 600px;font-size: 15px;font-family: "{select:Font}",Helvetica Neue,Helvetica,sans-serif !important;cursor: default;padding: 20px;}#social { background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});border-left: 1px solid rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});border-right: 1px solid rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});border-top: 1px solid rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});height: auto;margin: 0 auto;padding: 25px 0;position: relative;text-align: center;opacity:0;-webkit-transition: opacity 1.1s ease 0s, height 1.1s ease 0s !important;-moz-transition: opacity 1.1s ease 0s, height 1.1s ease 0s !important;-o-transition: opacity 1.1s ease 0s, height 1.1s ease 0s !important;transition: opacity 1.1s ease 0s, height 1.1s ease 0s !important;}#social.off a { border-radius: 1px;color: #ffffff;display: inline-block;font-size: 14px;height: 45px;margin: 0 2.5px 0 2.5px;line-height: 46px;text-align: center;text-transform: uppercase;width: 45px;-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;}#social.off a:hover { opacity: 0.7;}#social.off a.fa-facebook { background: rgba(59, 89, 152, 1) none repeat scroll 0 0;}#social.off a.fa-behance { background: rgba(0, 92, 253, 1) none repeat scroll 0 0;}#social.off a.fa-wordpress { background: rgb(29, 139, 190) none repeat scroll 0 0;}#social.off a.fa-twitter { background: rgba(68, 204, 246, 1) none repeat scroll 0 0;}#social.off a.fa-youtube { background: rgba(206, 51, 45, 1) none repeat scroll 0 0;}#social.off a.fa-soundcloud { background: rgba(252, 124, 14, 1) none repeat scroll 0 0;}#social.off a.fa-google-plus { background: rgba(207, 63, 45, 1) none repeat scroll 0 0;}#social.off a.fa-dribbble { background: rgba(234, 76, 137, 1) none repeat scroll 0 0;}#social.off a.fa-pinterest-square { background: rgba(203, 32, 39, 1) none repeat scroll 0 0;}#social.off a.fa-linkedin { background: rgb(0, 119, 181) none repeat scroll 0 0;}#social.off a.fa-tumblr {background: rgba(39, 65, 82, 1) none repeat scroll 0 0;}#social.off a.fa-instagram { background: rgba(81, 127, 163, 1) none repeat scroll 0 0;}#social.off a.fa-vimeo-square { background: rgba(133, 200, 238, 1) none repeat scroll 0 0;}#social.off a.fa-facebook:hover {color: #ffffff;}#social.off a.fa-behance:hover { color: #ffffff;}#social.off a.fa-wordpress:hover { color: #ffffff;}#social.off a.fa-twitter:hover { color: #ffffff;}#social.off a.fa-youtube:hover { color: #ffffff;}#social.off a.fa-soundcloud:hover { color: #ffffff;}#social.off a.fa-google-plus:hover { color: #ffffff;}#social.off a.fa-dribbble:hover { color: #ffffff;}#social.off a.fa-pinterest-square:hover { color: #ffffff;}#social.off a.fa-linkedin:hover { color: #ffffff;}#social.off a.fa-tumblr:hover { color: #ffffff;}#social.off a.fa-instagram:hover { color: #ffffff; }#social.off a.fa-vimeo-square:hover { color: #ffffff;}#social.cho a { background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});border-radius: 1px;display: inline-block;font-size: 16px;height: 45px;line-height: 45.5px;margin: 0 2.5px 0 2.5px;text-align: center;text-transform: uppercase;width: 45px;-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;}#social.cho a.fa-facebook { color: rgba(59, 89, 152, 1);}#social.cho a.fa-behance { color: rgba(0, 92, 253, 1);}#social.cho a.fa-wordpress { color: rgb(29, 139, 190);}#social.cho a.fa-twitter { color: rgba(68, 204, 246, 1);}#social.cho a.fa-youtube { color: rgba(206, 51, 45, 1);}#social.cho a.fa-soundcloud { color: rgba(252, 124, 14, 1);}#social.cho a.fa-google-plus { color: rgba(207, 63, 45, 1);}#social.cho a.fa-dribbble { color: rgba(234, 76, 137, 1);}#social.cho a.fa-pinterest-square { color: rgba(203, 32, 39, 1);}#social.cho a.fa-linkedin { color: rgb(0, 119, 181);}#social.cho a.fa-tumblr {color: rgba(39, 65, 82, 1);}#social.cho a.fa-instagram { color: rgba(81, 127, 163, 1);}#social.cho a.fa-vimeo-square { color: rgba(133, 200, 238, 1);}#social.cho a:hover {opacity: 0.7;}#menu { background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});border-left: 1px solid rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});border-right: 1px solid rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});border-top: 1px solid rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});border-bottom: 1px solid rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});height: auto;margin: 0 auto;padding: 25px 0;position: relative;text-align: center;opacity:0;-webkit-transition: opacity 1.5s ease 0s, height 1.5s ease 0s !important;-moz-transition: opacity 1.5s ease 0s, height 1.5s ease 0s !important;-o-transition: opacity 1.5s ease 0s, height 1.5s ease 0s !important;transition: opacity 1.5s ease 0s, height 1.5s ease 0s !important;}#menu span, #menu a { background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency}); color:{color:Text};cursor: pointer;border-radius: 1px;display: inline-block;font-family: "{select:Font}",Helvetica Neue,Helvetica,sans-serif !important;font-size: 14px;font-weight: 500;padding: 15px;margin: 0 2.5px 0 2.5px; text-transform: uppercase; -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;}#menu span:hover, #menu a:hover { opacity: 0.7;}#content { background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});border-bottom: 1px solid rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});border-left: 1px solid rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});border-right: 1px solid rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});margin:auto; padding: 25px 0 0; position: relative;opacity:0;-webkit-transition: opacity 2s ease 0s, height 2s ease 0s !important;-moz-transition: opacity 2s ease 0s, height 2s ease 0s !important;-o-transition: opacity 2s ease 0s, height 2s ease 0s !important;transition: opacity 2s ease 0s, height 2s ease 0s !important;}#infscr-loading {background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});bottom: -55px;color: {color:Text};display: none;font-size: 13px;height: auto;left: 50%;opacity: 1;padding: 20px;position: absolute;transform: translate(-50%, 0);text-align: center;text-transform: uppercase;width: 150px;} #content.center-250-1 {width: 90%;} #content.center-250-5 {width: 90%;} #content.center-250-30 {width: 95%;}#content.center-250-50 {width: 95%;} #content.center-350-1 {width:90%;} #content.center-350-5 {width:90%;} #content.center-350-30 {width:95%;} #content.center-350-50 {width:95%;} #content.center-400-1 {width:97%;} #content.center-400-5 {width:97%;} #content.center-400-30 {width:85%;} #content.center-400-50 {width:85%;}#content #back-to-top { background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});bottom: 20px;display: none;font-weight: bold;line-height: 100%;padding: 13px;position: fixed;left: 0;text-align: center;z-index: 999;-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;} #content #back-to-top:hover { padding: 13px 20px;}#content #post-content { margin: 0 auto 90px;{block:PermalinkPage} width: 540px; display: block; margin: 0 auto 50px; {/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: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});}#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;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-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;}#content #post-content #post #inner-post{position: relative;{block:ifShowPostBorder}padding: 20px;{/block:ifShowPostBorder}{block:ifNOTShowPostBorder}padding: 0;{/block:ifNOTShowPostBorder}background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});}#content #post-content #post img{width:100%;}#content #post-content #post #inner-post #post-container{padding:20px;font-size: 10px;line-height: 125%;overflow:hidden;text-align: justify;background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease-out 0s;}#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;-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-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{{block:ifNOTShowPostHoverGradient}background: rgba({RGBcolor:Post Hover Background}, 0.{select:Post Hover Transparency});{/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 {background: none repeat scroll 0 0 rgba({RGBcolor:Post Hover Button Background}, 0.{select:Blog Accent Transparency}); color: {color:Post Hover Button};display: inline-block;font-size: 12px; margin: 0 2.5px 0 2.5px;line-height: 100%; position: relative;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 center { left: 50%;position: absolute;top: 50%;transform: translate(-50%, -50%);width: 100%;}#content #post-content #post #photo #hover #box { display: block;height: auto;width: auto;}#content #post-content #post #photo #hover #box #box-a { margin: 0 0 5px 0;}#content #post-content #post #photo #hover #box #box-a .notes { font-family: "{select:Font}",Helvetica Neue,Helvetica,sans-serif !important;font-size: 11px;font-weight: bold;padding: 15px;-webkit-transition-delay: .2s; -moz-transition-delay: .2s; -ie-transition-delay: .2s; transition-delay: .2s;}#content #post-content #post #photo #hover #box #box-a .reblog {font-family: "{select:Font}",Helvetica Neue,Helvetica,sans-serif !important;font-size: 11px;font-weight: bold;padding: 15px;-webkit-transition-delay: .25s; -moz-transition-delay: .25s; -ie-transition-delay: .25s; transition-delay: .25s;} #content #post-content #post #photo #hover #box #box-b .time-ago { font-family: "{select:Font}",Helvetica Neue,Helvetica,sans-serif !important;font-size: 11px;padding: 15px;font-weight: bold;-webkit-transition-delay: .3s; -moz-transition-delay: .3s; -ie-transition-delay: .3s; transition-delay: .3s;}#content #post-content #post #photo #hover #box #box-b .highres {font-family: "{select:Font}",Helvetica Neue,Helvetica,sans-serif !important;font-size: 11px;font-weight: bold;padding: 15px;-webkit-transition-delay: .35s; -moz-transition-delay: .35s; -ie-transition-delay: .35s; transition-delay: .35s;} /* 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{background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent 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 #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: 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: 10px;margin: 10px 0 0;background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});}#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: "{select:Font}",Helvetica Neue,Helvetica,sans-serif !important;line-height: 100%;padding: 10px;color:{color:Text};-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 #side-permalink .notes{float:left;font-size: 12px;font-weight: bold;}#content #post-content #post #side-permalink .right{font-family: "{select:Font}",Helvetica Neue,Helvetica,sans-serif !important;float:right;}#content #post-content #post #side-permalink .right a, #content #post-content #post #side-permalink .right span{display: block;float: left;font-size: 12px;padding: 10px;color:{color:Text};}#content #post-content #post #side-permalink .right .permalink {font-size: 13px;}#content #post-content #post #side-permalink .right .reblog {font-size: 13px;}/* 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 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 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 .current-page{opacity: 0.45;}#content #post-content #post.pagination #jump .jump-page{}#content #post-content #permalink-info{}#content #post-content #permalink-info #time{background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding: 20px;font-size: 11px;margin: 10px 0 0;}#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:Blog Accent}, 0.{select:Blog Accent Transparency});-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding: 20px;font-size: 11px;margin: 10px 0 0;}#content #post-content #permalink-info #caption:empty{display: none;}#content #post-content #permalink-info #caption p{display: inline-block;font-size: 12px;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 #notes-label{background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding: 20px;font-size: 11px;margin: 10px 0 0;}#content #post-content #permalink-info #source{background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding: 20px;font-size: 11px;margin: 10px 0 0;}#content #post-content #permalink-info #source span{font-weight: bold;font-size: 12px;margin: 0 5px 0 0;}#content #post-content #permalink-info #external-audio{background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent Transparency});-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding: 20px;font-size: 11px;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: 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: 10px 0;text-align: center;}#content #post-content #permalink-info #notes ol.notes li.note{display: block;font-weight: normal;margin: 0 0 5px;overflow: hidden;padding: 10px 20px;text-align: left;width: auto;background: none repeat scroll 0 0 rgba({RGBcolor:Blog Accent}, 0.{select:Blog Accent 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: 10px; height: auto;margin: 10px 0 0;padding: 20px;opacity: 1; overflow: visible;text-transform: uppercase;width: auto;text-align: center;}#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 {}{CustomCSS}</style> </head> <body onload="{select:Background}()" class="{select:gradient style}-gradient {select:Background}"> <div id="background-transparency"></div> <div id="center"> <div id="masthead" class="center-{select:Post Width}-{select:Post Spacing}"> <div id="title"> <a href="http://{name}.tumblr.com">{Title}</a> </div> <div id="description-container"> <div class="inner">{Description}</div> </div> {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 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 id="content" class="center-{select:Post Width}-{select:Post Spacing} post-width-{select:Post Width}-{select:Post Spacing}"> {block:ifBackToTopButton}{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:ifBackToTopButton} <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"> <center> <div id="box"> <div id="box-a"> {block:NoteCount} <a href="{Permalink}" class="notes" title="Notes">{NoteCount}</a> {/block:NoteCount} <a href="{ReblogURL}" class="reblog" target="_blank" title="Reblog">Reblog</a> </div> <div id="box-b"> <a href="{Permalink}" class="time-ago" title="Posted {TimeAgo}">{TimeAgo}</a> <a href="{PhotoURL-HighRes}" class="highres" title="HighRes" >High</a> </div> </div> </center> </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}"> {block:NoteCount} <a href="{Permalink}" class="notes" title="Notes">{NoteCount}</a> {/block:NoteCount} <div class="right"> <a href="{Permalink}" class="time-ago" title="Posted {TimeAgo}">{TimeAgo}</a> <a href="{ReblogURL}" class="reblog" target="_blank" title="Reblog"><i class="fa fa-retweet"></i></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}"> <div id="time"><span>Posted </span>{DayOfMonthWithZero} {Month} {Year}</div> {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} {block:NoteCount} <div id="notes-label">{NoteCountWithLabel}</div> {/block:NoteCount} {block:RebloggedFrom} <div id="source"><span>Source</span><a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a></div> {/block:RebloggedFrom} {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"> {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://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() > 100) { $('#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.center").imagesLoaded( function(){ $('#title, #description-container, #social, #menu, #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: '', } }, 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'); }); }); </script> </body> </html>