Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!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/JDuomq9wu/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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement