Facebook
Tumblr
Copy the code below by pressing CTRL + C on windows or CMD + C on mac.
<!DOCTYPE html> <!--------------------------------------------------------------- Theme Cancel By Draft Themes Last update 04.10.16 Theme Designer: http://draft-themes.co/ Support: http://draft-themes.co/support ------------------------------------------------------------- --> <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}{block:IfPortraitImage}{image:Portrait-128}{/block:IfPortraitImage}"> <link rel="alternate" type="application/rss+xml" href="{RSS}"> <link type="text/css" rel="stylesheet" href="http://static.tumblr.com/8rdzlhn/fcSnvrr4u/font-awesome.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> <script src="http://static.tumblr.com/8rdzlhn/VZjnvrp6d/custom.js" type="text/javascript"></script> {block:Description} <meta name="description" content="{MetaDescription}"> {/block:Description} <meta name="color:Background" content="#FFFFFF"/> <meta name="color:Background 2" content="#000000"/> <meta name="color:Preloader Background" content="#000000"/> <meta name="color:Preloader Loading Icon" content="#ffffff"/> <meta name="color:Show Posts Button Background" content="#ffffff"/> <meta name="color:Show Posts Button Text" content="#000000"/> <meta name="color:Header Background Transparency" content="#000000"/> <meta name="color:Blog Background Transparency" content="#000000"/> <meta name="color:Header" content="#111111"/> <meta name="color:Header Title" content="#ffffff"/> <meta name="color:Header Sub Title" content="#ffffff"/> <meta name="color:Header Description" content="#ffffff"/> <meta name="color:Header Links" content="#ffffff"/> <meta name="color:Header Links Hover" content="#000000"/> <meta name="color:Header Background Gradient Top" content="#000000"/> <meta name="color:Header Background Gradient Bottom" content="#000000"/> <meta name="color:Sidebar" content="#000000"/> <meta name="color:Sidebar Title" content="#ffffff"/> <meta name="color:Sidebar Description" content="#ffffff"/> <meta name="color:Sidebar Links" content="#ffffff"/> <meta name="color:Sidebar Links Hover" content="#000000"/> <meta name="color:Text" content="#ffffff"/> <meta name="color:Navigation Background Button" content="#000000"/> <meta name="color:Navigation Button" content="#000000"/> <meta name="color:Pagination" content="#000000"/> <meta name="color:Social Icons" content="#ffffff"/> <meta name="color:Post Border" content="#000000"/> <meta name="color:Post Captions" content="#000000"/> <meta name="color:Post Hover Button" content="#000000"/> <meta name="color:Post Hover Background" content="#000000"/> <meta name="color:Post Hover Gradient Top" content="#000000"/> <meta name="color:Post Hover Gradient Bottom" content="#000000"/> <meta name="font:Text" content="Helvetica"/> <meta name="if:Show Posts Button" content="1" /> <meta name="if:Infinite Scroll" content="1" /> <meta name="if:Show Header Sub Title" content="0" /> <meta name="if:Show Sidebar Title" content="0" /> <meta name="if:Show Header Background Gradient" content="0" /> <meta name="if:Show Post Hover Gradient" content="0" /> <meta name="if:Show Post Captions" content="0" /> <meta name="if:Show Post Border" content="0" /> <meta name="if:Show Archive Link" content="1" /> <meta name="if:Show Description" content="1" /> <meta name="if:Show Social Icons" content="0" /> <meta name="if:Show Search Bar" content="0" /> <meta name="image:Background" content=""> <meta name="image:Header" content=""> <meta name="image:Portrait" content=""> <meta name="select:Post Width" content="180" title="180px"> <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 Width" content="600" title="600px"> <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:Slide Sidebar" content="left" title="Left"> <meta name="select:Slide Sidebar" content="right" title="Right"> <meta name="select:Social Icons" content="off" title="Official Color"> <meta name="select:Social Icons" content="cho" title="Color You Choose"> <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 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="select:Header Background Transparency" content="10" title="10%"> <meta name="select:Header Background Transparency" content="20" title="20%"> <meta name="select:Header Background Transparency" content="30" title="30%"> <meta name="select:Header Background Transparency" content="40" title="40%"> <meta name="select:Header Background Transparency" content="50" title="50%"> <meta name="select:Header Background Transparency" content="60" title="60%"> <meta name="select:Header Background Transparency" content="70" title="70%"> <meta name="select:Header Background Transparency" content="80" title="80%"> <meta name="select:Header Background Transparency" content="90" title="90%"> <meta name="select:Header Background Transparency" content="0" title="none"> <meta name="select:Header Title" content="40" title="40px"> <meta name="select:Header Title" content="50" title="50px"> <meta name="select:Header Title" content="60" title="60px"> <meta name="select:Header Title" content="90" title="90px"> <meta name="select:Header Title" content="110" title="110px"> <meta name="select:Header Title" content="130" title="130px"> <meta name="select:Header Sub Title" content="15" title="15px"> <meta name="select:Header Sub Title" content="25" title="25px"> <meta name="select:Header Sub Title" content="35" title="35px"> <meta name="select:Header Sub Title" content="45" title="45px"> <meta name="text:Header Sub Title" content=""> <meta name="text:Facebook URL" content="" /> <meta name="text:Behance 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:Tumblr URL" content="" /> <meta name="text:Pinterest 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="" /> <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-size:100%; font-weight:inherit; font-style:inherit; font-family:inherit; vertical-align:baseline; } body { line-height:1; color:black; background:white; overflow-x: hidden; } :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}", arial; font-weight: normal; background: url("{image:Background}") repeat fixed center 5% / cover; background-color:{color:background}; color:{color:Text}; } a { text-decoration: none; } a:active { outline: none; } a:focus { -moz-outline-style: none; } :-moz-any-link:focus { outline: none; } img { border:none; display:block; } .clear { clear:both; } :-webkit-input-placeholder { opacity: 1 !important; } ::-webkit-input-placeholder { opacity: 1 !important; } :-moz-placeholder { opacity: 1 !important; } ::-moz-placeholder { opacity: 1 !important; } :-ms-input-placeholder { opacity: 1 !important; } ::-ms-input-placeholder { opacity: 1 !important; } 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} #ask-container { background: rgba(0, 0, 0, 0.35) none repeat scroll 0 0; display: none; height: 100%; margin: 0 auto; position: fixed; width: 100%; z-index: 99999; } #ask-container #ask-display { position: fixed; top: 10%; left:50%; width: 600px; -ms-transform: translateX(-50%) translateY(0%); -webkit-transform: translate(-50%,0%); transform: translate(-50%,0%); } #ask-container #ask-display .inner { background: #ffffff none repeat scroll 0 0; border-radius: 1px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); padding: 15px 25px 25px; } #ask-container #ask-display .inner span { display: inline-block; color: #000000; font-size: 20px; cursor: pointer; text-decoration:none; font-weight: bold; float: right; letter-spacing: 1px; height: 30px; line-height: 33px; 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; } #ask-container #ask-display .inner span:hover { color: #C61B1F; } #ask-container #ask-display .inner h2 { display: inline-block; color: #000000; font-family: {font:Text}; font-size: 19px; font-weight: bold; height: auto; letter-spacing: 0.7; line-height: 32px; margin: 0 auto 7px; text-align: left; text-decoration: none; width: auto; } #ask-container.show { display:block; } #submit-container { background: rgba(0, 0, 0, 0.35) none repeat scroll 0 0; display: none; height: 100%; margin: 0 auto; position: fixed; width: 100%; z-index: 99999; } #submit-container #submit-display { position: fixed; top: 10%; left:50%; width: 600px; -ms-transform: translateX(-50%) translateY(0%); -webkit-transform: translate(-50%,0%); transform: translate(-50%,0%); } #submit-container #submit-display .inner { background: #ffffff none repeat scroll 0 0; border-radius: 1px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); padding: 15px 25px 25px; } #submit-container #submit-display .inner span { display: inline-block; color: #000000; font-size: 20px; cursor: pointer; text-decoration:none; font-weight: bold; float: right; letter-spacing: 1px; height: 30px; line-height: 33px; 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; } #submit-container #submit-display .inner span:hover { color: #C61B1F; } #submit-container #submit-display .inner h2 { display: inline-block; color: #000000; font-family: {font:Text}; font-size: 19px; font-weight: bold; height: auto; letter-spacing: 0.7; line-height: 32px; margin: 0 auto 7px; text-align: left; text-decoration: none; width: auto; } #submit-container.show { display:block; } #preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: {color:Preloader Background} none repeat scroll 0 0; z-index: 999999; height: 100%; } .spinner { height: 50px; left: 50%; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); } .spinner > div { background-color: {color:Preloader Loading icon}; display: inline-block; height: 100%; margin: 0 1px; width: 10px; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; } .spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } } #fade-trigger { background: {color:Navigation Background Button} none repeat scroll 0 0; border-radius: 1px; color:{color:Navigation Button}; display: none; {select:Slide Sidebar}: 40px; padding: 16px 0; position: fixed; top: 23.5px; transition: all 0.3s ease-out 0s; width: 95px; 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; } a.boxmenu-trigger { color:{color:Navigation Button}; cursor: pointer; font-family: "Gibson",sans-serif; font-size: 20px; font-weight: bold; padding: 5px 0; position: fixed; {select:Slide Sidebar}: 48px; text-transform: uppercase; top: 25px; z-index: 999; } .fa-bars { color:{color:Navigation Button}; margin: 0 3px; } /* make keyframes that tell the start state and the end state of our object */ @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @keyframes fadeIn { from { opacity:0; } to { opacity:1; } } .fade-in { opacity:0; /* make things invisible upon start */ -webkit-animation:fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */ -moz-animation:fadeIn ease-in 1; animation:fadeIn ease-in 1; -webkit-animation-fill-mode:forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/ -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:0.7s; -moz-animation-duration:0.7s; animation-duration:0.7s; } .fade-in.one { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; animation-delay: 0.1s; } #menu .left { position: fixed; left: -20em; /*left or right and the width of your navigation panel*/ width: 20em; /*should match the above value*/ } #menu .right { position: fixed; right: -20em; /*left or right and the width of your navigation panel*/ right: 20em; /*should match the above value*/ } #menu { background: {color:Sidebar} none repeat scroll 0 0; box-sizing: border-box; margin: 0 auto; overflow: hidden; padding: 0; } #menu #gradient { background: rgba({RGBcolor:Sidebar}, 0) linear-gradient(to bottom, rgba({RGBcolor:Sidebar}, 0) 0%, rgba({RGBcolor:Sidebar}, 1) 100%) repeat scroll 0 0; bottom: 0; height: 75px; left: 0; pointer-events: none; position: absolute; width: 100%; z-index: 45; } #menu > div { height: 100%; overflow-y: scroll; overflow-x: hidden; position: relative; width: 24.5em; } #menu #top-masthead { position: relative; height:auto; top: 70px; padding: 0 0 25px 0; } #menu #portrait { box-sizing: border-box; display: block; padding: 0 40px 40px; position: relative; width: auto; {block:IfnotPortraitImage} display:none; {/block:IfnotPortraitImage} } #menu #portrait img { border: medium none; border-radius: 2px; height: auto; margin: 0 auto; width: 213px; -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; } #menu #portrait img:hover { opacity: 0.5; } #menu #title { display: block; margin: 0 auto; overflow: hidden; padding: 0 40px 30px; text-transform: uppercase; {block:IfnotShowSidebarTitle} display: none; {/block:IfnotShowSidebarTitle} } #menu #title a { color:{color:Sidebar title}; letter-spacing: 1px; font-family: {font:Text}; display: inline-block; font-size: 22px; height: auto; font-weight: bold; text-align: left; text-transform: uppercase; width: auto; -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; } #menu #description { margin: 0 auto; padding: 0 40px 30px; width: auto; {block:IfNotShowDescription} display:none; {/block:IfNotShowDescription} } #menu #description .inner { color: {color:Sidebar Description}; display: inline-block; font-family: {font:Text}; font-size: 13px; margin: 0 auto; line-height: 20px; text-decoration: none; width: auto; height: auto; -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; } #menu #search { box-sizing: border-box; display: block; height: auto; padding: 0 40px 30px; width: auto; } #menu #search input.search-query { background: none; border: medium none; color: {color:Sidebar Links}; font-family: {font:Text}; font-size: 14px; line-height: 25px; letter-spacing: 1px; padding: 0; width: 90%; -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; } .fa-search { color: {color:Sidebar Links}; } #menu #search input.submit { display:none; } #menu #links-container { height: auto; margin: 0 auto; padding: 0 40px 30px; width: auto; } #menu #links-container li { list-style-type: none; text-align: left; } #menu #links-container span, #menu #links-container a { display: inline-block; color:{color:Sidebar Links}; font-size: 13px; cursor: pointer; font-family: {font:Text}; text-decoration:none; font-weight: bold; letter-spacing: 1px; height: 30px; line-height: 33px; 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; } #menu #links-container span:hover, #menu #links-container a:hover { color:{color:Sidebar Links Hover}; } #menu #social-container { display: block; height: auto; padding: 0 40px 30px; width: auto; } #menu #social-container a { border: 2px solid; border-radius: 80px; display: inline-block; font-size: 15px; margin: 0 3px 5px 0; padding: 13px; text-align: center; text-decoration: none; text-transform: uppercase; width: 15px; -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; } #menu #social-container.off a.fa-facebook { background: rgba(59, 89, 152, 0.7) none repeat scroll 0 0; border: 2px solid rgba(59, 89, 152, 1); color: #ffffff; } #menu #social-container.off a.fa-behance { background: rgba(0, 92, 253, 0.7) none repeat scroll 0 0; border: 2px solid rgba(0, 92, 253, 1); color: #ffffff; } #menu #social-container.off a.fa-twitter { background: rgba(68, 204, 246, 0.7) none repeat scroll 0 0; border: 2px solid rgba(68, 204, 246, 1); color: #ffffff; } #menu #social-container.off a.fa-youtube { background: rgba(206, 51, 45, 0.7) none repeat scroll 0 0; border: 2px solid rgba(206, 51, 45, 1); color: #ffffff; } #menu #social-container.off a.fa-soundcloud { background: rgba(252, 124, 14, 0.7) none repeat scroll 0 0; border: 2px solid rgba(252, 124, 14, 1); color: #ffffff; padding: 13px 15px 13px 11px; } #menu #social-container.off a.fa-google-plus { background: rgba(207, 63, 45, 0.7) none repeat scroll 0 0; border: 2px solid rgba(207, 63, 45, 1); color: #ffffff; } #menu #social-container.off a.fa-dribbble { background: rgba(234, 76, 137, 0.7) none repeat scroll 0 0; border: 2px solid rgba(234, 76, 137, 1); color: #ffffff; } #menu #social-container.off a.fa-tumblr { background: rgba(39, 65, 82, 0.7) none repeat scroll 0 0; border: 2px solid rgba(39, 65, 82, 1); color: #ffffff; } #menu #social-container.off a.fa-pinterest-square { background: rgba(203, 32, 39, 0.7) none repeat scroll 0 0; border: 2px solid rgba(203, 32, 39, 1); color: #ffffff; } #menu #social-container.off a.fa-instagram { background: rgba(39, 65, 82, 0.7) none repeat scroll 0 0; border: 2px solid rgba(39, 65, 82, 1); color: #ffffff; } #menu #social-container.off a.fa-vimeo-square { background: rgba(133, 200, 238, 0.7) none repeat scroll 0 0; border: 2px solid rgba(133, 200, 238, 1); color: #ffffff; } #menu #social-container.off a.fa-facebook:hover { background: rgba(59, 89, 152, 1) none repeat scroll 0 0; } #menu #social-container.off a.fa-behance:hover { background: rgba(0, 92, 253, 1) none repeat scroll 0 0; } #menu #social-container.off a.fa-twitter:hover { background: rgba(68, 204, 246, 1) none repeat scroll 0 0; } #menu #social-container.off a.fa-youtube:hover { background: rgba(206, 51, 45, 1) none repeat scroll 0 0; } #menu #social-container.off a.fa-soundcloud:hover { background: rgba(252, 124, 14, 1) none repeat scroll 0 0; } #menu #social-container.off a.fa-google-plus:hover { background: rgba(207, 63, 45, 1) none repeat scroll 0 0; } #menu #social-container.off a.fa-dribbble:hover { background: rgba(234, 76, 137, 1) none repeat scroll 0 0; } #menu #social-container.off a.fa-tumblr:hover { background: rgba(39, 65, 82, 1) none repeat scroll 0 0; } #menu #social-container.off a.fa-pinterest-square:hover { background: rgba(203, 32, 39, 1) none repeat scroll 0 0; } #menu #social-container.off a.fa-instagram:hover { background: rgba(39, 65, 82, 1) none repeat scroll 0 0; } #menu #social-container.off a.fa-vimeo-square:hover { background: rgba(133, 200, 238, 1) none repeat scroll 0 0; } #menu #social-container.cho a.fa-facebook { color: {color:social icons}; } #menu #social-container.cho a.fa-behance { color: {color:social icons}; } #menu #social-container.cho a.fa-twitter { color: {color:social icons}; } #menu #social-container.cho a.fa-youtube { color: {color:social icons}; } #menu #social-container.cho a.fa-soundcloud { color: {color:social icons}; padding: 13px 15px 13px 11px; } #menu #social-container.cho a.fa-google-plus { color: {color:social icons}; } #menu #social-container.cho a.fa-dribbble { color: {color:social icons}; } #menu #social-container.cho a.fa-tumblr { color: {color:social icons}; } #menu #social-container.cho a.fa-pinterest-square { color: {color:social icons}; } #menu #social-container.cho a.fa-instagram { color: {color:social icons}; } #menu #social-container.cho a.fa-vimeo-square { color: {color:social icons}; } #menu #social-container.cho a.fa-facebook:hover { background: rgba(59, 89, 152, 1) none repeat scroll 0 0; } #menu #social-container.cho a.fa-behance:hover { background: rgba(0, 92, 253, 1) none repeat scroll 0 0; } #menu #social-container.cho a.fa-twitter:hover { background: rgba(68, 204, 246, 1) none repeat scroll 0 0; } #menu #social-container.cho a.fa-youtube:hover { background: rgba(206, 51, 45, 1) none repeat scroll 0 0; } #menu #social-container.cho a.fa-soundcloud:hover { background: rgba(252, 124, 14, 1) none repeat scroll 0 0; } #menu #social-container.cho a.fa-google-plus:hover { background: rgba(207, 63, 45, 1) none repeat scroll 0 0; } #menu #social-container.cho a.fa-dribbble:hover { background: rgba(234, 76, 137, 1) none repeat scroll 0 0; } #menu #social-container.cho a.fa-tumblr:hover { background: rgba(39, 65, 82, 1) none repeat scroll 0 0; } #menu #social-container.cho a.fa-pinterest-square:hover { background: rgba(203, 32, 39, 1) none repeat scroll 0 0; } #menu #social-container.cho a.fa-instagram:hover { background: rgba(39, 65, 82, 1) none repeat scroll 0 0; } #menu #social-container.cho a.fa-vimeo-square:hover { background: rgba(133, 200, 238, 1) none repeat scroll 0 0; } .wrap { position: relative; } #header { {block:ifBackgroundImage} background: transparent; {/block:ifBackgroundImage} {block:ifNOTBackgroundImage} background: {color:Header} url("{image:Header}") no-repeat scroll center top / cover ; {/block:ifNOTBackgroundImage} position: relative; text-align: center; } .header { position:relative; top:50%; text-align:center; width:100%; {block:PermalinkPage} height: 300px; {/block:PermalinkPage} color:#fff; font-size:36px; -ms-transform: translate(0,0%); /* IE 9 */ -webkit-transform: translate(0,0%); /* Safari */ transform: translate(0,0%); } #header .header #overlay { {block:ifNOTBackgroundImage} {block:ifShowHeaderBackgroundGradient} background: rgba(0, 0, 0, 0) linear-gradient(45deg, {color:Header Background Gradient Top}, {color:Header Background Gradient Bottom}) repeat scroll 0 0; {block:ifHeaderImage} opacity: 0.6; {/block:ifHeaderImage} {/block:ifShowHeaderBackgroundGradient} {block:ifNOTShowHeaderBackgroundGradient} background: rgb({RGBcolor:Header Background Transparency}); {block:ifHeaderImage} opacity: 0.{select:Header Background Transparency}; {/block:ifHeaderImage} {/block:ifNOTShowHeaderBackgroundGradient} {/block:ifNOTBackgroundImage} height: 100%; left: 0; {block:ifNOTHeaderImage} opacity: 0; {/block:ifNOTHeaderImage} pointer-events: none; position: absolute; top: 0; width: 100%; z-index: -4; } #header .header #about { margin: 0 auto; } #header .header #about-box { position: absolute; top: 50%; left:50%; width: 40%; -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } #header .header #about-box #title { display: block; margin: 0 auto; width: auto; } #header .header #about-box #title a { color:{color:Header Title}; font-family: {font:Text}; height: auto; letter-spacing: 1px; text-decoration: none; font-size: {select:Header Title}px; font-weight: bold; text-transform: uppercase; } #header #about #sub-title { display: none; color: {color:Header Sub Title}; font-family: {font:Text}; font-size:{select:Header Sub Title}px; letter-spacing: 1px; margin: 5px auto 0; {block:IfShowHeaderSubTitle} display: block; {/block:IfShowHeaderSubTitle} width: 60%; } #header .header #about-box #links-container { height: auto; line-height: 100%; margin: 25px auto 15px; {block:IfNOTShowPostsButton} margin: 25px auto 23px; {/block:IfNOTShowPostsButton} max-height: 149px; overflow: hidden; text-align: center; width: auto; {block:PermalinkPage} display: none; {/block:PermalinkPage} } #header .header #about-box #links-container span, #header .header #about-box #links-container a { border: 2px solid {color:Header Links}; color:{color:Header Links}; display: block; font-size: 13px; cursor: pointer; font-family: {font:Text}; font-weight: bold; height: auto; letter-spacing: 1px; margin: 0 auto 2px; padding: 4px 15px; text-decoration: none; text-transform: uppercase; width: 42%; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } #header .header #about-box #links-container span:hover, #header .header #about-box #links-container a:hover { background: rgba({RGBcolor:Header Links Hover}, 0.6) none repeat scroll 0 0; } #header .header #about-box #down-box { height: auto; line-height: 100%; margin: 0 auto 22px; text-align: center; width: auto; -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; {block:PermalinkPage} display:none; {/block:PermalinkPage} } #header .header #about-box #down-box a.scrolldown { background: {color:Show Posts Button Background} none repeat scroll 0 0; border: 2px solid {color:Show Posts Button Background}; color:{color:Show Posts Button Text}; display: block; font-size: 13px; cursor: pointer; font-family: {font:Text}; font-weight: bold; height: auto; letter-spacing: 1px; margin: 0 auto 1.5px; padding: 4px 15px; text-decoration: none; text-transform: uppercase; width: 42%; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } #header .header #about-box #down-box a.scrolldown:hover { background: rgba({RGBcolor:Header Links Hover}, 0.6) none repeat scroll 0 0; } #header .header #about-box #social-container { display: block; height: 59px; margin: 0 auto; overflow: hidden; position: relative; width: 60%; {block:PermalinkPage} display: none; {/block:PermalinkPage} } #header .header #about-box #social-container a { border-radius: 80px; border: 2px solid; display: inline-block; font-size: 25px; margin: 0 auto; padding: 15px; text-align: center; text-decoration: none; text-transform: uppercase; width: 25px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } #header .header #about-box #social-container.off a.fa-facebook { background: rgba(59, 89, 152, 0.7) none repeat scroll 0 0; border: 2px solid rgba(59, 89, 152, 1); color: #ffffff; } #header .header #about-box #social-container.off a.fa-behance { background: rgba(0, 92, 253, 0.7) none repeat scroll 0 0; border: 2px solid rgba(0, 92, 253, 1); color: #ffffff; } #header .header #about-box #social-container.off a.fa-twitter { background: rgba(68, 204, 246, 0.7) none repeat scroll 0 0; border: 2px solid rgba(68, 204, 246, 1); color: #ffffff; } #header .header #about-box #social-container.off a.fa-youtube { background: rgba(206, 51, 45, 0.7) none repeat scroll 0 0; border: 2px solid rgba(206, 51, 45, 1); color: #ffffff; } #header .header #about-box #social-container.off a.fa-soundcloud { background: rgba(252, 124, 14, 0.7) none repeat scroll 0 0; border: 2px solid rgba(252, 124, 14, 1); color: #ffffff; padding: 15px 20px 15px 10px; } #header .header #about-box #social-container.off a.fa-google-plus { background: rgba(207, 63, 45, 0.7) none repeat scroll 0 0; border: 2px solid rgba(207, 63, 45, 1); color: #ffffff; } #header .header #about-box #social-container.off a.fa-dribbble { background: rgba(234, 76, 137, 0.7) none repeat scroll 0 0; border: 2px solid rgba(234, 76, 137, 1); color: #ffffff; } #header .header #about-box #social-container.off a.fa-tumblr { background: rgba(39, 65, 82, 0.7) none repeat scroll 0 0; border: 2px solid rgba(39, 65, 82, 1); color: #ffffff; } #header .header #about-box #social-container.off a.fa-pinterest-square { background: rgba(203, 32, 39, 0.7) none repeat scroll 0 0; border: 2px solid rgba(203, 32, 39, 1); color: #ffffff; } #header .header #about-box #social-container.off a.fa-instagram { background: rgba(39, 65, 82, 0.7) none repeat scroll 0 0; border: 2px solid rgba(39, 65, 82, 1); color: #ffffff; } #header .header #about-box #social-container.off a.fa-vimeo-square { background: rgba(133, 200, 238, 0.7) none repeat scroll 0 0; border: 2px solid rgba(133, 200, 238, 1); color: #ffffff; } #header .header #about-box #social-container.off a.fa-facebook:hover { background: rgba(59, 89, 152, 1) none repeat scroll 0 0; } #header .header #about-box #social-container.off a.fa-behance:hover { background: rgba(0, 92, 253, 1) none repeat scroll 0 0; } #header .header #about-box #social-container.off a.fa-twitter:hover { background: rgba(68, 204, 246, 1) none repeat scroll 0 0; } #header .header #about-box #social-container.off a.fa-youtube:hover { background: rgba(206, 51, 45, 1) none repeat scroll 0 0; } #header .header #about-box #social-container.off a.fa-soundcloud:hover { background: rgba(252, 124, 14, 1) none repeat scroll 0 0; } #header .header #about-box #social-container.off a.fa-google-plus:hover { background: rgba(207, 63, 45, 1) none repeat scroll 0 0; } #header .header #about-box #social-container.off a.fa-dribbble:hover { background: rgba(234, 76, 137, 1) none repeat scroll 0 0; } #header .header #about-box #social-container.off a.fa-tumblr:hover { background: rgba(39, 65, 82, 1) none repeat scroll 0 0; } #header .header #about-box #social-container.off a.fa-pinterest-square:hover { background: rgba(203, 32, 39, 1) none repeat scroll 0 0; } #header .header #about-box #social-container.off a.fa-instagram:hover { background: rgba(39, 65, 82, 1) none repeat scroll 0 0; } #header .header #about-box #social-container.off a.fa-vimeo-square:hover { background: rgba(133, 200, 238, 1) none repeat scroll 0 0; } #header .header #about-box #social-container.cho a.fa-facebook { color: {color:social icons}; } #header .header #about-box #social-container.cho a.fa-behance { color: {color:social icons}; } #header .header #about-box #social-container.cho a.fa-twitter { color: {color:social icons}; } #header .header #about-box #social-container.cho a.fa-youtube { color: {color:social icons}; } #header .header #about-box #social-container.cho a.fa-soundcloud { color: {color:social icons}; padding: 15px 20px 15px 10px; } #header .header #about-box #social-container.cho a.fa-google-plus { color: {color:social icons}; } #header .header #about-box #social-container.cho a.fa-dribbble { color: {color:social icons}; } #header .header #about-box #social-container.cho a.fa-tumblr { color: {color:social icons}; } #header .header #about-box #social-container.cho a.fa-pinterest-square { color: {color:social icons}; } #header .header #about-box #social-container.cho a.fa-instagram { color: {color:social icons}; } #header .header #about-box #social-container.cho a.fa-vimeo-square { color: {color:social icons}; } #header .header #about-box #social-container.cho a.fa-facebook:hover { background: rgba(59, 89, 152, 1) none repeat scroll 0 0; } #header .header #about-box #social-container.cho a.fa-behance:hover { background: rgba(0, 92, 253, 1) none repeat scroll 0 0; } #header .header #about-box #social-container.cho a.fa-twitter:hover { background: rgba(68, 204, 246, 1) none repeat scroll 0 0; } #header .header #about-box #social-container.cho a.fa-youtube:hover { background: rgba(206, 51, 45, 1) none repeat scroll 0 0; } #header .header #about-box #social-container.cho a.fa-soundcloud:hover { background: rgba(252, 124, 14, 1) none repeat scroll 0 0; } #header .header #about-box #social-container.cho a.fa-google-plus:hover { background: rgba(207, 63, 45, 1) none repeat scroll 0 0; } #header .header #about-box #social-container.cho a.fa-dribbble:hover { background: rgba(234, 76, 137, 1) none repeat scroll 0 0; } #header .header #about-box #social-container.cho a.fa-tumblr:hover { background: rgba(39, 65, 82, 1) none repeat scroll 0 0; } #header .header #about-box #social-container.cho a.fa-pinterest-square:hover { background: rgba(203, 32, 39, 1) none repeat scroll 0 0; } #header .header #about-box #social-container.cho a.fa-instagram:hover { background: rgba(39, 65, 82, 1) none repeat scroll 0 0; } #header .header #about-box #social-container.cho a.fa-vimeo-square:hover { background: rgba(133, 200, 238, 1) none repeat scroll 0 0; } .parallax-window { padding: 170px 0 230px; background: transparent; } #content { margin:auto; padding: 0 50px; position: relative; z-index: 20; /* -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; */ } #infscr-loading { background: #ffffff none repeat scroll 0 0; border: medium none; border-radius: 4px; bottom: -50px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); color: #000000; font-size: 10px; height: auto; left: 49%; margin-left: -15px; opacity: 1; padding: 8px; position: absolute; text-align: center; text-transform: uppercase; width: auto; } #infscr-loading img { text-align: center; size: 10px; left: 20px; } #content.center { margin: 0 auto 30px; padding: 40px 0 0; } #content.center-180-1 { width: 99%; } #content.center-180-5 { width: 95%; } #content.center-180-30 { width: 98%; } #content.center-180-50 { width: 95%; } #content.center-250-1 { width: 95%; } #content.center-250-5 { width: 95%; } #content.center-250-30 { width: 95%; } #content.center-250-50 { width: 95%; } #content.center-350-1 { width:95%; } #content.center-350-5 { width:95%; } #content.center-350-30 { width:95%; } #content.center-350-50 { width:95%; } #content.center-400-1 { width:93%; } #content.center-400-5 { width:93%; } #content.center-400-30 { width:93%; } #content.center-400-50 { width:95%; } #content.center-600-1 { width:99%; } #content.center-600-5 { width:99%; } #content.center-600-30 { width:99%; } #content.center-600-50 { width:99%; } #content #loading { height: auto; margin: 0 auto; opacity: 1; position: absolute; width: 100%; {block:PermalinkPage} display: none; {/block:PermalinkPage} } #content #loading img { margin: 0 auto; width: 90px; } #content #post-content { margin: 0 auto 50px; display:none; {block:PermalinkPage} display: block; padding: 0 20px; width: 1140px; margin: 0 auto 50px; {/block:PermalinkPage} } #content.center #post-content { margin: 0 auto 70px; {block:PermalinkPage} margin: 0 auto 0; {/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; border-radius: 2px; } #content #post-content #other-pages {} #content #post-content #other-pages h3 { font-family: {font:Text}; font-size: 12px; letter-spacing: 0; line-height: 100%; font-weight: bold; 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; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); width:{select:Post Width}px; position: relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; {block:PermalinkPage} width: 580px; box-shadow: 0 15px 15px rgba(0, 0, 0, 0); display: block; padding: 0 0 20px; margin: 0 auto; {block:PermalinkPage} } #content #post-content #post .text{ width:auto; } #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: 520px !important; } #content.post-width-250-30 #post.video { width: 540px !important; } #content.post-width-250-50 #post.video { width: 560px !important; } #content #post-content #post #inner-post { position: relative; border-radius: 2px; {block:ifShowPostBorder} padding: 8px; {/block:ifShowPostBorder} {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 { padding:20px; color:{color:Post captions}; font-size: 10px; line-height: 125%; padding: 15px; overflow:hidden; 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 p { cursor: default; font-size: 9px; opacity: 0.5; text-align: center; text-transform: uppercase; 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:hover #inner-post #post-container p { opacity:1; } #content #post-content #post #inner-post #post-container a { text-decoration: none; color:{color:post captions}; text-align: center; } #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; border-radius: 1px; } #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 { color:{color:post captions}; font-size: 15px; font-weight: bold; cursor: default; margin: 0 0 15px; 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 #caption { padding: 0 15px; } #content #post-content #post #caption p { color:{color:post captions}; margin: 8px 0 2px; } #content #post-content #post #caption a { margin: 20px 0 0 0; color:{color:post captions}; } #content #post-content #post blockquote { padding: 0 0 2px 5px; overflow: hidden; } #content #post-content #post blockquote p { color:{color:post captions}; margin: 8px 0 2px; } #content #post-content #post #caption blockquote {} #content #post-content #post #caption blockquote a { border-bottom: 1px solid; color:{color:post captions}; font-weight: bold; line-height: 150%; } #content #post-content #post #caption blockquote h2 { color:{color:post captions}; margin: 13px 0 } #content #post-content #post #caption blockquote pre { color:{color:post captions}; margin: 13px 0; } /* 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}) url("http://static.tumblr.com/8rdzlhn/ZKBoe4hiy/screen-pattern.png") 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 { color: #000000; display: inline-block; font-family: 'Montserrat', sans-serif; font-size: 12px; line-height: 100%; position: relative; text-transform: uppercase; opacity:0; visibility: hidden; z-index: 5; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 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 #box.post-width-180 { left: 50%; position: absolute; top: 6%; transform: translate(-50%, 0%); width: 80%; } #content #post-content #post #photo #hover #box.post-width-180 a:hover { opacity:0.6; } #content #post-content #post #photo #hover #box #box1 { display: block; } #content #post-content #post #photo #hover #box.post-width-180 .highres { color: {color:Post Hover Button}; display: inline-block; font-family: "Montserrat",sans-serif; font-size: 12px; font-weight: bold; letter-spacing: 1.2px; margin: 0 auto; padding: 11px 0 8px; text-align: left; width: auto; -webkit-transition-delay: 0.25s; -moz-transition-delay: 0.25s; -ie-transition-delay: 0.25s; transition-delay: 0.25s; } #content #post-content #post #photo #hover #box #box2 { display: block; } #content #post-content #post #photo #hover #box.post-width-180 .notes { color: {color:Post Hover Button}; display: inline-block; font-family: "Montserrat",sans-serif; font-size: 12px; font-weight: bold; letter-spacing: 1.2px; margin: 0 auto; padding: 11px 0 8px; text-align: left; width: auto; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -ie-transition-delay: 0.3s; transition-delay: 0.3s; } #content #post-content #post #photo #hover #box #box3 { display: block; } #content #post-content #post #photo #hover #box.post-width-180 .permalink { color: {color:Post Hover Button}; display: inline-block; font-family: "Montserrat",sans-serif; font-size: 12px; font-weight: bold; letter-spacing: 1.2px; margin: 0 auto; padding: 11px 0 8px; text-align: left; width: auto; -webkit-transition-delay: 0.35s; -moz-transition-delay: 0.35s; -ie-transition-delay: 0.35s; transition-delay: 0.35s; } #content #post-content #post #photo #hover #box #box4 { display: block; } #content #post-content #post #photo #hover #box.post-width-180 .reblog { color: {color:Post Hover Button}; display: inline-block; font-family: "Montserrat",sans-serif; font-size: 12px; font-weight: bold; letter-spacing: 1.2px; margin: 0 auto; padding: 11px 0 8px; text-align: left; width: auto; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ie-transition-delay: 0.4s; transition-delay: 0.4s; } #content #post-content #post #photo #hover #box.post-width-250 { left: 50%; position: absolute; top: 6%; transform: translate(-50%, 0%); width: 80%; } #content #post-content #post #photo #hover #box.post-width-250 a:hover { opacity: 0.6; } #content #post-content #post #photo #hover #box.post-width-250 .highres { color: {color:Post Hover Button}; display: inline-block; font-family: "Montserrat",sans-serif; font-size: 12px; font-weight: bold; letter-spacing: 1.2px; margin: 0 auto; padding: 11px 0 8px; text-align: left; width: auto; -webkit-transition-delay: 0.25s; -moz-transition-delay: 0.25s; -ie-transition-delay: 0.25s; transition-delay: 0.25s; } #content #post-content #post #photo #hover #box.post-width-250 .notes { color: {color:Post Hover Button}; display: inline-block; font-family: "Montserrat",sans-serif; font-size: 12px; font-weight: bold; letter-spacing: 1.2px; margin: 0 auto; padding: 11px 0 8px; text-align: left; width: auto; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -ie-transition-delay: 0.3s; transition-delay: 0.3s; } #content #post-content #post #photo #hover #box.post-width-250 .permalink { color: {color:Post Hover Button}; display: inline-block; font-family: "Montserrat",sans-serif; font-size: 12px; font-weight: bold; letter-spacing: 1.2px; margin: 0 auto; padding: 11px 0 8px; text-align: left; width: auto; -webkit-transition-delay: 0.35s; -moz-transition-delay: 0.35s; -ie-transition-delay: 0.35s; transition-delay: 0."5"s; } #content #post-content #post #photo #hover #box.post-width-250 .reblog { color: {color:Post Hover Button}; display: inline-block; font-family: "Montserrat",sans-serif; font-size: 12px; font-weight: bold; letter-spacing: 1.2px; margin: 0 auto; padding: 11px 0 8px; text-align: left; width: auto; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ie-transition-delay: 0.4s; transition-delay: 0.4s; } #content #post-content #post #photo #hover #box.post-width-350 { left: 50%; position: absolute; top: 6%; transform: translate(-50%, 0%); width: 80%; } #content #post-content #post #photo #hover #box.post-width-350 a:hover { opacity: 0.6; } #content #post-content #post #photo #hover #box.post-width-350 .highres { color: {color:Post Hover Button}; display: inline-block; font-family: "Montserrat",sans-serif; font-size: 14px; font-weight: bold; letter-spacing: 1.2px; margin: 0 auto; padding: 11px 0 8px; text-align: left; width: auto; -webkit-transition-delay: 0.25s; -moz-transition-delay: 0.25s; -ie-transition-delay: 0.25s; transition-delay: 0.25s; } #content #post-content #post #photo #hover #box.post-width-350 .notes { color: {color:Post Hover Button}; display: inline-block; font-family: "Montserrat",sans-serif; font-size: 14px; font-weight: bold; letter-spacing: 1.2px; margin: 0 auto; padding: 11px 0 8px; text-align: left; width: auto; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -ie-transition-delay: 0.3s; transition-delay: 0.3s; } #content #post-content #post #photo #hover #box.post-width-350 .permalink { color: {color:Post Hover Button}; display: inline-block; font-family: "Montserrat",sans-serif; font-size: 14px; font-weight: bold; letter-spacing: 1.2px; margin: 0 auto; padding: 11px 0 8px; text-align: left; width: auto; -webkit-transition-delay: 0.35s; -moz-transition-delay: 0.35s; -ie-transition-delay: 0.35s; transition-delay: 0.35s; } #content #post-content #post #photo #hover #box.post-width-350 .reblog { color: {color:Post Hover Button}; display: inline-block; font-family: "Montserrat",sans-serif; font-size: 14px; font-weight: bold; letter-spacing: 1.2px; margin: 0 auto; padding: 11px 0 8px; text-align: left; width: auto; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ie-transition-delay: 0.4s; transition-delay: 0.4s; } #content #post-content #post #photo #hover #box.post-width-400 { left: 50%; position: absolute; top: 6%; transform: translate(-50%, 0%); width: 80%; } #content #post-content #post #photo #hover #box.post-width-400 a:hover { opacity: 0.6; } #content #post-content #post #photo #hover #box.post-width-400 .highres { color: {color:Post Hover Button}; display: inline-block; font-family: "Montserrat",sans-serif; font-size: 15px; font-weight: bold; letter-spacing: 1.2px; margin: 0 auto; padding: 11px 0 8px; text-align: left; width: auto; -webkit-transition-delay: 0.25s; -moz-transition-delay: 0.25s; -ie-transition-delay: 0.25s; transition-delay: 0.25s; } #content #post-content #post #photo #hover #box.post-width-400 .notes { color: {color:Post Hover Button}; display: inline-block; font-family: "Montserrat",sans-serif; font-size: 15px; font-weight: bold; letter-spacing: 1.2px; margin: 0 auto; padding: 11px 0 8px; text-align: left; width: auto; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -ie-transition-delay: 0.3s; transition-delay: 0.3s; } #content #post-content #post #photo #hover #box.post-width-400 .permalink { color: {color:Post Hover Button}; display: inline-block; font-family: "Montserrat",sans-serif; font-size: 15px; font-weight: bold; letter-spacing: 1.2px; margin: 0 auto; padding: 11px 0 8px; text-align: left; width: auto; -webkit-transition-delay: 0.35s; -moz-transition-delay: 0.35s; -ie-transition-delay: 0.35s; transition-delay: 0.35s; } #content #post-content #post #photo #hover #box.post-width-400 .reblog { color: {color:Post Hover Button}; display: inline-block; font-family: "Montserrat",sans-serif; font-size: 15px; font-weight: bold; letter-spacing: 1.2px; margin: 0 auto; padding: 11px 0 8px; text-align: left; width: auto; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ie-transition-delay: 0.4s; transition-delay: 0.4s; } #content #post-content #post #photo #hover #box.post-width-600 { left: 50%; position: absolute; top: 6%; transform: translate(-50%, 0%); width: 80%; } #content #post-content #post #photo #hover #box.post-width-600 a:hover { opacity: 0.6; } #content #post-content #post #photo #hover #box.post-width-600 .highres { color: {color:Post Hover Button}; display: inline-block; font-family: "Montserrat",sans-serif; font-size: 20px; font-weight: bold; letter-spacing: 1.2px; margin: 0 auto; padding: 11px 0 8px; text-align: left; width: auto; -webkit-transition-delay: 0.25s; -moz-transition-delay: 0.25s; -ie-transition-delay: 0.25s; transition-delay: 0.25s; } #content #post-content #post #photo #hover #box.post-width-600 .notes { color: {color:Post Hover Button}; display: inline-block; font-family: "Montserrat",sans-serif; font-size: 20px; font-weight: bold; letter-spacing: 1.2px; margin: 0 auto; padding: 11px 0 8px; text-align: left; width: auto; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -ie-transition-delay: 0.3s; transition-delay: 0.3s; } #content #post-content #post #photo #hover #box.post-width-600 .permalink { color: {color:Post Hover Button}; display: inline-block; font-family: "Montserrat",sans-serif; font-size: 20px; font-weight: bold; letter-spacing: 1.2px; margin: 0 auto; padding: 11px 0 8px; text-align: left; width: auto; -webkit-transition-delay: 0.35s; -moz-transition-delay: 0.35s; -ie-transition-delay: 0.35s; transition-delay: 0.35s; } #content #post-content #post #photo #hover #box.post-width-600 .reblog { color: {color:Post Hover Button}; display: inline-block; font-family: "Montserrat",sans-serif; font-size: 20px; font-weight: bold; letter-spacing: 1.2px; margin: 0 auto; padding: 11px 0 8px; text-align: left; width: auto; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ie-transition-delay: 0.4s; transition-delay: 0.4s; } /* Chat Post */ #content #post-content #post #chat { list-style:none; margin:0; } #content #post-content #post #chat li { padding:5px 0; } #content #post-content #post #chat li:first-child { padding-top:0; } #content #post-content #post #chat li:last-child { padding-bottom:0; } #content #post-content #post #chat li span { font-weight:bold; } /* Ask Post */ #content #post-content #post #ask { cursor: default; } #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: 10px 0; } #content #post-content #post #video iframe {} #content #post-content #post #video.width-180 {} #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-600 {} #content #post-content #post #video.width-180 iframe { height: 265px; margin: 0 !important; width: 410px; } #content #post-content #post #video.width-250 iframe { height: 265px; margin: 0 !important; width: 480px; } #content #post-content #post #video.width-350 iframe { height: 210px; margin: 0 !important; width: 310px; } #content #post-content #post #video.width-400 iframe { height: 230px; margin: 0 !important; width: 360px; } #content #post-content #post #video.width-600 iframe { height: 230px; margin: 0 !important; width: 560px; } {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: {font:Text}; font-size: 140px; 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 a h3 { font-size: 17px; margin: 0 0 15px; text-align: center; } #content #post-content #post #quote #source { font-size: 9px; text-align: center; text-transform: uppercase; opacity:0.5; cursor: default; -webkit-transition: all 0.35s ease-out 0s; -moz-transition: all 0.35s ease-out 0s; -o-transition: all 0.35s ease-out 0s; transition: all 0.35s ease-out 0s; } #content #post-content #post:hover #quote #source { opacity:1; } /* Audio Post */ #content #post-content #post #audio {} #content #post-content #post #audio #info-side {} #content #post-content #post #audio #info-side #info { list-style: outside none none; margin: 0 0 -1px; } #content #post-content #post #audio #info-side #info li { background: {color:Post Border} none repeat scroll 0 0; font-weight: bold; margin: 0 0 1px; padding: 10px; position: relative; text-transform: uppercase; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #content #post-content #post:hover #audio #info-side #info li { background: {color:Post Border} none repeat scroll 0 0; } #content #post-content #post #audio #info-side #info li span {} #content #post-content #post #audio #info-side #player { overflow:hidden; } #content #post-content #post #audio #info-side #player div { opacity:0.4; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #content #post-content #post:hover #audio #info-side #player div { opacity:0.75; } #content #post-content #post #audio #info-side #player div iframe { display: block; margin: 0 -1px -1px; height: 50px !important; } #content #post-content #post #audio #info-side #player.width-180 div iframe { width: 142px !important; } #content #post-content #post #audio #info-side #player.width-250 div iframe { width: 212px !important; } #content #post-content #post #audio #info-side #player.width-350 div iframe { width: 312px !important; } #content #post-content #post #audio #info-side #player.width-400 div iframe { width: 362px !important; } #content #post-content #post #audio #info-side #player.width-600 div iframe { width: 562px !important; } #content #post-content #post #audio #info-side #player #audio { display:block; } /* Photoset posts */ #content #post-content #post #photoset {} #content #post-content #post #photoset img { display: block; height: auto; width: 100%; margin: 0 0 1px; } #content #post-content #post #photoset img:last-child { margin: 0; } /* Permalink below non-photo-posts */ #content #post-content #post #side-permalink { margin: 10px 0 0; background: {color:Post Border} none repeat scroll 0 0; } #content #post-content #post #side-permalink.photo { display:none; } #content #post-content #post #side-permalink a, #content #post-content #post #side-permalink span { display: inline-block; font-family: {font:Text}; line-height: 100%; padding: 7px 9px; text-decoration: none; color:{color:Post captions}; -webkit-transition: all 0.35s ease-out 0s; -moz-transition: all 0.35s ease-out 0s; -o-transition: all 0.35s ease-out 0s; transition: all 0.35s ease-out 0s; } #content #post-content #post #side-permalink .right { font-family: {font:Text}; text-align: center; } #content #post-content #post #side-permalink .right a, #content #post-content #post #side-permalink .right span { display: inline-block; font-size: 11px; margin: 0 5px 0 0; padding: 8px 5px 6px; text-decoration: none; color:{color:post captions}; font-weight: bold; width: 60px; -webkit-transition: all 0.35s ease-out 0s; -moz-transition: all 0.35s ease-out 0s; -o-transition: all 0.35s ease-out 0s; transition: all 0.35s ease-out 0s; } #content #post-content #post #side-permalink .right a:hover, #content #post-content #post #side-permalink .right span:hover { opacity:0.5; } #content #post-content #post #side-permalink .right #like-button { padding: 9px 6.5px 5px 6.5px; } #content #post-content #post #side-permalink .right #like-button.white { display: none; } #content #post-content #post #side-permalink .right #like-button.black { display: none; } #content #post-content #post #side-permalink .right #like-button div iframe { height: 13px; margin: -2px 0 0; padding: 0; width: 11px; } #content #post-content #post #side-permalink .right .permalink {} #content #post-content #post #side-permalink .right .reblog { } #content #post-content #post #side-permalink .right .day-month-year { } /* Page Navigation : If not infinite scroll */ #content #post-content #post.pagination { height: 62px; } #content #post-content #post.pagination a.prev, #content #post-content #post.pagination a.next { float: right; font-size: 16px; opacity: 0.5; position: relative; z-index: 1; margin: 2px 0 0; -webkit-transition: all 0.35s ease-out 0s; -moz-transition: all 0.35s ease-out 0s; -o-transition: all 0.35s ease-out 0s; transition: all 0.35s ease-out 0s; } #content #post-content #post.pagination a.prev { float:left; } #content #post-content #post.pagination a.prev:hover, #content #post-content #post.pagination a.next:hover { opacity: 1.0; } #content #post-content #post.pagination #jump { left: 50%; margin: 15px 0 0 -150px; overflow: hidden; height:30px; position: absolute; text-align: center; width: 300px; } #content #post-content #post.pagination #jump a, #content #post-content #post.pagination #jump span { display: inline-block; color:{color:Pagination}; font-family: {font:Text}; text-transform: uppercase; font-size: 12px; margin: 0 2px; border-radius: 2px; padding: 9px 0; width: 10%; -webkit-transition: all 0.35s ease-out 0s; -moz-transition: all 0.35s ease-out 0s; -o-transition: all 0.35s ease-out 0s; transition: all 0.35s ease-out 0s; } #content #post-content #post.pagination #jump a { background: {color:Post Border} none repeat scroll 0 0; } #content #post-content #post.pagination #jump a:hover { background: {color:Post Border} none repeat scroll 0 0; } #content #post-content #post.pagination #jump .current-page { background: {color:Post Border} none repeat scroll 0 0; cursor: default; opacity: 0.5; } #content #post-content #post.pagination #jump .jump-page {} #content #post-content #permalink-info { padding: 0 0 20px; } #content #post-content #permalink-info #caption, #content #post-content #permalink-info #tag-list { background: {color:Background 2} none repeat scroll 0 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding: 20px; font-size: 11px; margin: 0 auto 10px; width: 580px; border-radius: 1px; color:{color:text}; } #content #post-content #permalink-info #caption:empty { display: none; } #content #post-content #permalink-info #caption p { color:{color:text}; } #content #post-content #permalink-info #caption a { color:{color:text}; } #content #post-content #permalink-info #caption blockquote { margin: 10px 0 5px 10px; color:{color:text}; } #content #post-content #permalink-info #caption blockquote a { color:{color:text}; padding: 0 5px; } #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; color:{color:text}; } #content #post-content #permalink-info #info-list { display: block; padding: 20px 0; border-radius: 1px; text-align: center; font-size: 11px; margin: 0 auto 10px; width: 580px; } #content #post-content #permalink-info #info-list li { background: {color:Background 2} none repeat scroll 0 0; display: inline-block; cursor: default; margin: 0 2px; font-size: 9px; font-weight: bold; padding: 13px; text-transform: uppercase; color:{color:text}; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } #content #post-content #permalink-info #info-list li:hover { opacity: 0.5; } #content #post-content #permalink-info #info-list li a { display: inline-block; margin: 0 1px; padding: 0 4px; text-transform: uppercase; color:{color:text}; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } #content #post-content #permalink-info #info-list li a:hover { opacity: 0.5; } #content #post-content #permalink-info #info-list li span { cursor: default; } #content #post-content #permalink-info #tag-list { text-align:center; } #content #post-content #permalink-info #tag-list li { display: inline-block; margin: 0 4px 0; text-transform: uppercase; } #content #post-content #permalink-info #tag-list li a { color:{color:text}; opacity: 0.5; } #content #post-content #permalink-info #tag-list li a:hover { opacity: 1; } #content #post-content #permalink-info #notes { background: transparent none repeat scroll 0 0; box-sizing: border-box; display: block; font-size: 11px; margin: 0 auto 1px; padding: 0; width: 580px; } #content #post-content #permalink-info #notes h2 { color:{color:text}; font-family: {font:Text}; background: {color:Background 2} none repeat scroll 0 0; font-size: 12px; font-weight: bold; border-radius: 1px 1px 0 0; height: 20px; margin-top: 10px; padding: 25px 20px 0; position: relative; letter-spacing: 1px; text-transform: uppercase; } #content #post-content #permalink-info #notes ol.notes { list-style-type: none; margin: 0; border-radius: 0 0 1px 1px; padding: 10px 30px; text-align: left; background: {color:Background 2} none repeat scroll 0 0; } #content #post-content #permalink-info #notes ol.notes li.note { display: inline-block; font-weight: normal; margin: 0; overflow: hidden; padding: 0 0 5px; text-align: left; width: 35px; height: 35px; } #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; font-size: 9px; height: auto; margin: 10px 0 0; 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 { color:{color:text}; font-weight: bold; } #content #post-content #permalink-info #notes ol.notes li.note img.avatar { display: inline-block; height: 25px; margin-right: 10px; vertical-align: -5px; 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 {} </style> </head> <body> <div id="background-transparency"></div> <div id="center"> <div id="ask-container"> <div id="ask-display"> <div class="inner"><h2>{AskLabel}</h2><span class="ask-trigger"><i class="fa fa-times" aria-hidden="true"></i></span><iframe height="190" frameborder="0" width="100%" scrolling="no" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" style="background-color:transparent; overflow:hidden;" class="askbox"></iframe></div> </div> </div> <div id="submit-container"> <div id="submit-display"> <div class="inner"><h2>{SubmitLabel}</h2><span class="submit-trigger"><i class="fa fa-times" aria-hidden="true"></i></span><iframe frameborder="0" border="0" scrolling="no" width="100%" height="266" allowtransparency="true" src="http://www.tumblr.com/submit_form/{name}.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe></div> </div> </div> <div id="preloader"> <div class="spinner"> <div class="rect1"></div> <div class="rect2"></div> <div class="rect3"></div> <div class="rect4"></div> <div class="rect5"></div> </div> </div> <div id="fade-trigger"></div> <a href="#menu" class="boxmenu-trigger">Menu<i class="fa fa-bars"></i></a> <div class="box fade-in one"> <div id="menu" class="{select:Slide Sidebar}"> <div id="gradient"></div> <div> <div id="top-masthead"> <div id="portrait"> <a href="http://{name}.tumblr.com"> <img src="{image:Portrait}" /> </a> </div> <div id="title"> <a href="http://{name}.tumblr.com">{Title}</a> </div> <div id="description"> <div class="inner">{Description}</div> </div> {block:IfShowSearchBar} <form action="/search" method="get" id="search"> <input type="text" placeholder="Search..." name="q" value="{URLSafeSearchQuery}" class="search-query"/><i class="fa fa-search"></i> <input type="submit" value="Search" class="submit"/> </form> {/block:IfShowSearchBar} <div id="links-container"> <li> <a href="/">Home</a> </li> {block:AskEnabled} <li> <span class="ask-trigger">{AskLabel}</span> </li> {/block:AskEnabled} {block:SubmissionsEnabled} <li> <span class="submit-trigger">{SubmitLabel}</span> </li> {/block:SubmissionsEnabled} {block:IfShowArchiveLink} <li> <a href="/archive">Archive</a> </li> {/block:IfShowArchiveLink} {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:ifShowLinkDesigner} <li> <a target="_blank" href="http://draftthemes.co/">Designer</a> </li> {/block:ifShowLinkDesigner} </div> {block:IfShowSocialIcons} <div id="social-container" class="{select:Social Icons}"> {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: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:IfTumblrURL} <a href="{Text:Tumblr URL}" class="icon fa fa-tumblr" title="Tumblr"></a> {/block:IfTumblrURL} {block:IfPinterestURL} <a href="{Text:Pinterest URL}" class="icon fa fa-pinterest-square" title="Pinterest"></a> {/block:IfPinterestURL} {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:IfShowSocialIcons} </div> </div> </div> <div class="wrap push"> <header id="header"> <div class="header"> <div id="overlay"></div> <div id="about"> <div id="about-box"> <div id="title"> <a href="http://{name}.tumblr.com">{Title}</a> </div> <div id="sub-title">{text:Header Sub Title}</div> <div id="links-container"> <a href="/">Home</a> {block:AskEnabled} <span class="ask-trigger">{AskLabel}</span> {/block:AskEnabled} {block:SubmissionsEnabled} <span class="submit-trigger">{SubmitLabel}</span> {/block:SubmissionsEnabled} {block:IfShowArchiveLink} <a href="/archive">Archive</a> {/block:IfShowArchiveLink} {block:HasPages} {block:Pages} <a href="{URL}" title="{Label}">{Label}</a> {/block:Pages} {/block:HasPages} {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:ifShowLinkDesigner} <a target="_blank" href="http://draftthemes.co/">Designer</a> {/block:ifShowLinkDesigner} </div> {block:IfShowPostsButton} <div id="down-box"> <a class="scrolldown" href="#content">Show Posts</a> </div> {/block:IfShowPostsButton} {block:IfShowSocialIcons} <div id="social-container" class="{select:Social Icons}"> {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: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:IfTumblrURL} <a href="{Text:Tumblr URL}" class="icon fa fa-tumblr" title="Tumblr"></a> {/block:IfTumblrURL} {block:IfPinterestURL} <a href="{Text:Pinterest URL}" class="icon fa fa-pinterest-square" title="Pinterest"></a> {/block:IfPinterestURL} {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:IfShowSocialIcons} </div> </div> </div> </header> <div id="content" class="center-{select:Post Width}-{select:Post Spacing} post-width-{select:Post Width}-{select:Post Spacing} center"> <div id="post-content" class="center"> {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} <a href="{Permalink}"><h3>{Title}</h3></a> {/block:Title} {Body} {/block:Text} {block:Photo} <div id="photo"> {block:IndexPage} <div id="hover"> <div id="box" class="post-width-{select:Post Width}"> <div id="box1"> <a href="{PhotoURL-HighRes}" class="highres" title="HighRes">Highres</a> </div> <div id="box2"> {block:NoteCount} <a href="{Permalink}" class="notes" title="Notes">{NoteCountWithLabel}</a>{/block:NoteCount} </div> <div id="box3"> <a href="{Permalink}" class="permalink" title="Permalink">Permalink</a> </div> <div id="box4"> <a href="{ReblogURL}" class="reblog" target="_blank" title="Reblog">Reblog</a> </div> </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:Caption} {Caption} {/block:Caption} {/block:Photos} </div> {/block:IndexPage} {block:PermalinkPage} {Photoset-500} {/block:PermalinkPage} {/block:Photoset} {block:Quote} <div id="quote"> <div id="quote_symbol">"</div> <a href="{Permalink}"><h3>{Quote}</h3></a> {block:Source} <div id="source">{Source}</div> {/block:Source} </div> {/block:Quote} {block:Link} <a href="{URL}" class="link" {Target}> <h3>{Name}</h3> </a> {block:Description} <div class="description">{Description}</div> {/block:Description} {/block:Link} {block:Audio} <div id="audio"> <div id="info-side"> <ul id="info"> {block:TrackName} <li><span>Track</span> {TrackName}</li> {/block:TrackName} {block:Artist} <li><span>Artist</span> {Artist}</li> {/block:Artist} {block:PlayCount} <li><span>Play count</span> {PlayCount}</li> {/block:PlayCount} </ul> <div id="player" class="width-{select:Post Width}"> {block:AudioEmbed} <div id="white-audio">{AudioEmbed color="white"}</div> <div id="black-audio">{AudioEmbed color="black"}</div> {/block:AudioEmbed} </div> </div> <div class="clear"></div> </div> {/block:Audio} {block:Chat} {block:Title} <a href="{Permalink}"><h3>{Title}</h3></a> {/block:Title} <ul id="chat"> {block:Lines} <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label} {Line} </li> {/block:Lines} </ul> {/block:Chat} {block:Video} <div id="video" class="width-{select:Post Width}"> {block:IndexPage} {Video-250} {/block:IndexPage} {block:PermalinkPage} <center>{Video-500}</center> {/block:PermalinkPage} </div> {/block:Video} {block:Answer} <div id="ask"> <div id="question"> <span>{Asker}</span> <p>{Question}</p> </div> <div id="answer"> <span {block:Answerer}style="display:none"{block:Answerer}>{Name}</span>{block:Answerer}{Answerer}{/block:Answerer} <p>{Answer}</p> </div> </div> {/block:Answer} </div> <!-- #post-container --> {block:Date}{block:IndexPage} {Block:IfShowPostCaptions}{block:Caption} <div id="caption" class="{select:Text Color} {select:Blog Information}"> <div id="background"></div>{Caption}</div>{/block:Caption} {/Block:IfShowPostCaptions} <div id="side-permalink" class="{block:Photo}photo{/block:Photo}"> <div class="right"> <a href="{Permalink}" class="day-month-year">{DayOfMonth}'{ShortMonth}</a> <a href="{Permalink}" class="permalink" title="Permalink Page" >Permalink</a> <a href="{ReblogURL}" class="reblog" target="_blank" title="Reblog">Reblog</a> <div class="clear"></div> </div> <div class="clear"></div> </div> {/block:IndexPage} {/block:Date} </div> <!-- #inner-post --> </div><!-- end #post --> {block:PermalinkPage} {block:Date} <div id="permalink-info"> {block:Caption} <div id="caption">{Caption}</div> {/block:Caption} {block:HasTags} <ul id="tag-list"> {block:Tags} <li> <a href="{TagURL}" target="_blank">#{Tag}</a> </li> {/block:Tags} <div class="clear"></div> </ul> {/block:HasTags} <ul id="info-list"> {block:NoteCount}<li><span></span>{NoteCountWithLabel}</li>{/block:NoteCount}<li><span>Posted </span>{DayOfMonthWithZero} {Month} {Year}</li>{block:RebloggedFrom}<li><span>source </span><a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a></li>{/block:RebloggedFrom}{block:HighRes}<li><span></span><a href="{PhotoURL-HighRes}" target="_blank">High-Res</a></li>{/block:HighRes}{block:ExternalAudio}<li><a href="{ExternalAudioURL}" target="_blank">Download</a><span>audio file</span></li>{/block:ExternalAudio} <div class="clear"></div> </ul> {block:PostNotes} <div id="notes"> <h2>Notes</h2> {PostNotes-64} </div> {/block:PostNotes} {/block:Date} {/block:PermalinkPage} <!--<div class="clear"></div>--> {/block:Posts} {block:Indexpage} {block:ifNotInfiniteScroll} {block:Pagination} <div id="post" class="pagination"> <div id="inner-post"> {block:PreviousPage} <a href="{PreviousPage}" class="prev icon-left-open"></a> {/block:PreviousPage} {block:NextPage} <a href="{NextPage}" class="next icon-right-open-1"></a> {/block:NextPage} <div id="jump"> {block:JumpPagination length="5"}{block:CurrentPage}<span class="current-page">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump-page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination} </div> <div class="clear"></div> </div> </div> {/block:Pagination} {/block:ifNotInfiniteScroll} {/block:Indexpage} </div> </div><!-- End content --> </div><!-- End center --> </div> </div> {block:ifInfiniteScroll}{block:Pagination}<div class="nav">{block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</div>{/block:Pagination}{/block:ifInfiniteScroll} <script type="text/javascript" src="http://static.tumblr.com/8rdzlhn/YDQov5rq4/dtc.js"></script> <script type="text/javascript"> jQuery(function() { var $wallcenter = $('{block:Indexpage}#post-content{/block:Indexpage}'); $("#caption p").remove(":contains('Source:')"); $("#caption p").remove(":contains('(via')"); $(function () { $(window).scroll(function () { if ($(this).scrollTop() > 200) { $('#fade-trigger').fadeIn(); } else { $('#fade-trigger').fadeOut(); } }); }); $(function() { $('a[href*=#]').on('click', function(e) { e.preventDefault(); $('html, body').animate({ scrollTop: $($(this).attr('href')).offset().top}, 500, 'linear'); }); }); $("#post-content.center").imagesLoaded( function(){ $('#post-content').show(); $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>');} }); }); }); {block:IndexPage} jQuery(document).ready(function($){ // Defining a function to set size for #hero function fullscreen(){ jQuery('.header').css({ height: jQuery(window).height() }); } fullscreen(); // Run the function in case of window resize jQuery(window).resize(function() { fullscreen(); }); }); {/block:IndexPage} $(document).load(function(){ e.preventDefault(); $wallcenter.infinitescroll('retrieve'); }); }); {block:AskEnabled} $(".ask-trigger").click(function() { $("#ask-container").fadeToggle("700"); }); {/block:AskEnabled} {block:SubmissionsEnabled} $(".submit-trigger").click(function() { $("#submit-container").fadeToggle("700"); }); {/block:SubmissionsEnabled} </script> <script src="http://static.tumblr.com/8rdzlhn/jTMnyww2m/bigslid.min.js"></script> <script> $(document).ready(function() { $('.boxmenu-trigger').bigSlide({ side: "{select:Slide Sidebar}", menuWidth: "23em" }); }); </script> <script> function Parallax(){sp = $(this).scrollTop();$("#header").css({"background-position":"50%"+(sp*.3)+"px"});{block:IfHeaderImage}$("#overlay").css({"opacity":.{block:ifShowHeaderBackgroundGradient}6{/block:ifShowHeaderBackgroundGradient}{block:ifNOTShowHeaderBackgroundGradient}{select:Header Background Transparency}{/block:ifNOTShowHeaderBackgroundGradient}+(sp*.001)});{/block:IfHeaderImage}$("#about").css({"opacity":1-(sp*.005)})};$(document).ready(function(){$(window).scroll(function(){Parallax()})}); // makes sure the whole site is loaded jQuery(window).load(function() { // will first fade out the loading animation jQuery(".spinner").fadeOut(); // will fade out the whole DIV that covers the website. jQuery("#preloader").delay(200).fadeOut(1500); }) </script> </body> </html>