Facebook
Tumblr
Copy the code below by pressing CTRL + C on windows or CMD + C on mac.
<!DOCTYPE html> <!-- Evolve Release Date: 21 Sep, 2016 Last update: 13 Feb, 2017 Built by Draft Themes. --> <html lang="en"> <head> <meta charset="utf-8"> <title>{Title}</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:Sidebar Background" content="#000000"/> <meta name="color:Sidebar Background Transparency" content="#000000"/> <meta name="color:Sidebar 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 Button Background" 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 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:Sidebar" content=""> <meta name="image:Portrait" 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:Sidebar" content="left" title="Left"> <meta name="select:Sidebar" content="right" title="Right"> <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="20" title="20px"> <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: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:Sidebar Background Transparency" content="10" title="10%"> <meta name="select:Sidebar Background Transparency" content="20" title="20%"> <meta name="select:Sidebar Background Transparency" content="30" title="30%"> <meta name="select:Sidebar Background Transparency" content="40" title="40%"> <meta name="select:Sidebar Background Transparency" content="50" title="50%"> <meta name="select:Sidebar Background Transparency" content="60" title="60%"> <meta name="select:Sidebar Background Transparency" content="70" title="70%"> <meta name="select:Sidebar Background Transparency" content="80" title="80%"> <meta name="select:Sidebar Background Transparency" content="90" title="90%"> <meta name="select:Sidebar 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}#sidebar.left { box-sizing: border-box;font-family: "{select:Font}", Helvetica Neue, Helvetica, sans-serif !important;overflow: hidden; background-attachment:fixed;margin: 0 auto;height: 100%;float: left;left: 0;width: 290px;z-index: 30;{block:ifNOTBackgroundImage}background: url("{image:sidebar}") repeat scroll center center / cover;background-color: {color:Sidebar Background};{/block:ifNOTBackgroundImage}position: fixed;{block:IfnotPortraitImage} height: 100%; {/block:IfnotPortraitImage}} #sidebar.right { box-sizing: border-box;font-family: "{select:Font}", Helvetica Neue, Helvetica, sans-serif !important;overflow: hidden; background-attachment:fixed;margin: 0 auto;height: 100%;float: right;right: 0;width: 290px;z-index: 30;{block:ifNOTBackgroundImage}background: url("{image:sidebar}") repeat scroll center center / cover;background-color: {color:Sidebar Background};{/block:ifNOTBackgroundImage}position: fixed;{block:IfnotPortraitImage} height: 100%; {/block:IfnotPortraitImage}} {block:ifNOTBackgroundImage}{block:ifsidebarImage}#sidebar #sidebar-transparency { background-color: rgba({RGBcolor:Sidebar Background Transparency}, 0.{select:Sidebar Background Transparency});height: 100%;position: absolute;width: 100%;}{/block:ifsidebarImage}{/block:ifNOTBackgroundImage}#sidebar #top-sidebar { height: 100%;overflow-y: scroll;position: relative;width: 308px;z-index: 35;} #sidebar #portrait { box-sizing: border-box;display: inline-block;position: relative;margin: 0 auto;padding: 55px 60px 25px 45px;width: auto;{block:IfnotPortraitImage}display: none;{/block:IfnotPortraitImage}}#sidebar #portrait img { width: 203px;border-radius: 1px;opacity: 1;-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;} #sidebar #portrait img:hover { opacity: 0.75;} #sidebar #title { display: block;margin: 0 auto;padding: 55px 60px 25px 45px;text-align: left;width: auto;{block:IfNotShowTitle} display: none;{/block:IfNotShowTitle}}#sidebar #title a { color:{color:Title};display: inline-block;font-family: "{select:Font}", Helvetica Neue, Helvetica, sans-serif !important;font-size: {select:Title Size}px;height: auto;letter-spacing: 2px;width: auto;text-transform: uppercase;}#sidebar #description-container { display: block;margin: 0 auto;padding: 25px 60px 25px 45px;{block:IfNotShowDescription} display:none; {/block:IfNotShowDescription}} #sidebar #description-container .inner { clear: both;margin: 0 auto;}#sidebar #description-container .inner #myTypingText {color: {color:Sidebar Text};font-family: "{select:Font}", Helvetica Neue, Helvetica, sans-serif !important; font-size: 13px;text-align: left;line-height: 2em;width: auto;}#sidebar #social.off { height: auto;padding: 25px 60px 25px 45px;position: relative;{block:ifNOTShowSocialLinks}display:none;margin: 0 auto;padding: 0;{/block:ifNOTShowSocialLinks}} #sidebar #social.off a { display: inline-block;height: 28px;border: 2px solid;border-radius: 25px;line-height: 29px;text-decoration: none;font-size: 13px;padding: 1px;width: 28px;margin: 0 6px 5px 0;text-align: center;text-transform: uppercase; -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;}#sidebar #social.off a.fa-facebook { color: rgba(59, 89, 152, 1);}#sidebar #social.off a.fa-behance { color: rgba(0, 92, 253, 1);}#sidebar #social.off a.fa-wordpress { color: rgb(29, 139, 190);}#sidebar #social.off a.fa-twitter { color: rgba(68, 204, 246, 1);}#sidebar #social.off a.fa-youtube { color: rgba(206, 51, 45, 1);}#sidebar #social.off a.fa-soundcloud { color: rgba(252, 124, 14, 1);}#sidebar #social.off a.fa-google-plus { color: rgba(207, 63, 45, 1);}#sidebar #social.off a.fa-dribbble { color: rgba(234, 76, 137, 1);}#sidebar #social.off a.fa-pinterest-square { color: rgba(203, 32, 39, 1);}#sidebar #social.off a.fa-linkedin { color: rgb(0, 119, 181); }#sidebar #social.off a.fa-tumblr {color: rgba(39, 65, 82, 1);}#sidebar #social.off a.fa-instagram { color: rgba(81, 127, 163, 1);}#sidebar #social.off a.fa-vimeo-square { color: rgba(133, 200, 238, 1);}#sidebar #social.off a.fa-facebook:hover {background: rgba(59, 89, 152, 1) none repeat scroll 0 0;color: #ffffff;border-radius: 25px;}#sidebar #social.off a.fa-behance:hover { background: rgba(0, 92, 253, 1) none repeat scroll 0 0;color: #ffffff;border-radius: 25px;}#sidebar #social.off a.fa-wordpress:hover { background: rgb(29, 139, 190) none repeat scroll 0 0; color: #ffffff;border-radius: 25px;}#sidebar #social.off a.fa-twitter:hover { background: rgba(68, 204, 246, 1) none repeat scroll 0 0;color: #ffffff;border-radius: 25px;}#sidebar #social.off a.fa-youtube:hover { background: rgba(206, 51, 45, 1) none repeat scroll 0 0;color: #ffffff;border-radius: 25px;}#sidebar #social.off a.fa-soundcloud:hover { background: rgba(252, 124, 14, 1) none repeat scroll 0 0;color: #ffffff;border-radius: 25px;}#sidebar #social.off a.fa-google-plus:hover { background: rgba(207, 63, 45, 1) none repeat scroll 0 0;color: #ffffff;border-radius: 25px;}#sidebar #social.off a.fa-dribbble:hover { background: rgba(234, 76, 137, 1) none repeat scroll 0 0;color: #ffffff;border-radius: 25px;}#sidebar #social.off a.fa-pinterest-square:hover { background: rgba(203, 32, 39, 1) none repeat scroll 0 0;color: #ffffff;border-radius: 25px;}#sidebar #social.off a.fa-linkedin:hover { background: rgb(0, 119, 181) none repeat scroll 0 0;color: #ffffff;border-radius: 25px;}#sidebar #social.off a.fa-tumblr:hover { background: rgba(39, 65, 82, 1) none repeat scroll 0 0;color: #ffffff;border-radius: 25px;}#sidebar #social.off a.fa-instagram:hover { background: rgba(81, 127, 163, 1) none repeat scroll 0 0;color: #ffffff;border-radius: 25px; }#sidebar #social.off a.fa-vimeo-square:hover { background: rgba(133, 200, 238, 1) none repeat scroll 0 0;color: #ffffff;border-radius: 25px;}#sidebar #social.cho { height: auto;padding: 25px 60px 25px 45px;position: relative;{block:ifNOTShowSocialLinks}display:none;margin: 0 auto;padding: 0;{/block:ifNOTShowSocialLinks}} #sidebar #social.cho a { display: inline-block;height: 28px;border: 2px solid;border-radius: 25px;line-height: 29px;text-decoration: none;font-size: 13px;padding: 1px;width: 28px;margin: 0 6px 5px 0;text-align: center;text-transform: uppercase; -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;}#sidebar #social.cho a.fa-facebook { color: {color:Sidebar Text};}#sidebar #social.cho a.fa-behance { color: {color:Sidebar Text};}#sidebar #social.cho a.fa-wordpress { color: {color:Sidebar Text};}#sidebar #social.cho a.fa-twitter { color: {color:Sidebar Text};}#sidebar #social.cho a.fa-youtube { color: {color:Sidebar Text};}#sidebar #social.cho a.fa-soundcloud { color: {color:Sidebar Text};}#sidebar #social.cho a.fa-google-plus { color: {color:Sidebar Text};}#sidebar #social.cho a.fa-dribbble { color: {color:Sidebar Text};}#sidebar #social.cho a.fa-pinterest-square { color: {color:Sidebar Text};}#sidebar #social.cho a.fa-linkedin { color: {color:Sidebar Text};}#sidebar #social.cho a.fa-tumblr { color: {color:Sidebar Text};}#sidebar #social.cho a.fa-instagram { color: {color:Sidebar Text};}#sidebar #social.cho a.fa-vimeo-square { color: {color:Sidebar Text};}#sidebar #social.cho a.fa-facebook:hover {background: rgba(59, 89, 152, 1) none repeat scroll 0 0;color: #ffffff;border-radius: 25px;}#sidebar #social.cho a.fa-behance:hover { background: rgba(0, 92, 253, 1) none repeat scroll 0 0;color: #ffffff;border-radius: 25px;}#sidebar #social.cho a.fa-wordpress:hover { background: rgb(29, 139, 190) none repeat scroll 0 0;color: #ffffff;border-radius: 25px;}#sidebar #social.cho a.fa-twitter:hover { background: rgba(68, 204, 246, 1) none repeat scroll 0 0;color: #ffffff;border-radius: 25px;}#sidebar #social.cho a.fa-youtube:hover { background: rgba(206, 51, 45, 1) none repeat scroll 0 0;color: #ffffff;border-radius: 25px;}#sidebar #social.cho a.fa-soundcloud:hover { background: rgba(252, 124, 14, 1) none repeat scroll 0 0;color: #ffffff;border-radius: 25px;}#sidebar #social.cho a.fa-google-plus:hover { background: rgba(207, 63, 45, 1) none repeat scroll 0 0;color: #ffffff;border-radius: 25px;}#sidebar #social.cho a.fa-dribbble:hover { background: rgba(234, 76, 137, 1) none repeat scroll 0 0;color: #ffffff;border-radius: 25px;}#sidebar #social.cho a.fa-pinterest-square:hover { background: rgba(203, 32, 39, 1) none repeat scroll 0 0;color: #ffffff;border-radius: 25px;}#sidebar #social.cho a.fa-linkedin:hover { background: rgb(0, 119, 181) none repeat scroll 0 0;color: #ffffff;border-radius: 25px;}#sidebar #social.cho a.fa-tumblr:hover { background: rgba(39, 65, 82, 1) none repeat scroll 0 0;color: #ffffff;border-radius: 25px;}#sidebar #social.cho a.fa-instagram:hover { background: rgba(81, 127, 163, 1) none repeat scroll 0 0;color: #ffffff;border-radius: 25px; }#sidebar #social.cho a.fa-vimeo-square:hover { background: rgba(133, 200, 238, 1) none repeat scroll 0 0;color: #ffffff;border-radius: 25px;}#sidebar #menu { display: block;margin: 0 auto;padding: 25px 60px 25px 45px;}#sidebar #menu li {list-style-type: none;text-align: left;}#sidebar #menu span, #sidebar #menu a { border: 3px double {color:Sidebar Text};color:{color:Sidebar Text};display: block;font-size: 12px;font-family: "{select:Font}", Helvetica Neue, Helvetica, sans-serif !important;margin: 10px auto;font-weight: bold;letter-spacing: 1px;padding: 5px 20px;width: auto;height: auto;line-height: 25px;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;}#sidebar #menu span:hover, #sidebar #menu a:hover { border: 3px double rgba({RGBcolor:Sidebar Text}, 0.65);}#content {margin: auto;padding: 40px 0;position: absolute;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.left { margin: auto;overflow-y: hidden;padding: 0;float:right;} #content.left-250-1 {left: 320px;right: 30px;width: auto;}#content.left-250-5 {left: 320px;right: 30px;width: auto;} #content.left-250-30 {left: 320px;right: 30px;width: auto;}#content.left-250-50 {left: 320px;right: 30px;width: auto;} #content.left-350-1 {left: 320px;right: 30px;width: auto;}#content.left-350-5 {left: 320px;right: 30px;width: auto;}#content.left-350-30 {left: 320px;right: 30px;width: auto;}#content.left-350-50 {left: 320px;right: 30px;width: auto;}#content.left-400-1 {left: 320px;right: 30px;width: auto;}#content.left-400-5 {left: 320px;right: 30px;width: auto;}#content.left-400-30 {left: 320px;right: 30px;width: auto;} #content.left-400-50 {left: 320px;right: 30px;width: auto;}#content.right { margin: auto;overflow-y: hidden;padding: 0;float:left;} #content.right-250-1 {right: 320px;left: 30px;width: auto;}#content.right-250-5 {right: 320px;left: 30px;width: auto;} #content.right-250-30 {right: 320px;left: 30px;width: auto;}#content.right-250-50 {right: 320px;left: 30px;width: auto;}#content.right-350-1 {right: 320px;left: 30px;width: auto;}#content.right-350-5 {right: 320px;left: 30px;width: auto;} #content.right-350-30 {right: 320px;left: 30px;width: auto;} #content.right-350-50 {right: 320px;left: 30px;width: auto;} #content.right-400-1 {right: 320px;left: 30px;width: auto;} #content.right-400-5 {right: 320px;left: 30px;width: auto;}#content.right-400-30 {right: 320px;left: 30px;width: auto;} #content.right-400-50 {right: 320px;left: 30px;width: auto;}#content #back-to-top.left { background: rgba(0, 0, 0, 0.9) 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;}#content #back-to-top.right { background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;border-radius: 3px;bottom: 40px;display: none;font-weight: bold;left: 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;} #content #back-to-top a { color:#ffffff;} .fa-chevron-up {padding: 15px;} #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 { background: rgba({RGBcolor:Post Hover Button Background},.4) none repeat scroll 0 0;border: 1px solid rgba({RGBcolor:Post Hover Button},.4);font-family: "{select:Font}", Helvetica Neue, Helvetica, sans-serif !important;color: {color:Post Hover Button};display: block;font-size: 11px; line-height: 100%; letter-spacing: 1px;position: relative;font-weight: 700;margin: -1px auto;padding: 15px 20px;text-transform: uppercase; opacity:0; visibility: hidden; z-index: 5;width:145px;transform:scale(0.1,0.1);-ms-transform:scale(0.1,0.1;)-webkit-transform:scale(0.1,0.1);opacity:0-webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;transition: all 0.6s ease 0s;}#content #post-content #post #photo:hover #hover span, #content #post-content #post #photo:hover #hover a {opacity: 1;visibility: visible;transform:scale(1,1);-ms-transform:scale(1,1);-webkit-transform:scale(1,1);}#content #post-content #post #photo #hover span:hover, #content #post-content #post #photo #hover a:hover { background: rgba({RGBcolor:Post Hover Button Background},.8) none repeat scroll 0 0;}#content #post-content #post #photo #hover #box { opacity: 0;position: relative;top: 50%;text-align: center;width: auto;margin: -65px 0;-webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;opacity:0}#content #post-content #post #photo #hover #box .notes { -webkit-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s;}#content #post-content #post #photo #hover #box .highres { -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}#content #post-content #post #photo #hover #box .reblog { -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 #box { 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"> <aside id="sidebar" class="{select:Sidebar}"> <div id="sidebar-transparency"></div> <div id="top-sidebar"> <div id="portrait"> <a href="http://{name}.tumblr.com"> <img src="{block:IfnotPortraitImage}{PortraitURL-128}{/block:IfnotPortraitImage}{block:IfPortraitImage}{image:Portrait}{/block:IfPortraitImage}" /> </a> </div> <div id="title"> <a href="http://{name}.tumblr.com">{Title}</a> </div> {block:IfShowDescription} <div id="description-container"> <div class="inner"> <div id="myTypingText"></div> </div> </div> {/block:IfShowDescription} {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"> <li> <a href="/">Home</a> </li> {block:AskEnabled} <li> <a href="/ask">{AskLabel}</a> </li> {/block:AskEnabled} {block:SubmissionsEnabled} <li> <a href="/submit">{SubmitLabel}</a> </li> {/block:SubmissionsEnabled} {block:HasPages} {block:Pages} <li> <a href="{URL}" title="{Label}">{Label}</a> </li> {/block:Pages} {/block:HasPages} {block:ifLink1Title} <li> <a href="{text:Link 1 Url}">{text:Link 1 Title}</a> </li> {/block:ifLink1Title} {block:ifLink2Title} <li> <a href="{text:Link 2 Url}">{text:Link 2 Title}</a> </li> {/block:ifLink2Title} {block:ifLink3Title} <li> <a href="{text:Link 3 Url}">{text:Link 3 Title}</a> </li> {/block:ifLink3Title} {block:ifLink4Title} <li> <a href="{text:Link 4 Url}">{text:Link 4 Title}</a> </li> {/block:ifLink4Title} {block:ifLink5Title} <li> <a href="{text:Link 5 Url}">{text:Link 5 Title}</a> </li> {/block:ifLink5Title} {block:IfShowArchiveLink} <li> <a href="/archive">Archive</a> </li> {/block:IfShowArchiveLink} {block:IfShowRandomLink} <li> <a href="/random">Random</a> </li> {/block:IfShowRandomLink} {block:IfShowCreditLink} <li> <a href="http://goo.gl/r1KLTR" target="_blank">Theme</a> </li> {/block:IfShowCreditLink} {block:IfShowRSS} <li> <a href="{RSS}">RSS</a> </li> {/block:IfShowRSS} <div class="clear"></div> </div> </div> </aside> <aside id="content" class="{select:Sidebar}-{select:Post Width}-{select:Post Spacing} post-width-{select:Post Width}-{select:Post Spacing}"> {block:ifShowBackToTop}{block:ifInfiniteScroll}{block:IndexPage}<div id="back-to-top" class="{select:Sidebar}"><a href="#"><span class="fa fa-chevron-up"></span></a></div>{/block:IndexPage}{/block:ifInfiniteScroll}{/block:ifShowBackToTop} <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: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}"> {block:NoteCount} <a href="{Permalink}" class="notes" title="Notes">{NoteCountWithLabel}</a>{/block:NoteCount} <a href="{PhotoURL-HighRes}" class="highres" title="HighRes">HighRes</a> <a href="{ReblogURL}" class="reblog" target="_blank" title="Reblog">Reblog</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 post content --> </aside><!-- End content --> </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"> {block:IfShowDescription} var myString = "{Description}"; var myArray = myString.split(""); var loopTimer; function frameLooper() { if(myArray.length > 0) { document.getElementById("myTypingText").innerHTML += myArray.shift(); } else { clearTimeout(loopTimer); return false; } loopTimer = setTimeout('frameLooper()',40); } frameLooper(); {/block:IfShowDescription} 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'); }); }); </script> </body> </html>