Facebook
Tumblr
Copy the code below by pressing CTRL + C on windows or CMD + C on mac.
<!DOCTYPE html> <!--------------------------------------------------------------- Theme Seventh By Draft Themes Last update 03.06.16 Theme Designer: http://www.draft-themes.co/ Support: http://www.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}"> <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="#F5F5F5"/> <meta name="color:Header Background" content="#F5F5F5"/> <meta name="color:MenuBar" content="#F5F5F5"/> <meta name="color:Description Box" content="#FFFFFF"/> <meta name="color:Social Box" content="#FFFFFF"/> <meta name="color:Text" content="#3C3C3C"/> <meta name="color:Title" content="#3C3C3C"/> <meta name="color:Description" content="#3C3C3C"/> <meta name="color:Links" content="#3C3C3C"/> <meta name="color:Links Hover" content="#000000"/> <meta name="color:Pagination" content="#000000"/> <meta name="color:Social Icons" content="#3C3C3C"/> <meta name="color:Chevron Up" content="#ffffff"/> <meta name="color:Post Border" content="#3C3C3C"/> <meta name="color:Portrait Border" content="#3C3C3C"/> <meta name="color:Post Hover Background" content="#3C3C3C"/> <meta name="color:Photo Hover Button" content="#ffffff"/> <meta name="color:Gradient Top" content="#3C3C3C"/> <meta name="color:Gradient Bottom" content="#3C3C3C"/> <meta name="if:Infinite Scroll" content="1" /> <meta name="if:Post Hover Gradient" content="0" /> <meta name="if:Show Post Captions" content="0" /> <meta name="if:Social Icons Color" content="0"/> <meta name="if:Portrait Border" content="0" /> <meta name="if:Title Border" content="0" /> <meta name="if:Post Border" content="0" /> <meta name="if:Show Archive Link" content="1" /> <meta name="if:Show Description" content="1" /> <meta name="if:Show Search Bar" content="0" /> <meta name="image:Header" content=""> <meta name="image:Portrait" content=""> <meta name="select:Post Width" content="250" title="250px"> <meta name="select:Post Width" content="350" title="350px"> <meta name="select:Post Width" content="400" title="400px"> <meta name="select: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:Border Style" content="solid" title="Solid"> <meta name="select:Border Style" content="dashed" title="Dashed"> <meta name="select:Border Style" content="dotted" title="Dotted"> <meta name="select:Font" content="fjalla_one" title="Fjalla One"> <meta name="select:Font" content="raleway" title="Raleway"> <meta name="select:Font" content="montserrat" title="Montserrat"> <meta name="select:Title Size" content="30" title="30px"> <meta name="select:Title Size" content="40" title="40px"> <meta name="select:Title Size" content="50" title="50px"> <meta name="select:Title Size" content="60" title="60px"> <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:Pinterest URL" content="" /> <meta name="text:Tumblr 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 href='https://fonts.googleapis.com/css?family=Montserrat|Raleway|Fjalla+One' rel='stylesheet' type='text/css'> <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}", sans-serif; font-weight: normal; background-color:{color:background}; color:{color:Text}; } a { text-decoration: none; color:{color:links}; } 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:links}; } ::-webkit-input-placeholder { opacity: 1 !important; color:{color:links}; } :-moz-placeholder { opacity: 1 !important; color:{color:links}; } ::-moz-placeholder { opacity: 1 !important; color:{color:links}; } :-ms-input-placeholder { opacity: 1 !important; color:{color:links}; } ::-ms-input-placeholder { opacity: 1 !important; color:{color:links}; } body #background-transparency { z-index: 0; position:fixed; top: 0; bottom: 0; left: 0; right: 0; } #masthead { box-sizing: border-box; font-family: "{select:font}", sans-serif; overflow: hidden; background-attachment:fixed; margin: 0 auto; background: url("{image:Header}") repeat fixed center center / cover; background-color: {color:header background}; position: relative; {block:IfnotPortraitImage} height: auto; {/block:IfnotPortraitImage} } {block:ifHeaderImage} #masthead #header-transparency { background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.78) 50%, rgba(0,0,0,0.78) 51%, rgba(0,0,0,0.85) 71%, rgba(0,0,0,0.95) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.6)), color-stop(50%, rgba(0,0,0,0.78)), color-stop(51%, rgba(0,0,0,0.78)), color-stop(71%, rgba(0,0,0,0.85)), color-stop(100%, rgba(0,0,0,0.95))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.78) 50%, rgba(0,0,0,0.78) 51%, rgba(0,0,0,0.85) 71%, rgba(0,0,0,0.95) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.78) 50%, rgba(0,0,0,0.78) 51%, rgba(0,0,0,0.85) 71%, rgba(0,0,0,0.95) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.78) 50%, rgba(0,0,0,0.78) 51%, rgba(0,0,0,0.85) 71%, rgba(0,0,0,0.95) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.78) 50%, rgba(0,0,0,0.78) 51%, rgba(0,0,0,0.85) 71%, rgba(0,0,0,0.95) 100%); } {/block:ifHeaderImage} #masthead #top-masthead { height: auto; padding: 80px 0 150px; position: relative; text-align: center; } #masthead #portrait { box-sizing: border-box; display: inline-block; position: relative; margin: 0 auto; width: auto; padding: 0 0 15px; {block:IfnotPortraitImage} display: none; {/block:IfnotPortraitImage} } #masthead #portrait img { border-radius: 2px; height: 140px; padding: 0; width: 140px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); {block:IfPortraitBorder} border: 15px solid rgba({RGBcolor:Portrait Border}, 0.7); {/block:IfPortraitBorder} {block:IfNOTPortraitBorder} border:none; {/block:IfNOTPortraitBorder} } #masthead #masthead-box { margin: 0; overflow: hidden; padding: 0 0 45px; } #masthead #masthead-box #title { {block:IfPortraitImage} display:none; {/block:IfPortraitImage} margin: 0; width: auto; padding: 0 0 10px; } #masthead #masthead-box #title a { {block:IfTitleBorder} border: 3px {select:Border Style} {color:title}; border-radius: 2px; {/block:IfTitleBorder} color:{color:title}; display: inline-block; font-family: "{select:font}", sans-serif; height: auto; letter-spacing: 2px; padding: 10px 20px; text-decoration: none; font-size: {select:Title Size}px; text-shadow: 0 0 1px rgba(0, 0, 0, 0.1); } #masthead #masthead-box #description-container { line-height: 130%; display:block; padding: 0 0 15px; {block:IfPortraitImage} padding: 1px 5px 3px; {/block:IfPortraitImage} {block:IfNotShowDescription} display:none; {/block:IfNotShowDescription} } #masthead #masthead-box #description-container .inner { clear: both; margin: 0 auto; width: 350px; } #masthead #masthead-box #description-container .inner #myTypingText { {block:IfPortraitImage} background: rgba({RGBcolor:Description box}, 0.7) none repeat scroll 0 0; padding: 10px 5px; border-radius: 2px; width: 260px; {/block:IfPortraitImage} font-size: 12px; font-weight: bold; display: inline-block; color: {color:description}; text-align: center; font-family: "{select:font}", sans-serif; text-shadow: 0 0 1px rgba(0, 0, 0, 0.1); } #masthead #social { {block:IfPortraitImage} background: rgba({RGBcolor:Social box}, 0.7) none repeat scroll 0 0; {/block:IfPortraitImage} border-radius: 2px; display: inline-block; margin: 0 auto; padding: 5px; width: 260px; } #masthead #social a { display: inline-block; height: 28px; line-height: 29px; text-decoration: none; font-size: 18px; width: 28px; margin: 0 3px; 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; } #masthead #social a.fa-facebook { {block:ifNOTSocialIconsColor} color: {color:social icons}; {/block:ifNOTSocialIconsColor} {block:ifSocialIconsColor} color: rgba(59, 89, 152, 1); {block:ifSocialIconsColor} } #masthead #social a.fa-behance { {block:ifNOTSocialIconsColor} color: {color:social icons}; {/block:ifNOTSocialIconsColor} {block:ifSocialIconsColor} color: rgba(0, 92, 253, 1); {block:ifSocialIconsColor} } #masthead #social a.fa-twitter { {block:ifNOTSocialIconsColor} color: {color:social icons}; {/block:ifNOTSocialIconsColor} {block:ifSocialIconsColor} color: rgba(68, 204, 246, 1); {block:ifSocialIconsColor} } #masthead #social a.fa-youtube { {block:ifNOTSocialIconsColor} color: {color:social icons}; {/block:ifNOTSocialIconsColor} {block:ifSocialIconsColor} color: rgba(206, 51, 45, 1); {block:ifSocialIconsColor} } #masthead #social a.fa-soundcloud { {block:ifNOTSocialIconsColor} color: {color:social icons}; {/block:ifNOTSocialIconsColor} {block:ifSocialIconsColor} color: rgba(252, 124, 14, 1); {block:ifSocialIconsColor} } #masthead #social a.fa-google-plus { {block:ifNOTSocialIconsColor} color: {color:social icons}; {/block:ifNOTSocialIconsColor} {block:ifSocialIconsColor} color: rgba(207, 63, 45, 1); {block:ifSocialIconsColor} } #masthead #social a.fa-dribbble { {block:ifNOTSocialIconsColor} color: {color:social icons}; {/block:ifNOTSocialIconsColor} {block:ifSocialIconsColor} color: rgba(234, 76, 137, 1); {block:ifSocialIconsColor} } #masthead #social a.fa-pinterest-square { {block:ifNOTSocialIconsColor} color: {color:social icons}; {/block:ifNOTSocialIconsColor} {block:ifSocialIconsColor} color: rgba(203, 32, 39, 1); {block:ifSocialIconsColor} } #masthead #social a.fa-tumblr { {block:ifNOTSocialIconsColor} color: {color:social icons}; {/block:ifNOTSocialIconsColor} {block:ifSocialIconsColor} color: rgba(39, 65, 82, 1); {block:ifSocialIconsColor} } #masthead #social a.fa-instagram { {block:ifNOTSocialIconsColor} color: {color:social icons}; {/block:ifNOTSocialIconsColor} {block:ifSocialIconsColor} color: rgba(81, 127, 163, 1); {block:ifSocialIconsColor} } #masthead #social a.fa-vimeo-square { {block:ifNOTSocialIconsColor} color: {color:social icons}; {/block:ifNOTSocialIconsColor} {block:ifSocialIconsColor} color: rgba(133, 200, 238, 1); {block:ifSocialIconsColor} } #masthead #social a.fa-facebook:hover { {block:ifNOTSocialIconsColor} color: rgba(59, 89, 152, 1); {/block:ifNOTSocialIconsColor} {block:ifSocialIconsColor} background: rgba(59, 89, 152, 1) none repeat scroll 0 0; color: #ffffff; border-radius: 2px; {block:ifSocialIconsColor} } #masthead #social a.fa-behance:hover { {block:ifNOTSocialIconsColor} color: rgba(0, 92, 253, 1); {/block:ifNOTSocialIconsColor} {block:ifSocialIconsColor} background: rgba(0, 92, 253, 1) none repeat scroll 0 0; color: #ffffff; border-radius: 2px; {block:ifSocialIconsColor} } #masthead #social a.fa-twitter:hover { {block:ifNOTSocialIconsColor} color: rgba(68, 204, 246, 1); {/block:ifNOTSocialIconsColor} {block:ifSocialIconsColor} background: rgba(68, 204, 246, 1) none repeat scroll 0 0; color: #ffffff; border-radius: 2px; {block:ifSocialIconsColor} } #masthead #social a.fa-youtube:hover { {block:ifNOTSocialIconsColor} color: rgba(206, 51, 45, 1); {/block:ifNOTSocialIconsColor} {block:ifSocialIconsColor} background: rgba(206, 51, 45, 1) none repeat scroll 0 0; color: #ffffff; border-radius: 2px; {block:ifSocialIconsColor} } #masthead #social a.fa-soundcloud:hover { {block:ifNOTSocialIconsColor} color: rgba(252, 124, 14, 1); {/block:ifNOTSocialIconsColor} {block:ifSocialIconsColor} background: rgba(252, 124, 14, 1) none repeat scroll 0 0; color: #ffffff; border-radius: 2px; {block:ifSocialIconsColor} } #masthead #social a.fa-google-plus:hover { {block:ifNOTSocialIconsColor} color: rgba(207, 63, 45, 1); {/block:ifNOTSocialIconsColor} {block:ifSocialIconsColor} background: rgba(207, 63, 45, 1) none repeat scroll 0 0; color: #ffffff; border-radius: 2px; {block:ifSocialIconsColor} } #masthead #social a.fa-dribbble:hover { {block:ifNOTSocialIconsColor} color: rgba(234, 76, 137, 1); {/block:ifNOTSocialIconsColor} {block:ifSocialIconsColor} background: rgba(234, 76, 137, 1) none repeat scroll 0 0; color: #ffffff; border-radius: 2px; {block:ifSocialIconsColor} } #masthead #social a.fa-pinterest-square:hover { {block:ifNOTSocialIconsColor} color: rgba(203, 32, 39, 1); {/block:ifNOTSocialIconsColor} {block:ifSocialIconsColor} background: rgba(203, 32, 39, 1) none repeat scroll 0 0; color: #ffffff; border-radius: 2px; {block:ifSocialIconsColor} } #masthead #social a.fa-tumblr:hover { {block:ifNOTSocialIconsColor} color: rgba(39, 65, 82, 1); {/block:ifNOTSocialIconsColor} {block:ifSocialIconsColor} background: rgba(39, 65, 82, 1) none repeat scroll 0 0; color: #ffffff; border-radius: 2px; {block:ifSocialIconsColor} } #masthead #social a.fa-instagram:hover { {block:ifNOTSocialIconsColor} color: rgba(81, 127, 163, 1); {/block:ifNOTSocialIconsColor} {block:ifSocialIconsColor} background: rgba(81, 127, 163, 1) none repeat scroll 0 0; color: #ffffff; border-radius: 2px; {block:ifSocialIconsColor} } #masthead #social a.fa-vimeo-square:hover { {block:ifNOTSocialIconsColor} color: rgba(133, 200, 238, 1); {/block:ifNOTSocialIconsColor} {block:ifSocialIconsColor} background: rgba(133, 200, 238, 1) none repeat scroll 0 0; color: #ffffff; border-radius: 2px; {block:ifSocialIconsColor} } #masthead #menubar { {block:ifHeaderImage} background: rgba({RGBcolor:MenuBar}, 0.7) none repeat scroll 0 0; border-bottom: 1px solid rgba({RGBcolor:MenuBar}, 0.65); border-top: 1px solid rgba({RGBcolor:MenuBar}, 0.65); {/block:ifHeaderImage} {block:ifNOTHeaderImage} background: rgba({RGBcolor:MenuBar}, 1) none repeat scroll 0 0; border-bottom: 1px solid rgba({RGBcolor:MenuBar}, 1); border-top: 1px solid rgba({RGBcolor:MenuBar}, 1); box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); {/block:ifNOTHeaderImage} display: block; height: 30px; padding: 15px 95px; position: relative; } #masthead #menu {} #masthead #menu span, #masthead #menu a { display: inline-block; color:{color:links}; font-size: 13px; font-family: "{select:font}", sans-serif; text-decoration:none; margin: 0; padding: 0 10px; height: 31px; line-height: 32px; font-weight: bold; -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; } #masthead #menu span:hover, #masthead #menu a:hover { color: {color:Links Hover}; } #masthead #menu #search { box-sizing: border-box; display: inline-block; height: 31px; padding: 0 10px; } #masthead #menu #search input.search-query { background: none; border: medium none; font-family: "{select:font}", sans-serif; line-height: 31px; padding: 0; font-size: 13px; width: 49px; font-weight: bold; color: {color:links}; -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-arrow-left { color: {color:links}; font-size: 12px; } #masthead #menu #search input.submit { display:none; } #content { margin:auto; padding: 0 50px; position: relative; top: -90px; /* -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; */ } #infscr-loading { width: 100px; height: 30px; position: absolute; bottom: 30px; left: 45.5%; opacity: 1; border: none; line-height: 30px; text-align: center; padding-left: 10px; margin-left: -15px; padding-right: 10px; color: #000000; font-size: 10px; text-transform: uppercase; } #infscr-loading img { text-align: center; size: 5px; } #content.center { margin: auto; padding: 0; } #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 #loading { background-size: cover; font-family: "{select:font}", sans-serif; font-size: 22px; height: 28px; left: 50%; margin: 50px 0 0 -25px; padding: 10px; position: absolute; text-align: center; width: 30px; z-index: 5; {block:PermalinkPage} display: none; {/block:PermalinkPage} } #content #loading span { display: block; height: 26px; left: 50%; margin: -14px 0 0 -15px; padding: 4px 0 0; position: absolute; top: 50%; width: 30px; -webkit-animation: 4s linear infinite spin; -moz-animation: 4s linear infinite spin; animation: 4s linear infinite spin; } @-moz-keyframes spin { 100% { -moz-transform:rotate(360deg); } } @-webkit-keyframes spin { 100% { -webkit-transform:rotate(360deg); } } @keyframes spin { 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } } #content #back-to-top { background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0; border-radius: 3px; bottom: 20px; color:{color:Chevron Up}; display: none; font-weight: bold; left: 15px; line-height: 100%; position: fixed; text-align: center; z-index: 999; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .fa-chevron-up { padding: 15px; } #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: auto; } #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: "{select:font}", sans-serif; 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 15px 15px rgba(0, 0, 0, 0.2); width:{select:Post Width}px; position: relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; {block:PermalinkPage} width: 540px; display: block; float:left; 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:ifPostBorder} padding: 8px; {/block:ifPostBorder} {block:ifNOTPostBorder} padding: 0; {/block:ifNOTPostBorder} 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; 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:text}; 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: 2px; } #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; 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 blockquote { margin: 5px; padding: 0 0 1px 5px; } #content #post-content #post #caption { padding: 0 15px; } #content #post-content #post #caption p { color:{color:text}; margin: 13px 0; } #content #post-content #post #caption a { margin: 20px 0 0 0; color:{color:text}; } #content #post-content #post #caption blockquote {} #content #post-content #post #caption blockquote a { border-bottom: 1px solid; color:{color:text}; font-weight: bold; } #content #post-content #post #caption blockquote h2 { color:{color:text}; margin: 13px 0 } #content #post-content #post #caption blockquote pre { color:{color:text}; 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:ifNOTPostHoverGradient} background: rgba({RGBcolor:Post Hover Background}, 0.85); {/block:ifNOTPostHoverGradient} {block:ifPostHoverGradient} background: -webkit-linear-gradient(rgba({RGBcolor:gradient top},0.8), rgba({RGBcolor:gradient bottom},0.8)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(rgba({RGBcolor:gradient top},0.8), rgba({RGBcolor:gradient bottom},0.8)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(rgba({RGBcolor:gradient top},0.8), rgba({RGBcolor:gradient bottom},0.8)); /* For Firefox 3.6 to 15 */ background: linear-gradient(rgba({RGBcolor:gradient top},0.8), rgba({RGBcolor:gradient bottom},0.8)); /* Standard syntax */ {/block:ifPostHoverGradient} } #content #post-content.white #post #photo #hover:hover { {block:ifNOTPostHoverGradient} background: rgba({RGBcolor:Post Hover Background}, 0.85); {/block:ifNOTPostHoverGradient} {block:ifPostHoverGradient} background: -webkit-linear-gradient(rgba({RGBcolor:gradient top},0.8), rgba({RGBcolor:gradient bottom},0.8)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(rgba({RGBcolor:gradient top},0.8), rgba({RGBcolor:gradient bottom},0.8)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(rgba({RGBcolor:gradient top},0.8), rgba({RGBcolor:gradient bottom},0.8)); /* For Firefox 3.6 to 15 */ background: linear-gradient(rgba({RGBcolor:gradient top},0.8), rgba({RGBcolor:gradient bottom},0.8)); /* Standard syntax */ {/block:ifPostHoverGradient} } #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.white #post #photo #hover span, #content #post-content.white #post #photo #hover a { color:#ffffff; } #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 { margin: -30px 0 0; position: relative; top: 50%; } #content #post-content #post #photo #hover #box { display: block; height: auto; width: auto; } #content #post-content #post #photo #hover #box #top-box { display: block; height: auto; margin: 0 0 10px; padding: 0 25px; width: auto; } #content #post-content #post #photo #hover #box #top-box .highres { height: 35px; width: 35px; line-height: 34px; color: rgba({RGBcolor:Photo Hover Button}, 0.6); background: rgba({RGBcolor:Photo Hover Button}, 0.3) none repeat scroll 0 0; border: 1px solid rgba({RGBcolor:Photo Hover Button}, 0.5); font-size: 14px; margin: 0 5px; -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 #top-box .highres:hover { border: 1px solid rgba({RGBcolor:Photo Hover Button}, 1); color: rgba({RGBcolor:Photo Hover Button}, 1); transition: all 0.3s ease 0s; } #content #post-content #post #photo #hover #box #top-box .permalink { height: 35px; width: 35px; line-height: 34px; color: rgba({RGBcolor:Photo Hover Button}, 0.6); background: rgba({RGBcolor:Photo Hover Button}, 0.3) none repeat scroll 0 0; border: 1px solid rgba({RGBcolor:Photo Hover Button}, 0.5); font-size: 14px; margin: 0 5px; -webkit-transition-delay: 0.50s; -moz-transition-delay: 0.50s; -ie-transition-delay: 0.50s; transition-delay: 0.50s; } #content #post-content #post #photo #hover #box #top-box .permalink:hover { border: 1px solid rgba({RGBcolor:Photo Hover Button}, 1); color: rgba({RGBcolor:Photo Hover Button}, 1); transition: all 0.3s ease 0s; } .fa-link { position: relative; top: 1px; } #content #post-content #post #photo #hover #box #top-box .reblog { height: 35px; width: 35px; line-height: 34px; color: rgba({RGBcolor:Photo Hover Button}, 0.6); background: rgba({RGBcolor:Photo Hover Button}, 0.3) none repeat scroll 0 0; border: 1px solid rgba({RGBcolor:Photo Hover Button}, 0.5); font-size: 14px; margin: 0 5px; -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 #top-box .reblog:hover { border: 1px solid rgba({RGBcolor:Photo Hover Button}, 1); color: rgba({RGBcolor:Photo Hover Button}, 1); transition: all 0.3s ease 0s; } #content #post-content #post #photo #hover #box #bottom-box { display: block; height: auto; margin: 0 0 10px; padding: 0 25px; width: auto; } #content #post-content #post #photo #hover #box #bottom-box .time-ago { height: 35px; width: auto; line-height: 34px; color: rgba({RGBcolor:Photo Hover Button}, 0.6); border-top: 1px solid rgba({RGBcolor:Photo Hover Button}, 0.5); font-size: 11px; padding: 0 20px; margin: 0 5px; -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 #bottom-box .time-ago:hover { color: rgba({RGBcolor:Photo Hover Button}, 1); transition: all 0.3s ease 0s; } /* 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 {} #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-250 { text-align: center; } #content #post-content #post #video.width-350 { text-align: center; } #content #post-content #post #video.width-400 { text-align: center; } #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; } {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}", sans-serif; font-size: 150px; line-height: 100%; opacity: 0.1; position: absolute; right: -20px; 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-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 #white-audio { display:block; } #content #post-content #post #audio #info-side #player #black-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 { padding: 10px; 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: "{select:font}", sans-serif; line-height: 100%; padding: 7px 9px; text-decoration: none; color:{color:Links}; -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: "{select:font}", sans-serif; text-align: center; } #content #post-content #post #side-permalink .right a, #content #post-content #post #side-permalink .right span { display: inline-block; font-size: 13px; margin: 0 5px 0 0; padding: 8px 5px 6px; text-decoration: none; color:{color:Text}; font-weight: bold; width: 80px; } #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: "{select:font}", sans-serif; 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 {} #content #post-content #permalink-info #caption, #content #post-content #permalink-info #info-list, #content #post-content #permalink-info #tag-list { background: {color:Post Border} none repeat scroll 0 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding: 20px; font-size: 11px; margin: 0 0 10px; width: 580px; float: right; border-radius: 2px; 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: inline-block; float: right; margin: 0; padding: 20px 0; text-align: center; width: 580px; } #content #post-content #permalink-info #info-list li { display: inline-block; cursor: default; margin: 0 1px; font-size: 10px; font-weight: bold; padding: 5px 10px; 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 { 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: inline-block; float: right; font-size: 11px; margin: 0 0 1px; padding: 0; width: 580px; } #content #post-content #permalink-info #notes h2 { color:{color:text}; font-family: "{select:font}", sans-serif; background: {color:Post Border} none repeat scroll 0 0; font-size: 12px; font-weight: bold; border-radius: 2px 2px 0 0; height: 20px; margin-top: 10px; padding: 25px 20px 0; position: relative; letter-spacing: 2px; text-transform: uppercase; } #content #post-content #permalink-info #notes ol.notes { list-style-type: none; margin: 0; border-radius: 0 0 2px 2px; padding: 10px 30px; text-align: left; background: {color:Post Border} 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="center"> <div id="masthead" class="center-{select:Post Width}-{select:Post Spacing} spacing-{select:Post Spacing} {select:Portrait Size}"> <div id="header-transparency"> <div id="top-masthead"> <div id="portrait"> <a href="http://{name}.tumblr.com"> <img src="{block:IfnotPortraitImage}{PortraitURL-128}{/block:IfnotPortraitImage}{block:IfPortraitImage}{image:Portrait}{/block:IfPortraitImage}" /> </a> </div> <div id="masthead-box"> <div id="title"> <a href="http://{name}.tumblr.com">{Title}</a> </div> {block:IfShowDescription} <div id="description-container"> <div class="inner"> <div id="myTypingText"></div> </div> </div> {/block:IfShowDescription} <div id="social"> <center> {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:IfPinterestURL} <a href="{Text:Pinterest URL}" class="icon fa fa-pinterest-square" title="Pinterest"></a> {/block:IfPinterestURL} {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> </center> </div> </div> <div id="menubar"> <div id="menu"> <a href="/">Home</a> {block:AskEnabled} <a href="/ask">{AskLabel}</a> {/block:AskEnabled} {block:SubmissionsEnabled} <a href="/submit">{SubmitLabel}</a> {/block:SubmissionsEnabled} {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:IfShowArchiveLink} <a href="/archive">Archive</a> {/block:IfShowArchiveLink} {block:IfShowRandomLink} <a href="/random">Random</a> {/block:IfShowRandomLink} {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-arrow-left"></i> <input type="submit" value="Search" class="submit"/> </form> {/block:IfShowSearchBar} {block:IfShowRSS} <a href="{RSS}">RSS</a> {/block:IfShowRSS} <div class="clear"></div> </div> </div> </div> </div> </div> <div id="content" class="center-{select:Post Width}-{select:Post Spacing} post-width-{select:Post Width}-{select:Post Spacing} center"> <div id="loading"><span class="fa fa-spinner fa-spin"></span></div> {block:ifInfiniteScroll}{block:IndexPage}<div id="back-to-top"><a href="#"><span class="fa fa-chevron-up"></span></a></div>{/block:IndexPage} {/block:ifInfiniteScroll} <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"> <center> <div id="box"> <div id="top-box"> <a href="{PhotoURL-HighRes}" class="highres" title="HighRes"><i class="fa fa-search" aria-hidden="true"></i></a> <a href="{Permalink}" class="permalink" title="Permalink"><i class="fa fa-link" aria-hidden="true"></i></a> <a href="{ReblogURL}" class="reblog" target="_blank" title="Reblog"><i class="fa fa-retweet" aria-hidden="true"></i></a> </div> <div id="bottom-box"> <a href="{Permalink}" class="time-ago" title="Posted {TimeAgo}">{TimeAgo}</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: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}'{DayOfMonthSuffix} {Month}</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 --> {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="https://static.tumblr.com/8rdzlhn/Cfbphl7sr/dtc.js"></script> <script type="text/javascript"> {block:IfShowDescription} var myString = "{Description}"; var myArray = myString.split(""); var loopTimer; function frameLooper() { if(myArray.length > 0) { document.getElementById("myTypingText").innerHTML += myArray.shift(); } else { clearTimeout(loopTimer); return false; } loopTimer = setTimeout('frameLooper()',40); } frameLooper(); {/block:IfShowDescription} jQuery(function() { var $wallcenter = $('{block:Indexpage}#post-content{/block:Indexpage}'); $("#caption p").remove(":contains('Source:')"); $("#caption p").remove(":contains('(via')"); $(function () { $(window).scroll(function () { if ($(this).scrollTop() > 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(){ $('#post-content').show(); $('#loading').hide(); $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: 'ALL POST LOAD', msgText: '', img: 'http://static.tumblr.com/8rdzlhn/TDmnshfia/ajax-loader.gif', } }, function( newElements ) { $("#caption p").remove(":contains('Source:')"); $("#caption p").remove(":contains('(via')"); var $newElems = $( newElements ).css({ opacity: 0 }); $newElems.imagesLoaded(function(){ $newElems.animate({ opacity: 1 }); $wallcenter.masonry( "appended", $newElems, true ); }); $('.audio').each(function(){ var audioID = $(this).attr("id"); var $audioPost = $(this); $.ajax({ url: 'http://{BlogURL}.tumblr.com/api/read/json?id=' + audioID, dataType: 'jsonp', timeout: 50000, success: function(data){ $audioPost.find('#audio_player_'+audioID).replaceWith('<div style=\"background-color:#000000;\">' + data.posts[0]['audio-player'].replace("audio_player.swf", "audio_player_black.swf") +'</div>');} }); }); }); $(document).load(function(){ e.preventDefault(); $wallcenter.infinitescroll('retrieve'); }); }); </script> </body> </html>