Untitled
user_8845776
plain_text
2 years ago
130 kB
3
Indexable
<!DOCTYPE html> <!-- Ten Toes v3 by: Stashthemes Simple, clean photo posts & photosets. --> <html xmlns="https://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>{Title}{block:PostSummary} - {PostSummary}{/block:PostSummary}</title> <meta name="description" content="{block:Description}{MetaDescription}{/block:Description}" /> {MobileAppHeaders} <meta name="viewport" content="initial-scale=1.0, width=device-width" /> {block:Hidden} <meta name="image:Logo" content="" /> <meta name="image:Header Avatar" content="" /> <meta name="select:Avatar Style" content="square" Title="Square" /><meta name="select:Avatar Style" content="round" Title="Round" /> <meta name="image:Background" content="" /> <meta name="color:Background" content="#ffffff"> <meta name="color:Text" content="#000000"> <meta name="color:Accent" content="#000000"> <meta name="color:Logo" content="#000000"> <meta name="color:Photo Overlay Background" content="#000000"> <meta name="color:Photo Overlay Text" content="#ffffff"> <meta name="if:Mobile Menu" content="1"> <meta name="color:Sidebar Background" content="#ffffff"> <meta name="color:Sidebar Text" content="#000000"> <meta name="color:Header Text" content="#000000"> <meta name="color:Banner Background" content="#141414"> <meta name="color:Banner Text" content="#ffffff"> <meta name="color:Banner Button Background" content="#ffffff"> <meta name="color:Banner Button Text" content="#141414"> <meta name="if:Repeat Background Image" content="0"> <meta name="text:Font Size" content="13px" /> <meta name="text:Logo Size" content="16px" /> <meta name="text:Logo Image Height" content="px" /> <meta name="text:Header Text Size" content="16px" /> <meta name="text:Description Text Size" content="11px" /> <meta name="text:Mobile Header Text Size" content="16px" /> <meta name="text:Title Font Size" content="30px" /> <meta name="text:Body Font" content="" /> <meta name="text:Logo Font" content="" /> <meta name="text:Banner Font" content="" /> <meta name="text:Photo Overlay Opacity" content="0.5" /> <meta name="select:Font" content="Helvetica Neue" title="Helvetica Neue" /><meta name="select:Font" content="Arial" title="Arial" /><meta name="select:Font" content="courier new" title="Courier" /><meta name="select:Font" content="Domine" title="Domine" /><meta name="select:Font" content="Droid Sans" title="Droid Sans" /><meta name="select:Font" content="Droid Serif" title="Droid Serif" /><meta name="select:Font" content="Fira Sans" Title="Fira Sans" /><meta name="select:Font" content="Georgia" title="Georgia" /><meta name="select:Font" content="Gill Sans" Title="Gill Sans" /><meta name="select:Font" content="Karla" Title="Karla" /><meta name="select:Font" content="Lato" title="Lato" /><meta name="select:Font" content="Libre Baskerville" title="Libre Baskerville" /><meta name="select:Font" content="Lora" title="Lora" /><meta name="select:Font" content="Mako" title="Mako" /><meta name="select:Font" content="Merriweather" title="Merriweather" /><meta name="select:Font" content="Montserrat" title="Montserrat" /><meta name="select:Font" content="Noto Sans" title="Noto Sans" /><meta name="select:Font" content="Oswald" title="Oswald" /><meta name="select:Font" content="Playfair Display" title="Playfair Display" /><meta name="select:Font" content="PT Mono" title="PT Mono" /><meta name="select:Font" content="PT Sans" title="PT Sans" /><meta name="select:Font" content="PT Serif" title="PT Serif" /><meta name="select:Font" content="Raleway" title="Raleway" /><meta name="select:Font" content="Roboto" title="Roboto" /><meta name="select:Font" content="Roboto Condensed" title="Roboto Condensed" /><meta name="select:Font" content="Roboto Slab" title="Roboto Slab" /><meta name="select:Font" content="Source Sans Pro" title="Source Sans Pro" /><meta name="select:Font" content="Times New Roman" title="Times New Roman" /> <meta name="select:Body Font Weight" content="400" Title="Normal" /><meta name="select:Body Font Weight" content="700" Title="Bold" /><meta name="select:Body Font Weight" content="100" Title="100" /><meta name="select:Body Font Weight" content="200" Title="200" /><meta name="select:Body Font Weight" content="300" Title="300" /><meta name="select:Body Font Weight" content="500" Title="500" /><meta name="select:Body Font Weight" content="600" Title="600" /><meta name="select:Body Font Weight" content="800" Title="800" /><meta name="select:Body Font Weight" content="900" Title="900" /> <meta name="select:Header Font Weight" content="700" Title="Bold" /><meta name="select:Header Font Weight" content="400" Title="Normal" /><meta name="select:Header Font Weight" content="100" Title="100" /><meta name="select:Header Font Weight" content="200" Title="200" /><meta name="select:Header Font Weight" content="300" Title="300" /><meta name="select:Header Font Weight" content="500" Title="500" /><meta name="select:Header Font Weight" content="600" Title="600" /><meta name="select:Header Font Weight" content="800" Title="800" /><meta name="select:Header Font Weight" content="900" Title="900" /> <meta name="select:Logo Font Weight" content="700" Title="Bold" /><meta name="select:Logo Font Weight" content="400" Title="Normal" /><meta name="select:Logo Font Weight" content="100" Title="100" /><meta name="select:Logo Font Weight" content="200" Title="200" /><meta name="select:Logo Font Weight" content="300" Title="300" /><meta name="select:Logo Font Weight" content="500" Title="500" /><meta name="select:Logo Font Weight" content="600" Title="600" /><meta name="select:Logo Font Weight" content="800" Title="800" /><meta name="select:Logo Font Weight" content="900" Title="900" /> <meta name="select:Logo Text Case" content="lowercase" Title="Lowercase" /><meta name="select:Logo Text Case" content="normal" Title="Normal" /><meta name="select:Logo Text Case" content="uppercase" Title="Uppercase" /> <meta name="select:Photo Overlay Font Weight" content="400" Title="Normal" /><meta name="select:Photo Overlay Font Weight" content="700" Title="Bold" /> <meta name="select:Banner Text Font Weight" content="400" Title="Normal" /><meta name="select:Banner Text Font Weight" content="700" Title="Bold" /><meta name="select:Banner Text Font Weight" content="100" Title="100" /><meta name="select:Banner Text Font Weight" content="200" Title="200" /><meta name="select:Banner Text Font Weight" content="300" Title="300" /><meta name="select:Banner Text Font Weight" content="500" Title="500" /><meta name="select:Banner Text Font Weight" content="600" Title="600" /><meta name="select:Banner Text Font Weight" content="800" Title="800" /><meta name="select:Banner Text Font Weight" content="900" Title="900" /> <meta name="image:Banner Background" content="" /> <meta name="image:Mobile Banner Background" content="" /> <meta name="text:▄▀▄▀ Banner ▀▄▀▄" content="Enable the banner above first"> <meta name="text:Banner Youtube Video ID" content="" /> <meta name="text:Banner Youtube Playlist ID" content="" /> <meta name="text:Banner Vimeo Video ID" content="" /> <meta name="text:Banner Text" content=""> <meta name="text:Banner Text Size" content="18px" /> <meta name="text:Banner Text Width" content="60%"> <meta name="text:Banner Button 1 Text" content=""> <meta name="text:Banner Button 1 URL" content=""> <meta name="text:Banner Button 2 Text" content=""> <meta name="text:Banner Button 2 URL" content=""> <meta name="text:Banner Overlay Opacity" content="0.7"> <meta name="if:▄▀▄▀ Banner ▀▄▀▄" content=""> <meta name="if:Banner" content="0" /> <meta name="if:Banner Video Buttons" content="1" /> <meta name="if:Banner Overlay" content="0" /> <meta name="if:Mobile Hide Banner" content="0"> <meta name="if:Banner Only No Posts" content="0" /> <meta name="if:On Banner Hide Sidebar" content="0" /> <meta name="if:Banner On Tagged Page" content="0" /> <meta name="select:Banner Video Volume" content="off" Title="Off" /><meta name="select:Banner Video Volume" content="on" Title="On" /> <meta name="select:Banner Video Autoplay" content="1" Title="On" /><meta name="select:Banner Video Autoplay" content="0" Title="Off" /> <meta name="if:Header Text Hover Underline" content="0" /> <meta name="if:Random Link" content="0" /> <meta name="if:Archive Link" content="0" /> <meta name="if:RSS Link" content="0" /> <meta name="if:Home Link" content="0" /> <meta name="if:▄▀▄▀ Posts ▀▄▀▄" content=""> <meta name="if:Show Post Reblogs" content="0" /> <meta name="if:Show Photo Overlay" content="1" /> <meta name="if:Show Photo Overlay Meta" content="1" /> <meta name="if:Show Post Tags" content="1" /> <meta name="if:Show Post Caption" content="1" /> <meta name="if:Show Post Meta" content="1" /> <meta name="if:Show Post Date" content="0" /> <meta name="if:Show Post Share" content="1" /> <meta name="if:Show Post Like" content="1" /> <meta name="if:Show Post Reblog Button" content="1" /> <meta name="if:Show Post Note Count" content="1" /> <meta name="if:Show Post Notes" content="0" /> <meta name="if:Scrollbar" content="0" /> <meta name="if:Sidebar Search" content="0"/> <meta name="if:Modal Post" content="1" /> <meta name="if:Modal Post Navigation" content="0"> <meta name="if:High Quality Images" content="1" /> <meta name="if:Back To Top Icon" content="1" /> <meta name="text:Ask Link Label" content="Ask"> <meta name="text:Submit Link Label" content="Submit"> <meta name="text:Archive Link Label" content="Archive"> <meta name="text:Random Link Label" content="Random"> <meta name="text:▄▀▄▀ Social Media ▀▄▀▄" content=""> <meta name="text:Email Address" content=""> <meta name="text:Phone Number" content=""> <meta name="text:Twitter URL" content=""> <meta name="text:Instagram URL" content=""> <meta name="text:TikTok URL" content=""> <meta name="text:Facebook URL" content=""> <meta name="text:Youtube URL" content=""> <meta name="text:Snapchat URL" content=""> <meta name="text:500px URL" content=""> <meta name="text:Amazon URL" content=""> <meta name="text:Apple URL" content=""> <meta name="text:Bandcamp URL" content=""> <meta name="text:Behance URL" content=""> <meta name="text:Dribbble URL" content=""> <meta name="text:Etsy URL" content=""> <meta name="text:Flickr URL" content=""> <meta name="text:Github URL" content=""> <meta name="text:Linkedin URL" content=""> <meta name="text:PayPal URL" content=""> <meta name="text:Pinterest URL" content=""> <meta name="text:Podcast URL" content=""> <meta name="text:Mixcloud URL" content=""> <meta name="text:SoundCloud URL" content=""> <meta name="text:Skype URL" content=""> <meta name="text:Spotify URL" content=""> <meta name="text:Twitch URL" content=""> <meta name="text:Vimeo URL" content=""> <meta name="text:VK URL" content=""> <meta name="text:Wordpress URL" content=""> <meta name="text:Shop URL" content=""> <meta name="text:▄▀▄▀ Custom Links ▀▄▀▄" content=""> <meta name="text:Logo Custom Link" content="" /> <meta name="text:Custom Link 1 URL" content="" /> <meta name="text:Custom Link 1 Name" content="" /> <meta name="text:Custom Link 2 URL" content="" /> <meta name="text:Custom Link 2 Name" content="" /> <meta name="text:Custom Link 3 URL" content="" /> <meta name="text:Custom Link 3 Name" content="" /> <meta name="text:Custom Link 4 URL" content="" /> <meta name="text:Custom Link 4 Name" content="" /> <meta name="text:Custom Link 5 URL" content="" /> <meta name="text:Custom Link 5 Name" content="" /> <meta name="text:Custom Link 6 URL" content="" /> <meta name="text:Custom Link 6 Name" content="" /> <meta name="text:Custom Link 7 URL" content="" /> <meta name="text:Custom Link 7 Name" content="" /> <meta name="text:Custom Link 8 URL" content="" /> <meta name="text:Custom Link 8 Name" content="" /> <meta name="text:Custom Link 9 URL" content="" /> <meta name="text:Custom Link 9 Name" content="" /> <meta name="text:Custom Link 10 URL" content="" /> <meta name="text:Custom Link 10 Name" content="" /> <meta name="text:TypeKit ID" content="" /> <meta name="text:TypeKit Body Font" content="" /> <meta name="text:TypeKit Logo Font" content="" /> <meta name="text:Google Analytics ID" content='' /> <meta name="select:Header Text Case" content="lowercase" Title="Lowercase" /><meta name="select:Header Text Case" content="normal" Title="Normal" /><meta name="select:Header Text Case" content="uppercase" Title="Uppercase" /> <meta name="select:Posts Columns" content="three" Title="3" /><meta name="select:Posts Columns" content="one" Title="1" /><meta name="select:Posts Columns" content="two" Title="2" /><meta name="select:Posts Columns" content="four" Title="4" /> <meta name="select:Modal Post Image Size" content="modal-post-fit" Title="Fit" /><meta name="select:Modal Post Image Size" content="modal-post-full" Title="Full" /> <meta name="text:▄▀▄▀ Translations ▀▄▀▄" content=""> <meta name="text:Translate Home Text" content="Home"> <meta name="text:Translate Share Text" content="Share"> <meta name="text:Translate Like Text" content="Like"> <meta name="text:Translate Liked Text" content="Liked"> <meta name="text:Translate Reblog Text" content="Reblog"> <meta name="text:Translate Notes Text" content="Notes"> <meta name="text:Translate Close Text" content="Close"> <meta name="text:Translate Next Text" content="Next"> <meta name="text:Translate Prev Text" content="Prev"> <meta name="text:Translate Posted On Text" content="Posted on"> <meta name="text:Translate asked Text" content="asked"> {/block:Hidden} <link rel="shortcut icon" href="{Favicon}" /> <link rel="alternate" type="application/rss+xml" href="{RSS}" /> <script> var TUMBLR_API_KEY = "5c9EqEvjoBVXriaQDOluhj9kUOElq0oIl9EQCxSWTmQ0Ifk7Cs", TUMBLR_HOSTNAME = {JSPlaintextHost}, TUMBLR_TITLE = {JSPlaintextTitle}, TUMBLR_DESC = {JSPlaintextDescription}, TUMBLR_URL = {JSPlaintextBlogURL}, antsGrid = "{select:Posts Columns}", SHOW_POST_NOTES = {block:IfShowPostNotes}true{/block:IfShowPostNotes}{block:IfNotShowPostNotes}false{/block:IfNotShowPostNotes}, BANNER_VIDEO_VOLUME = "{select:Banner Video Volume}", BANNER_VIDEO_AUTOPLAY = "{select:Banner Video Autoplay}", VIMEO_BANNER = {block:IfNotBannerVimeoVideoID} false{/block:IfNotBannerVimeoVideoID}{block:IndexPage}{block:IfBannerVimeoVideoID} true{/block:IfBannerVimeoVideoID}{/block:IndexPage}{block:PermalinkPage}{block:IfBannerVimeoVideoID} false{/block:IfBannerVimeoVideoID}{/block:PermalinkPage}; </script> <link href='https://static.tumblr.com/jzzkxgh/Ot6rrcrk6/font-awesome.css' rel='stylesheet' type='text/css'> <link href="https://static.tumblr.com/jzzkxgh/oSTrli3np/iconmonstr-iconic-font.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family={select:Font}:{select:Body Font Weight}, 400,400italic,700,700italic"> {block:IfBodyFont}<link rel="stylesheet" href="https://fonts.googleapis.com/css?family={text:Body Font}:{select:Body Font Weight}, 400,400italic,700,700italic">{/block:IfBodyFont} {block:IfBannerFont}<link rel="stylesheet" href="https://fonts.googleapis.com/css?family={text:Banner Font}:{select:Banner Text Font Weight}, 400,400italic,700,700italic">{/block:IfBannerFont} {block:IfLogoFont}<link rel="stylesheet" href="https://fonts.googleapis.com/css?family={text:Logo Font}:{select:Logo Font Weight}, 400,400italic,700,700italic">{/block:IfLogoFont} <link href="https://static.tumblr.com/jzzkxgh/v3Erznoum/core.css" rel="stylesheet"> <style type="text/css"> @media (min-width:740px) { .tmblr-iframe--unified-controls { z-index: 999999999 !important; } .post.wrap { padding:0 !important; } } .avatar.square img { -webkit-border-radius: 0; border-radius: 0; } body { font: {text:Font Size} {block:IfBodyFont}"{text:Body Font}",{/block:IfBodyFont} "{select:Font}", Helvetica Neue, Helvetica, Arial, sans-serif; {block:IfTypeKitBodyFont} font:{text:Font Size} "{text:TypeKit Body Font}", "{select:Font}", Helvetica Neue, Arial, sans-serif; {/block:IfTypeKitBodyFont} color: {color:Text}; font-weight:{select:Body Font Weight}; line-height:1.4; background: {color:Background} url({image:Background}) {block:ifrepeatbackgroundimage}repeat fixed;{/block:ifrepeatbackgroundimage} {block:ifnotrepeatbackgroundimage}no-repeat center fixed; background-size:cover; -webkit-background-size:cover{/block:ifnotrepeatbackgroundimage} ; overflow-x:hidden; overflow-y:auto; transform:none !important; } {block:ifnotscrollbar} @media (min-width:740px) { ::-webkit-scrollbar { width: 0; height: 0; display: none; } } {/block:ifnotscrollbar} {block:ifnotbacktotopicon} #backToTop { display:none !important; } {/block:ifnotbacktotopicon} blockquote { font:{text:Font Size} {block:IfBodyFont}"{text:Body Font}",{/block:IfBodyFont} "{select:Font}", Helvetica Neue, Helvetica, Times New Roman, sans-serif; {block:IfTypeKitBodyFont} font:{text:Font Size} "{text:TypeKit Body Font}", "{select:Font}", Helvetica Neue, Arial, sans-serif; {/block:IfTypeKitBodyFont} padding: 0; font-style:italic; } .hidden { display:none !important; } .wrapper { background: {color:Background} url({image:Background}) {block:ifrepeatbackgroundimage}repeat fixed;{/block:ifrepeatbackgroundimage} {block:ifnotrepeatbackgroundimage}no-repeat center fixed; background-size:cover; -webkit-background-size:cover{/block:ifnotrepeatbackgroundimage} ; } .button { padding: 8px 13px; color:{color:Background}; background:{color:Accent}; font-size:12px; font-weight:normal; font-family:{block:IfBodyFont}"{text:Body Font}",{/block:IfBodyFont} "{select:Font}", Helvetica Neue, Helvetica, Times New Roman, sans-serif; {block:IfTypeKitBodyFont} font-family:"{text:TypeKit Body Font}", "{select:Font}", Helvetica Neue, Arial, sans-serif; {/block:IfTypeKitBodyFont} text-transform:uppercase; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out; cursor:pointer; text-decoration:none; display:inline-block; margin-top:15px; } .banner-button { background:{color:Banner Button Background}; color:{color:Banner Button Text} !important; } .banner-button:first-of-type { margin:0 14px 0 0; } .stash-content .post-answer { border: 5px solid {color:Accent}; } /* Global styles */ a, .post-like, #backToTop{ color: {color:Text}; text-decoration:none; } .content p a { font-weight:bold; } .content p a, .navigation a:hover, .header-social a:hover, .logo a:hover { color:{color:Accent}; } {block:IfHeaderTextHoverUnderline} .navigation li a:hover { border-bottom: 1px solid {color:Accent}; } .header-social ul li a:hover { border-bottom: 1px solid {color:Accent}; } .header-description a { text-decoration:underline; } .header-description a:hover { text-decoration:none; } {/block:IfHeaderTextHoverUnderline} .content p a:hover { color:{color:Text}; } a:hover, .post-like:hover { text-decoration:none; } h1,h2,h3,h4,h5,h6 { font-size: {text:Title Font Size}; color:{color:Text}; } h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { font-size: {text:Title Font Size}; color:{color:Accent}; } .footer-icon { color: {color:Text}; } .post-quote blockquote, .quote blockquote { border:none; padding:0; font-size:24px; font-weight:700; line-height:1.3; color: {color:Accent}; } .post-meta .share li a, .post-share-toggle { cursor:pointer; } .post-meta { font-size:12px; } .post-meta li:hover { border-bottom:1px solid {color:Accent}; } #header { color:{color:Header Text}; font-size:{text:Header Text Size}; } .header-description { font-size:{text:Description Text Size} !important; text-transform:none; } .header-description a { color:{color:Accent}; } .header-description a:hover { color:{color:Header Text}; } .header-widget { font-size:{text:Description Text Size}; } /*Custom CSS*/ {CustomCSS} .share li a { cursor:pointer; } .post-page .asker-box { border-left: 5px solid {color:Accent}; border-top: 5px solid {color:Accent}; } .asker-box { background:{color:Accent}; padding:8px; color:{color:Background}; } .asker { color:{color:Background}; } article.post.pp .post-header { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position:absolute; top:27px; left:24px; visibility:hidden; opacity:0; color:#E7E7E7; z-index:3; font-size:16px; cursor:url("https://static.tumblr.com/evx2wil/6N2o49gaj/plus.svg"),auto; cursor:-webkit-image-set(url("https://static.tumblr.com/evx2wil/6N2o49gaj/plus.svg")),auto; -webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0); } article.post.pp:hover .post-header { opacity:1; visibility:visible; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } {block:IfNotShowPostNoteCount} .post-note-count, .meta-notes { display:none !important; } {/block:IfNotShowPostNoteCount} .post-header a { color:#fff; font-size:16px; display:block; cursor:url("https://static.tumblr.com/evx2wil/6N2o49gaj/plus.svg"),auto; cursor:-webkit-image-set(url("https://static.tumblr.com/evx2wil/6N2o49gaj/plus.svg")),auto; } #sidebar { color:{color:Sidebar Text}; background:{color:Sidebar Background}; font-size:{text:Mobile Header Text Size}; } #sidebar h3 { margin-bottom:20px; color:{color:Sidebar Text}; font-size:13px; } .search input { border: none; box-sizing: border-box; background:{color:Sidebar Text}; color: {color:Sidebar Background}; text-align:left; font-family: {block:IfBodyFont}"{text:Body Font}",{/block:IfBodyFont} "{select:Font}", 'Gill Sans MT', Calibri, Helvetica Neue, sans-serif; -webkit-transition: .2s; transition: .2s; font-size: 13px; display: block; width: 100%; position: relative; padding: 8px 14px; } .search input[type="submit"] { background:{color:Sidebar Background}; color:{color:Sidebar Text}; text-transform:uppercase; padding:10px 0; text-align:center; cursor:pointer; } #sidebar a { color:{color:Sidebar Text}; } .widget h3 { color:{color:Sidebar Text}; text-transform:uppercase; } .widget { color:{color:Sidebar Text}; } #twitter a { color:{color:Sidebar Text}; } .social-links ul li a { color:{color:Sidebar Text}; } /* Modal */ {block:IfNotModalPost} body.index-page article .open-modal.main-link { display:none; } {/block:IfNotModalPost} @media (min-width: 768px) { .stash-content.big-height { top: 0; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-transition: top .4s, left .4s, right .4s, transform .4s, width .4s; transition: top .4s, left .4s, right .4s, transform .4s, width .4s; } } .stash-back-btn { padding: 20px 0; font-size: 12px; color: {color:Text}; font-weight: bold; text-transform: uppercase; text-align: center; cursor: pointer; display: none; } .stash-back-btn svg { fill: {color:Accent}; -webkit-transition: .2s all; transition: .2s all; } .stash-border-right { right: 0; } .stash-post-meta svg { fill: {color:Accent}!important; } @media (max-width: 550px) { .stash-post-meta svg { -webkit-transform: scale(1.3); transform: scale(1.3); } } .close-modal svg g path { fill:white; } svg .animated-circle { stroke:white}; } .stash-post-meta .close { opacity: 0; } .stash-overlay, .stash-overlay p, .stash-overlay a, .stash-overlay .post-like, .stash-overlay * { color:white !important; } .stash-overlay { background:transparent; } @media (min-width: 740px) { body.permalink .tumblr_video_container, body.permalink .tumblr_video_container iframe { height: 450px !important; } } @media (max-width: 550px) { .close-modal { top:20px; left:10px; } #stash-container { background: {color:Background}; } .close-modal svg g path { fill:{color:Accent}; } svg .animated-circle { stroke:{color:Accent}; } .stash-overlay, .stash-overlay p, .stash-overlay a, .stash-overlay .post-like, .stash-overlay * { color:{color:Accent} !important; } } .tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop { z-index: 1000000!important; } {block:ifNotModalPostNavigation} .post-navigation { display:none !important; } {/block:ifNotModalPostNavigation} .post-navigation li, .post-navigation li, .post-navigation li span { background:{color:Text}; } .post-navigation li a, .post-navigation li a, .post-navigation li span { color:{color:Background}; } .post-navigation li:hover, .post-navigation li:hover, .post-navigation li:hover span, .ps-options:hover { background:{color:Background}; } .post-navigation li:hover > a, .post-navigation li:hover > a, .post-navigation li:hover span, .ps-options:hover { color:{color:Text}; } .post-navigation li:after, .ps-options:after { background:{color:Background}; opacity:0.1; width:100%; height:1px; position:absolute; bottom:-1px; left:0; } #stash-preloader { position: fixed; top: 0; z-index: 1000000; width: 100%; height: 100%; background: {color:Background}; } #stash-preloader .loading-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); border-radius: 50%; width: 32px; height: 32px; border: 0.25rem solid transparent; display: inline-block; margin: 0 8px; animation-name: spin; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.55, 0.15, 0.45, 0.85); } #stash-preloader .loading-icon, #ants-loader .loading-icon { border: 0.25rem solid transparent; border-top-color: {color:Accent}; } {block:IfNotShowPostMeta} .note-count, #stash-ants .meta, #stash-ants .post-meta .share, .meta, .share, .overlay .post-footer { display:none; } {/block:IfNotShowPostMeta} {block:IfNotShowPostDate} .meta-date, .meta time, .post-meta .meta { display:none !important; } {/block:IfNotShowPostDate} {block:IfNotShowPostShare} #stash-ants .post .post-share-parent, .stash-show-share, .overlay .post-footer .share-toggle { display:none; } {/block:IfNotShowPostShare} {block:IfNotShowPostLike} .post-like, .overlay .post-footer .post-like { display:none !important; } {/block:IfNotShowPostLike} {block:IfNotShowPostReblogButton} .post-reblog, .overlay .post-footer .post-reblog { display:none !important; } {/block:IfNotShowPostReblogButton} {block:IfNotShowPostTags} #stash-ants .post .tags, .tags, .the-tag { display:none !important; } {/block:IfNotShowPostTags} {block:IfNotShowPostCaption} .post-caption, .stash-overlay .post-caption, #stash .post-photo .content, #stash .post-photoset .content, #stash .post-video .content, #stash .post-audio .content { display:none; } {/block:IfNotShowPostCaption} {block:IfNotShowPostNoteCount} #stash-ants .post .meta-notes, .note-count { display:none; } {/block:IfNotShowPostNoteCount} {block:IfNotShowRebloggedFrom} .reblogged-from { display:none; } {/block:IfNotShowRebloggedFrom} {block:IfShowPhotoOverlay} body.index-page .post-photo .post-meta, body.index-page .post-photo .content, body.index-page .post-photoset .post-meta, body.index-page .post-photoset .content { display:none !important; } {/block:IfShowPhotoOverlay} {block:IfNotShowPhotoOverlay} .overlay, .overlay-bg { display:none; } {/block:IfNotShowPhotoOverlay} {block:IfNotShowPhotoOverlayMeta} .overlay .post-footer { display:none; } {/block:IfNotShowPhotoOverlayMeta} .overlay { font-weight:{select:Photo Overlay Font Weight}; } .overlay-bg { background-color:{color:Photo Overlay Background}; } .post-caption::-webkit-scrollbar-thumb { background: {color:Photo Overlay Text}; } .overlay .post-footer li:hover, .overlay .post-footer li:hover .post-reblog a { /*color:{color:Accent};*/ /*border-bottom:1px solid {color:Accent};*/ opacity:0.8; } .overlay a, .overlay .post-like, .overlay .post-reblog a, .share-toggle, .post-caption, .post-caption h2 { color:{color:Photo Overlay Text}; } article.post:hover .overlay-bg { opacity:{text:Photo Overlay Opacity}; visibility:visible; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* Banner CSS */ #banner { background-color:{color:Banner Background}; } .banner-text a { color:{color:Banner Text}; } .banner-img { background:url({image:Banner Background}) center bottom no-repeat; background-size:cover; background-position:center center; background-repeat:no-repeat; height:100vh; width:100%; top:0; left:0; z-index:-1; } .mobile-banner-img { background:url({image:Mobile Banner Background}) center center no-repeat; background-size:cover; background-position:center center; background-repeat:no-repeat; height:100vh; width:100%; top:0; left:0; z-index:-2; } @media (min-width:740px) { .mobile-banner-img { display:none; } } {block:IfBannerYoutubeVideoID} .banner-img, .mobile-banner-img { display:none; } {/block:IfBannerYoutubeVideoID} {block:IfBannerVimeoVideoID} .banner-img, .mobile-banner-img { display:none; } {/block:IfBannerVimeoVideoID} {block:IfBannerVimeoVideoID} @media (max-width:740px) { .banner-img, .mobile-banner-img { display:block; } } {/block:IfBannerVimeoVideoID} @media (max-width:740px) { {block:ifmobilebannerbackgroundimage} .banner-img { display:none; } {/block:ifmobilebannerbackgroundimage} } .banner-center { max-width: {text:Banner Text Width}; } .banner-text { font:{select:Banner Text Font Weight} {text:Banner Text Size} {block:IfBannerFont}"{text:Banner Font}",{/block:IfBannerFont} "{select:Font}", Helvetica Neue, Arial, sans-serif; {block:IfTypeKitBannerFont} font:{select:Banner Text Font Weight} {text:Banner Text Size} "{text:Typekit Banner Font}", "{select:Font}", Helvetica Neue, Arial, sans-serif; {/block:IfTypeKitBannerFont} transition:font 0.25s ease-out; color:{color:Banner Text}; } {block:ifnotBannerVideoButtons} .banner-video-options, .arr-down { display:none; } {/block:ifnotBannerVideoButtons} {block:ifBannerOverlay} .banner-youtube-video, #banner-vimeo-video, .banner-img, .mobile-banner-img { opacity:{text:Banner Overlay Opacity}; } #banner { background:black; } {/block:ifBannerOverlay} #banner.has-video, #banner.has-banner-image { display:block; } {block:ifMobileHideBanner} @media (max-width:740px) { #banner, #banner.has-video, #banner.has-banner-image, html body #banner.has-video, html body #banner.has-banner-image, body.has-banner #banner, body.has-banner-image #banner { display:none !important; opacity:0 !important; visibility:hidden !important; height:0 !important; } body.has-banner.index .page-container, body.has-banner-image.index .page-container, body.has-mobile-banner-image.index .page-container { padding-top:50px !important; } } {/block:ifMobileHideBanner} {block:ifBannerOnlyNoPosts} .index .page-container { display:none; } body.tagged-page.index .page-container { display:block !important; } .arr-down { display:none; } {/block:ifBannerOnlyNoPosts} {block:ifOnBannerHideSidebar} #header.over-banner { opacity:0; visibility:hidden; } {/block:ifOnBannerHideSidebar} {block:ifNotBannerOnTaggedPage} body.tagged-page #banner { display:none !important; } {/block:ifNotBannerOnTaggedPage} .arr-down, .mute-button, .play-button, .banner-video-option, .banner-video-options { color:{color:Banner Text}; } .banner-text p { margin-bottom:15px; } @media (max-width: 740px) { .post { opacity:1 !important; visibility:visible !important; } .stash-overlay { background: {color:Background}; } .logo a { font:{select:Logo Font Weight} 19px/30px {block:IfLogoFont}"{text:Logo Font}",{/block:IfLogoFont} "{select:Font}", Helvetica Neue, Arial, sans-serif; {block:IfTypeKitLogoFont} font:{select:Logo Font Weight} 19px/30px "{text:Typekit Logo Font}", "{select:Font}", Helvetica Neue, Arial, sans-serif; {/block:IfTypeKitLogoFont} width:auto; color:{color:Header Text}; } .logo-light-bg-image, .logo-dar-bg-image { display:none !important; } .sidebar-logo a { font:{select:Logo Font Weight} 19px {block:IfLogoFont}"{text:Logo Font}",{/block:IfLogoFont} "{select:Font}", Helvetica Neue, Arial, sans-serif; {block:IfTypeKitLogoFont} font:{select:Logo Font Weight} 19px "{text:Typekit Logo Font}", "{select:Font}", Helvetica Neue, Arial, sans-serif; {/block:IfTypeKitLogoFont} } {block:ifmobilebannerbackgroundimage} .banner-img { display:none; } {/block:ifmobilebannerbackgroundimage} .banner-text { font:{select:Banner Text Font Weight} 16px {block:IfBannerFont}"{text:Banner Font}",{/block:IfBannerFont} "{select:Font}", Helvetica Neue, Arial, sans-serif; {block:IfTypeKitBannerFont} font:{select:Banner Text Font Weight} 16px "{text:Typekit Banner Font}", "{select:Font}", Helvetica Neue, Arial, sans-serif; {/block:IfTypeKitBannerFont} max-width:100%; } .banner-center { max-width:94%; } #header { background:{color:Sidebar Background}; } .navigation, .header-social { display:none; } #header a, .logo a, .logo { color:{color:Header Text}; } .close-mobile-modal svg g { fill:{color:Header Text}; } .stash-overlay, .stash-overlay p, .stash-overlay a, .stash-overlay .post-like, .stash-overlay * { color:{color:Accent} !important; } } @media (min-width: 740px) { #header.over-banner a, #header.over-banner { color:{color:Banner Text}; } {block:ifNotBannerOnTaggedPage} body.tagged-page #header a, body.tagged-page #header { color:{color:Header Text} !important; } {/block:ifNotBannerOnTaggedPage} #header.over-banner .sidebar-toggle span:after, #header.over-banner .sidebar-toggle span:before { background-color: {color:Banner Text}; } body.sidebar-open #header.over-banner .sidebar-toggle span:after, body.sidebar-open #header.over-banner .sidebar-toggle span:before { background-color: {color:Sidebar Text}; } body.sidebar-open .sidebar-toggle span:after, body.sidebar-open .sidebar-toggle span:before { background-color: {color:Sidebar Text} !important; } body.sidebar-open #header .logo a { color:{color:Sidebar Text}; } .sidebar-toggle { display:none; } } .sidebar-toggle .fa-lg { font-size:20px; } .navigation, .header-social, .sidebar-toggle, .sidebar-navigation, .post-title { font-weight:{select:Header Font Weight}; } .navigation a, .header-social a { color:{color:Header Text}; } .logo, .logo a { font:{select:Logo Font Weight} {text:Logo Size} {block:IfLogoFont}"{text:Logo Font}",{/block:IfLogoFont} "{select:Font}", Helvetica Neue, Arial, sans-serif; {block:IfTypeKitLogoFont} font:{select:Logo Font Weight} {text:Logo Size} "{text:Typekit Logo Font}", "{select:Font}", Helvetica Neue, Arial, sans-serif; {/block:IfTypeKitLogoFont} color:{color:Logo}; font-weight:{select:Logo Font Weight}; } .sidebar-logo, .sidebar-logo a { font:{select:Logo Font Weight} 19px {block:IfLogoFont}"{text:Logo Font}",{/block:IfLogoFont} "{select:Font}", Helvetica Neue, Arial, sans-serif; {block:IfTypeKitLogoFont} font:{select:Logo Font Weight} 19px "{text:Typekit Logo Font}", "{select:Font}", Helvetica Neue, Arial, sans-serif; {/block:IfTypeKitLogoFont} } #sidebar .social-links a { color:{color:Header Text}; } #sidebar .social-links a:hover { color:{color:Header Text}; } @media (max-width: 740px) { .stash-overlay { background: {color:Background}; } .logo a { font:{select:Logo Font Weight} {text:Mobile Header Text Size}/30px {block:IfLogoFont}"{text:Logo Font}",{/block:IfLogoFont} "{select:Font}", Helvetica Neue, Arial, sans-serif; {block:IfTypeKitLogoFont} font:{select:Logo Font Weight} {text:Mobile Header Text Size}/30px "{text:Typekit Logo Font}", "{select:Font}", Helvetica Neue, Arial, sans-serif; {/block:IfTypeKitLogoFont} width:auto; } body.sidebar-open .sidebar-toggle span, body.sidebar-open .sidebar-toggle span:before, body.sidebar-open .sidebar-toggle span:after { background:{color:Sidebar Text}; } #header { background:{color:Sidebar Background}; height:50px; line-height:50px; } .navigation, .header-social, .header-widget { display:none; } #header a, .logo a, .logo { color:{color:Header Text}; } .sidebar-toggle { font-size:{text:Mobile Header Text Size}; color:{color:Sidebar Text}; } html.modal-open .sidebar-toggle { display:none; } .sidebar-toggle span, .sidebar-toggle span:before, .sidebar-toggle span:after { background:{color:Sidebar Text}; } .close-mobile-modal svg g { fill:{color:Header Text}; } } /* Customize Help */ .demo-note { position: fixed; bottom: 0; right:0; background: black; font-size: 14px; text-align: left; line-height: 1; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; z-index: 999999; width:100%; max-width:240px; opacity:0; visibility:hidden; transform:translateY(100%); transition:all 0.3s ease; opacity:0.5; } .demo-note:hover { opacity:1; } .demo-note.visible { opacity:1; visibility:visible; transform:translateY(0); } .demo-note nav { text-transform:normal; font-size:15px; } .demo-note nav ul { padding:0; margin:0; } .demo-note nav ul li { float:left; list-style:none; width:100%; } .demo-note nav ul li a { padding:14px; display:block; } .demo-note a { color:white; text-decoration:none; } .demo-note nav .im { font-size:11px; margin-left:3px; transition:all 0.2s; } .get-started-toggle { background:#111111; border-radius:6px; } .get-started-toggle a { color:white; } .demo-toggle.open .im { -webkit-transform:rotate(180deg); transform:rotate(180deg); } .remove-stash-credit { background:white url('https://static.tumblr.com/jzzkxgh/Ud7ppcbpu/remove-stash-credit.gif'); background-position:center center; } .remove-stash-credit a { color:black; } .remove-stash-credit a:hover { text-decoration:none; } .demo-overlay { color:white; height:0; -webkit-transition:opacity 0.8s ease, height 0.8s ease, visibility, 0.8s ease ; transition:opacity 0.8s ease, height 0.8s ease, visibility, 0.8s ease; opacity:0; visibility:hidden; } .demo-overlay.open { margin-top:10px; height:auto; -webkit-transition:all 0.8s ease; transition:all 0.8s ease; opacity:1; visibility:visible; padding: 10px; } .demo-overlay p { margin-bottom:10px; font-size:13px; line-height:1.3; } .demo-overlay p a { text-decoration:underline; } .demo-overlay img { margin-top: 6px; max-width:95%; } body.tagged-page .post { opacity:1; visibility:visible; } .stash-insta-wrap i { margin-right:3px; } .stash-insta-wrap { margin-bottom:5px; } #instafeed { display: flex; flex-direction: row; flex-wrap: wrap; } #instafeed a { flex: 50%; width:50%; } #instafeed div .insta-username { font-size:{text:Font Size} !important; font-weight:bold; } /** Social Icons Instead **/ .header-social { margin-bottom:30px; } .header-social ul li { margin: 0 8px 0 0; font-size: 18px; display:inline-block; } .copy-btn::before { margin: 0; content: "Copy Link"; font-size: 13px; } @media screen and (min-width:768px) { .logo img { max-height:100%; height:{text:Logo Image Height}; } } {block:ifshowphotooverlay} body.index-page #stash-ants article.post-photo p, body.index-page #stash-ants article.post-photoset p { display:none; } body.index-page #stash-ants article.post-photo .overlay p, body.index-page #stash-ants article.post-photoset .overlay p { display:block; } #stash-ants .post-video .post-meta, #stash-ants .post-video .overlay-bg, #stash-ants .post-video .overlay { display:none; } {/block:ifshowphotooverlay} {block:ifshowpostreblogs} body.index-page article .post-reblog-header { display:block; } {/block:ifshowpostreblogs} {block:ifnotshowpostreblogs} .post-reblog-header { display:none; } {/block:ifnotshowpostreblogs} body.index-page article .overlay a { color:white; font-weight:normal } body.index-page article .overlay .post-caption { z-index:5; } /** New **/ .audio-caption img { position: absolute; right: 0; top: 0; max-height: 100%; z-index: -3; } .post.fallback .overlay, .post.fallback .overlay-bg, .post-text .overlay, .post-text .overlay-bg, .post-video .overlay, .post-video .overlay-bg { display:none !important; } .post-text .media { display:none; } .overlay h1 { color:{color:Photo Overlay Text}; font-size:18px; margin-bottom:10px; } .post_media_photo_anchor{ width:100%; } .post-body .npf_row:last-of-type { margin-bottom:20px; } .post figure { width:100%; margin: 0 0 20px 0; } /** New Photoset **/ .post-photoset .npf_col.active { opacity: 1; z-index:1; position: relative; } .ps-options .total { display: inline-block; } .post-photoset .npf_col { display: block; width: 100%; margin: 0 0 2px 0; opacity:0; position: absolute; top: 0; } body.stash-photo-overlay .post-photo figure, body.stash-photo-overlay .post-photoset figure { margin:0; } body.permalink-page .post-photoset .npf_col, .stash-overlay .post-photoset .npf_col { position: relative; top: initial; opacity: 1; display:block; } @media (min-width:740px) { body.permalink-page .post-photoset .npf_col, .stash-overlay .post-photoset .npf_col { margin:0 0 var(--spacing) 0; } body.permalink-page .post-photoset .npf_col:last-of-type, .stash-overlay .post-photoset .npf_col:last-of-type { margin:0 0 var(--spacing) 0; } } @media (max-width:740px) { body.index-page #stash-ants .photoset-count { top:7.5px; left:15px; } #header .search.widget { display:none; } } /** New Posts **/ article .open-modal.photo-modal { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; display:none; } body article.post-photo .open-modal.photo-modal, body article.post-photoset .open-modal.photo-modal { display:block; } .post-photoset .ps-nav-left, .post-photoset .ps-nav-right { z-index:4; } .overlay-bg { pointer-events:none; } .post-text .photo-modal { display:none; } body.index-page #stash-ants .post-video .content { display:none; } .stash-overlay.video .stash-caption figure { display:none; } .stash-overlay.text .caption { display:none; } @media (max-width:740px) { .post { position:relative !important; top:initial !important; left:initial !important; } } </style> </head> <body class="{block:IndexPage}index-page index {/block:IndexPage}{block:PermalinkPage}permalink post-page {/block:PermalinkPage} {block:TagPage}tagged-page {/block:TagPage} post-columns-{select:Posts Columns} {select:Modal Post Image Size} {block:ifbanner} has-banner {block:IfBannerVimeoVideoID}has-vimeo-video {/block:IfBannerVimeoVideoID} {block:ifmobilebannerbackgroundimage}has-mobile-banner-image {/block:ifmobilebannerbackgroundimage}{/block:ifbanner}"> <div id="stash-preloader"><div id="stash-loader"><div class="loading-icon"></div></div></div> <div class="dark-overlay"></div> {block:IndexPage} {block:ifbanner} <div id="banner" class="{block:IfBannerYoutubeVideoID}has-video {/block:IfBannerYoutubeVideoID} {block:IfBannerVimeoVideoID}has-video has-vimeo-video {/block:IfBannerVimeoVideoID} {block:ifbannerbackgroundimage}has-banner-image {/block:ifbannerbackgroundimage}{block:ifmobilebannerbackgroundimage}has-mobile-banner-image {/block:ifmobilebannerbackgroundimage}"> <div class="inner"> <div class="banner-center"> <div class="banner-text cl"> <p>{text:Banner Text}</p> {block:IfBannerButton1URL}<a class="button banner-button" target="_blank" href="{text:Banner Button 1 URL}">{text:Banner Button 1 Text}</a>{/block:IfBannerButton1URL}{block:IfBannerButton2URL}<a class="button banner-button" target="_blank" href="{text:Banner Button 2 URL}">{text:Banner Button 2 Text}</a>{/block:IfBannerButton2URL} </div> </div> {block:IfBannerYoutubeVideoID} <div class="banner-video-options cl"> <div class="banner-video-option yt-mute-button mute-button {select:Banner Video Volume}"> <i id="vol-high" class="im im-volume"></i> <i id="vol-mute" class="im im-volume-off"></i> </div> <div class="banner-video-option yt-play-button play-button autoplay-{select:Banner Video Autoplay} "> <i id="vid-play" class="im im-play"></i> <i id="vid-pause" class="im im-pause"></i> </div> </div> {/block:IfBannerYoutubeVideoID} {block:ifbanneryoutubeplaylistid} <div class="banner-video-options cl"> <div class="banner-video-option yt-mute-button mute-button {select:Banner Video Volume}"> <i id="vol-high" class="im im-volume"></i> <i id="vol-mute" class="im im-volume-off"></i> </div> <div class="banner-video-option yt-play-button play-button autoplay-{select:Banner Video Autoplay} "> <i id="vid-play" class="im im-play"></i> <i id="vid-pause" class="im im-pause"></i> </div> <div class="banner-video-option yt-previous-button"> <i class="im im-angle-left"></i> </div> <div class="banner-video-option yt-next-button"> <i class="im im-angle-right"></i> </div> </div> {/block:ifbanneryoutubeplaylistid} {block:IfBannerYoutubeVideoID} <div class="banner-youtube-video" data-height="247" data-width="440"> <div id="player"></div> <script> var tag = document.createElement('script'); tag.src = "https://www.youtube.com/player_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); var player; function onYouTubePlayerAPIReady() { player = new YT.Player('player', { playerVars: { 'showinfo': 0, 'autoplay': {select:Banner Video Autoplay}, 'controls': 0, 'showinfo':0, 'autohide':1,'wmode':'opaque', 'rel':0, 'playlist':'{text:Banner Youtube Video ID}', 'loop':1 }, videoId: "{text:Banner Youtube Video ID}", events: { 'onReady': onPlayerReady, 'onStateChange': function (event) { if (event.data == YT.PlayerState.PLAYING) { var playadobea = new TimelineMax() .add(TweenMax.to("#vid-play", 0.4, {opacity:0, ease: Power2.easeOut}),0) .add(TweenMax.to("#vid-pause", 0.4, {opacity:1, ease: Power2.easeOut}),0.4); TweenMax.to(".banner-video-title", 0.4, {opacity:0, ease:Power2.easeOut}); } else if (event.data == YT.PlayerState.PAUSED) { var pauseadobea = new TimelineMax() .add(TweenMax.to("#vid-pause", 0.4, {opacity:0, ease: Power2.easeOut}),0) .add(TweenMax.to("#vid-play", 0.4, {opacity:1, ease: Power2.easeOut}),0.4); TweenMax.to(".banner-video-title", 0.4, {opacity:1, ease:Power2.easeOut}); } } } }); } if(BANNER_VIDEO_VOLUME == "off") { function onPlayerReady(event) { event.target.mute(); } } </script> </div> {/block:IfBannerYoutubeVideoID} {block:ifbanneryoutubeplaylistid} <div class="banner-youtube-video" data-height="247" data-width="440"> <div id="player"></div> <script> var tag = document.createElement('script'); tag.src = "https://www.youtube.com/player_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); var player; function onYouTubePlayerAPIReady() { player = new YT.Player('player', { playerVars: { 'showinfo': 0, 'autoplay': {select:Banner Video Autoplay}, 'controls': 0, 'showinfo':0, 'autohide':1,'wmode':'opaque', 'rel':0, listType:'playlist', list: '{text:Banner Youtube Playlist ID}', 'loop':1 }, events: { 'onReady': onPlayerReady, 'onStateChange': function (event) { if (event.data == YT.PlayerState.PLAYING) { var playadobea = new TimelineMax() .add(TweenMax.to("#vid-play", 0.4, {opacity:0, ease: Power2.easeOut}),0) .add(TweenMax.to("#vid-pause", 0.4, {opacity:1, ease: Power2.easeOut}),0.4); TweenMax.to(".banner-logo, .arr-down", 0.4, {opacity:0, ease:Power2.easeOut}); } else if (event.data == YT.PlayerState.PAUSED) { var pauseadobea = new TimelineMax() .add(TweenMax.to("#vid-pause", 0.4, {opacity:0, ease: Power2.easeOut}),0) .add(TweenMax.to("#vid-play", 0.4, {opacity:1, ease: Power2.easeOut}),0.4); TweenMax.to(".banner-logo, .arr-down", 0.4, {opacity:1, ease:Power2.easeOut}); } } } }); } if(BANNER_VIDEO_VOLUME == "off") { function onPlayerReady(event) { event.target.mute(); } } </script> </div> {/block:ifbanneryoutubeplaylistid} {block:IfBannerVimeoVideoID} <iframe id="banner-vimeo-video" src="https://player.vimeo.com/video/{text:Banner Vimeo Video ID}?background=0&autoplay={select:Banner Video Autoplay}&muted=1&loop=1" width="100%" height="100%" frameborder="0" webkitallowfullScreen mozallowfullscreen allowfullscreen></iframe> {/block:IfBannerVimeoVideoID} {block:ifbannerbackgroundimage} <div class="banner-img"></div> {/block:ifbannerbackgroundimage} {block:ifmobilebannerbackgroundimage} <div class="mobile-banner-img"></div> {/block:ifmobilebannerbackgroundimage} <div class="arr-down"> <i>Scroll</i> </div> </div> </div> {/block:ifbanner} {/block:IndexPage} <div class="close-modal"> <svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><path d="M18,15.141 L11.76375,8.98425 L17.91375,2.77275 L15.141,0 L8.982,6.2385 L2.7495,0.08625 L-1.77635684e-15,2.83575 L6.24075,9.01575 L0.08625,15.2505 L2.83575,18 L9.0135,11.7615 L15.22725,17.91375 L18,15.141 Z"></path></g></svg> </div> <div class="progress-indicator"> <svg><g><circle cx="0" cy="0" r="20" class="animated-circle" transform="translate(50,50) rotate(-90)" /></g><g><circle cx="0" cy="0" r="38" transform="translate(50,50)" /></g></svg> </div> <a href="https://themes.stashfamily.com/themes/ten-toes/" class="stash-credit" target="_blank"> <svg fill="none" viewBox="0 0 322 89"><path fill="#000" d="M0 25h322v64H0z"/><path fill="#fff" d="M48.851 48.998c-.671-2.566-3.524-3.848-8.559-3.848-2.909 0-4.95.25-6.153.724-1.231.502-1.818 1.2-1.818 2.12 0 .78.391 1.366 1.174 1.728.784.39 2.154.642 4.14.753l17.594 1.31c2.769.224 5.174.586 7.188 1.144 2.014.558 3.748 1.31 5.203 2.286 1.454 1.004 2.573 2.259 3.3 3.765.727 1.505 1.091 3.318 1.091 5.41 0 1.728-.224 3.29-.615 4.628-.42 1.338-1.007 2.537-1.79 3.54-.783 1.033-1.846 1.925-3.133 2.65-1.315.753-2.77 1.366-4.364 1.84-1.594.502-3.496.892-5.733 1.171-2.238.28-4.56.502-6.993.614-2.462.111-5.259.167-8.447.167-4.364 0-8.112-.112-11.217-.39-3.104-.28-5.93-.725-8.475-1.394-2.573-.67-4.615-1.562-6.181-2.705-1.567-1.116-2.77-2.566-3.636-4.294-.868-1.729-1.343-3.82-1.427-6.246h21.901c.448 1.784 1.399 3.067 2.881 3.792 1.483.725 3.664 1.087 6.545 1.087 5.734 0 8.615-1.087 8.615-3.262 0-.892-.42-1.533-1.23-1.924-.812-.39-2.182-.67-4.084-.864l-16.783-1.478a46.853 46.853 0 01-5.734-.78 24.362 24.362 0 01-4.643-1.45c-1.454-.614-2.657-1.395-3.58-2.287-.923-.892-1.65-2.036-2.154-3.374-.531-1.338-.783-2.872-.783-4.629 0-2.119.42-3.987 1.259-5.576.839-1.59 2.07-2.9 3.636-3.96 1.566-1.032 3.608-1.868 6.098-2.51 2.46-.64 5.202-1.087 8.223-1.366 2.993-.25 6.49-.39 10.461-.39 3.944 0 7.384.14 10.35.39 2.964.28 5.677.725 8.167 1.367 2.461.641 4.503 1.477 6.07 2.537 1.566 1.06 2.824 2.398 3.72 4.015.894 1.617 1.37 3.514 1.482 5.689H48.85zM129.491 36.617v14.11h-19.272v26.656H91.423V50.726H72.15V36.617h57.34zM169.657 77.383l-2.434-4.74h-21.957l-2.405 4.74h-20.586l21.957-40.766h24.138l21.817 40.766h-20.53zM156.455 50.81h-.448a503.06 503.06 0 01-5.37 11.153h11.188l-5.37-11.153zM226.969 48.998c-.671-2.566-3.524-3.848-8.559-3.848-2.909 0-4.951.25-6.154.724-1.23.502-1.818 1.2-1.818 2.12 0 .78.392 1.366 1.175 1.728.783.39 2.154.642 4.14.753l17.593 1.31c2.769.224 5.175.586 7.189 1.144 2.014.558 3.748 1.31 5.202 2.286 1.455 1.004 2.574 2.259 3.301 3.765.727 1.505 1.091 3.318 1.091 5.41 0 1.728-.224 3.29-.616 4.628-.419 1.338-1.007 2.537-1.79 3.54-.783 1.033-1.846 1.925-3.132 2.65-1.315.753-2.77 1.366-4.364 1.84-1.594.502-3.496.892-5.734 1.171a89.377 89.377 0 01-6.993.614c-2.461.111-5.258.167-8.447.167-4.363 0-8.111-.112-11.216-.39-3.105-.28-5.93-.725-8.475-1.394-2.573-.67-4.615-1.562-6.182-2.705-1.566-1.116-2.769-2.566-3.636-4.294-.867-1.729-1.342-3.82-1.426-6.246h21.901c.447 1.784 1.398 3.067 2.881 3.792 1.482.725 3.664 1.087 6.545 1.087 5.734 0 8.615-1.087 8.615-3.262 0-.892-.42-1.533-1.231-1.924-.811-.39-2.182-.67-4.084-.864l-16.782-1.478a46.837 46.837 0 01-5.734-.78 24.355 24.355 0 01-4.643-1.45c-1.455-.614-2.657-1.395-3.58-2.287-.923-.892-1.651-2.036-2.154-3.374-.532-1.338-.783-2.872-.783-4.629 0-2.119.419-3.987 1.258-5.576.839-1.59 2.07-2.9 3.637-3.96 1.566-1.032 3.608-1.868 6.097-2.51 2.462-.64 5.203-1.087 8.224-1.366 2.992-.25 6.489-.39 10.461-.39 3.943 0 7.384.14 10.349.39 2.965.28 5.678.725 8.167 1.367 2.462.641 4.503 1.477 6.07 2.537 1.566 1.06 2.825 2.398 3.72 4.015.895 1.617 1.371 3.514 1.482 5.689h-21.565zM293.204 36.617H312v40.766h-18.796V63.05h-21.426v14.332H253.01V36.617h18.768v13.886h21.426V36.617z"/><path fill="#FE0" d="M222 0h100v25H222z"/><path fill="#000" d="M232.482 19V7.948h-4.122V6.13h10.368v1.818h-4.104V19h-2.142zm7.708-12.87h2.142v5.328h6.084V6.13h2.142V19h-2.142v-5.706h-6.084V19h-2.142V6.13zm14.71 5.31h6.282v1.836H254.9v3.906h7.344V19h-9.486V6.13h9.306v1.818H254.9v3.492zm9.091 7.56V6.13h2.772l3.6 9.9h.036l3.582-9.9h2.772V19h-2.088V9.244h-.036L271.227 19h-1.71l-3.402-9.756h-.036V19h-2.088zm17.101-7.56h6.282v1.836h-6.282v3.906h7.344V19h-9.486V6.13h9.306v1.818h-7.164v3.492zm22.22-2.07c0 1.584-.936 2.322-1.998 2.682v.036c1.35.234 2.502 1.224 2.502 3.15 0 2.484-1.71 3.762-4.374 3.762h-5.832V6.13h5.526c2.646 0 4.176 1.17 4.176 3.24zm-7.56 2.088h3.312c1.53 0 2.106-.612 2.106-1.746s-.702-1.764-1.98-1.764h-3.438v3.51zm0 1.602v4.122h3.528c1.836 0 2.394-.864 2.394-2.07 0-1.314-.81-2.052-2.16-2.052h-3.762zm8.645-6.93h2.286l3.33 5.976h.036l3.348-5.976h2.286l-4.572 7.758V19h-2.142v-5.112l-4.572-7.758z"/></svg> </a> <div class="post-navigation stash-navigation"> <li class="stash-close-btn close"> <a><span>{text:Translate Close Text}</span><i class="im im-x-mark"></i></a> </li> <li class="stash-prev-btn"> <a><span>{text:Translate Prev Text}</span><i class="im im-arrow-left"></i></a> </li> <li class="stash-next-btn"> <a><span>{text:Translate Next Text}</span><i class="im im-arrow-right"></i></a> </li> </div> <div class="stash-overlay"> <div class='stash-container container'> <div class="stash-content"> </div> <div class='stash-post-meta'> <div class='stash-caption'> <div class="inner"></div> </div> </div> <div class='stash-back-btn'> <svg version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20"><path d="M10.707 10.5l8.646-8.646c0.195-0.195 0.195-0.512 0-0.707s-0.512-0.195-0.707 0l-8.646 8.646-8.646-8.646c-0.195-0.195-0.512-0.195-0.707 0s-0.195 0.512 0 0.707l8.646 8.646-8.646 8.646c-0.195 0.195-0.195 0.512 0 0.707 0.098 0.098 0.226 0.146 0.354 0.146s0.256-0.049 0.354-0.146l8.646-8.646 8.646 8.646c0.098 0.098 0.226 0.146 0.354 0.146s0.256-0.049 0.354-0.146c0.195-0.195 0.195-0.512 0-0.707l-8.646-8.646z"></path></svg> </div> </div> </div> <div id="sidebar" class="{select:Header Text Case} "> <div class="inner animated slow"> <div class="wrap"> <nav class="sidebar-navigation widget cl"> <ul> {block:IfHeaderAvatarimage} <li class="avatar widget {select:Avatar Style}"> <img src="{image:Header Avatar}" /> </li> {/block:IfHeaderAvatarimage} {block:IfHomeLink} <li><a href="/">{text:Translate Home Text}</a></li> {/block:IfHomeLink} {block:HasPages} {block:Pages}<li> <a href="{URL}">{Label}</a></li>{/block:Pages} {/block:HasPages} {block:IfCustomLink1URL}<li><a href="{text:Custom Link 1 URL}">{text:Custom Link 1 Name}</a></li>{/block:IfCustomLink1URL} {block:IfCustomLink2URL}<li><a href="{text:Custom Link 2 URL}">{text:Custom Link 2 Name}</a></li>{/block:IfCustomLink2URL} {block:IfCustomLink3URL}<li><a href="{text:Custom Link 3 URL}">{text:Custom Link 3 Name}</a></li>{/block:IfCustomLink3URL} {block:IfCustomLink4URL}<li><a href="{text:Custom Link 4 URL}">{text:Custom Link 4 Name}</a></li>{/block:IfCustomLink4URL} {block:IfCustomLink5URL}<li><a href="{text:Custom Link 5 URL}">{text:Custom Link 5 Name}</a></li>{/block:IfCustomLink5URL} {block:IfCustomLink6URL}<li><a href="{text:Custom Link 6 URL}">{text:Custom Link 6 Name}</a></li>{/block:IfCustomLink6URL} {block:IfCustomLink7URL}<li><a href="{text:Custom Link 7 URL}">{text:Custom Link 7 Name}</a></li>{/block:IfCustomLink7URL} {block:IfCustomLink8URL}<li><a href="{text:Custom Link 8 URL}">{text:Custom Link 8 Name}</a></li>{/block:IfCustomLink8URL} {block:IfCustomLink9URL}<li><a href="{text:Custom Link 9 URL}">{text:Custom Link 9 Name}</a></li>{/block:IfCustomLink9URL} {block:IfCustomLink10URL}<li><a href="{text:Custom Link 10 URL}">{text:Custom Link 10 Name}</a></li>{/block:IfCustomLink10URL} {block:AskEnabled} <li> <a class="stash-ask-page" href="https://{name}.tumblr.com/ask" title="{text:Ask Link Label}">{text:Ask Link Label}</a></li> {/block:AskEnabled} {block:SubmissionsEnabled} <li> <a href="https://{name}.tumblr.com/submit" title="{text:Submit Link Label}">{text:Submit Link Label}</a></li> {/block:SubmissionsEnabled} {block:IfArchiveLink} <li><a href="https://{name}.tumblr.com/archive" title="{text:Archive Link Label}">{text:Archive Link Label}</a></li> {/block:IfArchiveLink} {block:ifRandomLink} <li><a href="https://{name}.tumblr.com/random" title="{text:Random Link Label}">{text:Random Link Label}</a></li> {/block:ifRandomLink} {block:ifRSSLink} <li><a href="{RSS}" title="{lang:RSS}">{lang:RSS}</a></li> {/block:ifRSSLink} </ul> </nav> <nav class="sidebar-social widget cl"> <ul class="social-links-icons social-links"> {block:ifTwitterURL}<li><a target="_blank" href="{text:Twitter URL}"><i class="fa-brands fa-twitter"></i></a></li>{/block:ifTwitterURL} {block:ifInstagramURL}<li><a target="_blank" href="{text:Instagram URL}"><i class="fa-brands fa-instagram"></i></a></li>{block:ifInstagramURL} {block:ifFacebookURL}<li><a target="_blank" href="{text:Facebook URL}"><i class="fa-brands fa-facebook"></i></a></li>{/block:ifFacebookURL} {block:ifYoutubeURL}<li><a target="_blank" href="{text:Youtube URL}"><i class="fa-brands fa-youtube"></i></a></li>{/block:ifYoutubeURL} {block:ifSnapchatURL}<li><a target="_blank" href="{text:Snapchat URL}"><i class="fa-brands fa-snapchat-ghost"></i></a></li>{/block:ifSnapchatURL} {block:ifPhoneNumber}<li><a target="_blank" href="tel:{text:Phone Number}"><i class="fa fa-phone"></i></a></li>{/block:ifPhoneNumber} {block:ifEmailAddress}<li><a target="_blank" href="mailto:{text:Email Address}"><i class="fa fa-envelope"></i></a></li>{/block:ifEmailAddress} {block:if500pxURL}<li><a target="_blank" href="{text:500px URL}"><i class="fa-brands fa-500px"></i></a></li>{/block:if500pxURL} {block:ifAmazonURL}<li><a target="_blank" href="{text:Amazon URL}"><i class="fa-brands fa-amazon"></i></a></li>{/block:ifAmazonURL} {block:ifAppleURL}<li><a target="_blank" href="{text:Apple URL}"><i class="fa-brands fa-apple"></i></a></li>{/block:ifAppleURL} {block:ifBandcampURL}<li><a target="_blank" href="{text:Bandcamp URL}"><i class="fa-brands fa-bandcamp"></i></a></li>{/block:ifBandcampURL} {block:ifBehanceURL}<li><a target="_blank" href="{text:Behance URL}"><i class="fa-brands fa-behance"></i></a></li>{/block:ifBehanceURL} {block:ifDribbbleURL}<li><a target="_blank" href="{text:Dribbble URL}"><i class="fa-brands fa-dribbble"></i></a></li>{/block:ifDribbbleURL} {block:ifEtsyURL}<li><a target="_blank" href="{text:Etsy URL}"><i class="fa-brands fa-etsy"></i></a></li>{/block:ifEtsyURL} {block:ifFlickrURL}<li><a target="_blank" href="{text:Flickr URL}"><i class="fa-brands fa-flickr"></i></a></li>{/block:ifFlickrURL} {block:ifGithubURL}<li><a target="_blank" href="{text:Github URL}"><i class="fa-brands fa-github"></i></a></li>{/block:ifGithubURL} {block:ifLinkedinURL}<li><a target="_blank" href="{text:Linkedin URL}"><i class="fa-brands fa-linkedin"></i></a></li>{/block:ifLinkedinURL} {block:ifPayPalURL}<li><a target="_blank" href="{text:PayPal URL}"><i class="fa-brands fa-paypal"></i></a></li>{/block:ifPayPalURL} {block:ifPinterestURL}<li><a target="_blank" href="{text:Pinterest URL}"><i class="fa-brands fa-pinterest"></i></a></li>{/block:ifPinterestURL} {block:ifPodcastURL}<li><a target="_blank" href="{text:Podcast URL}"><i class="fa fa-podcast"></i></a></li>{/block:ifPodcastURL} {block:ifMixcloudURL}<li><a target="_blank" href="{text:Mixcloud URL}"><i class="fa-brands fa-mixcloud"></i></a></li>{/block:ifMixcloudURL} {block:ifSoundcloudURL}<li><a target="_blank" href="{text:Soundcloud URL}"><i class="fa-brands fa-soundcloud"></i></a></li>{/block:ifSoundcloudURL} {block:ifSkypeURL}<li><a target="_blank" href="{text:Skype URL}"><i class="fa-brands fa-skype"></i></a></li>{/block:ifSkypeURL} {block:ifSpotifyURL}<li><a target="_blank" href="{text:Spotify URL}"><i class="fa-brands fa-spotify"></i></a></li>{/block:ifSpotifyURL} {block:ifTwitchURL}<li><a target="_blank" href="{text:Twitch URL}"><i class="fa-brands fa-twitch"></i></a></li>{/block:ifTwitchURL} {block:ifVimeoURL}<li><a target="_blank" href="{text:Vimeo URL}"><i class="fa-brands fa-vimeo"></i></a></li>{/block:ifVimeoURL} {block:ifVKURL}<li><a target="_blank" href="{text:VK URL}"><i class="fa-brands fa-vk"></i></a></li>{/block:ifVKURL} {block:ifWordpressURL}<li><a target="_blank" href="{text:Wordpress URL}"><i class="fa-brands fa-wordpress"></i></a></li>{/block:ifWordpressURL} {block:ifShopURL}<li><a target="_blank" href="{text:Shop URL}"><i class="fa fa-store"></i></a></li>{/block:ifShopURL} </ul> </nav> {block:ShowDescription} <div class="sidebar-description widget"><p>{Description}</p></div> {/block:ShowDescription} {block:IfSidebarSearch} <div class="search widget"> <form action="/search" method="get"> <input type="text" name="q" placeholder="Search" value="{SearchQuery}"/> </form> </div> {/block:IfSidebarSearch} </div> </div> </div> <div id="header" class="{select:Header Text Case} "> <div class="wrap"> <div class="inner"> {block:ifheaderavatarimage} <div class="avatar widget {select:Avatar Style}"> <a href="/"><img src="{image:Header Avatar}" /></a> </div> {/block:ifheaderavatarimage} <div class="logo {select:Header Text Case}"> {block:ShowTitle} {block:ifnotlogoimage} <a {block:ifnotlogocustomlink}href="/"{/block:ifnotlogocustomlink}{block:iflogocustomlink}href="{text:Logo Custom Link}"{/block:iflogocustomlink} title="{lang:Home}">{Title}</a> {/block:ifnotlogoimage} {block:iflogoimage} <a {block:ifnotlogocustomlink}href="/"{/block:ifnotlogocustomlink}{block:iflogocustomlink}href="{text:Logo Custom Link}"{/block:iflogocustomlink}><img src="{image:Logo}" alt="logo" /></a> {/block:iflogoimage} {/block:ShowTitle} </div> <nav class="navigation cl"> <ul> {block:IfHomeLink}<li><a href="/">{text:Translate Home Text}</a></li>{/block:IfHomeLink} {block:HasPages} {block:Pages}<li> <a href="{URL}">{Label}</a></li>{/block:Pages} {/block:HasPages} {block:IfCustomLink1URL}<li><a href="{text:Custom Link 1 URL}">{text:Custom Link 1 Name}</a></li>{/block:IfCustomLink1URL} {block:IfCustomLink2URL}<li><a href="{text:Custom Link 2 URL}">{text:Custom Link 2 Name}</a></li>{/block:IfCustomLink2URL} {block:IfCustomLink3URL}<li><a href="{text:Custom Link 3 URL}">{text:Custom Link 3 Name}</a></li>{/block:IfCustomLink3URL} {block:IfCustomLink4URL}<li><a href="{text:Custom Link 4 URL}">{text:Custom Link 4 Name}</a></li>{/block:IfCustomLink4URL} {block:IfCustomLink5URL}<li><a href="{text:Custom Link 5 URL}">{text:Custom Link 5 Name}</a></li>{/block:IfCustomLink5URL} {block:IfCustomLink6URL}<li><a href="{text:Custom Link 6 URL}">{text:Custom Link 6 Name}</a></li>{/block:IfCustomLink6URL} {block:IfCustomLink7URL}<li><a href="{text:Custom Link 7 URL}">{text:Custom Link 7 Name}</a></li>{/block:IfCustomLink7URL} {block:IfCustomLink8URL}<li><a href="{text:Custom Link 8 URL}">{text:Custom Link 8 Name}</a></li>{/block:IfCustomLink8URL} {block:IfCustomLink9URL}<li><a href="{text:Custom Link 9 URL}">{text:Custom Link 9 Name}</a></li>{/block:IfCustomLink9URL} {block:IfCustomLink10URL}<li><a href="{text:Custom Link 10 URL}">{text:Custom Link 10 Name}</a></li>{/block:IfCustomLink10URL} {block:AskEnabled}<li> <a class="stash-ask-page" href="https://{name}.tumblr.com/ask" title="{text:Ask Link Label}">{text:Ask Link Label}</a></li>{/block:AskEnabled} {block:SubmissionsEnabled}<li> <a href="https://{name}.tumblr.com/submit" title="{text:Submit Link Label}">{text:Submit Link Label}</a></li>{/block:SubmissionsEnabled} {block:IfArchiveLink}<li><a href="https://{name}.tumblr.com/archive" title="{text:Archive Link Label}">{text:Archive Link Label}</a></li>{/block:IfArchiveLink} {block:ifRandomLink}<li><a href="https://{name}.tumblr.com/random" title="{text:Random Link Label}">{text:Random Link Label}</a></li>{/block:ifRandomLink} {block:ifRSSLink}<li><a href="{RSS}" title="{lang:RSS}">{lang:RSS}</a></li>{/block:ifRSSLink} </ul> </nav> <nav class="header-social cl"> <ul class="social-links-icons social-links"> {block:ifTwitterURL}<li><a target="_blank" href="{text:Twitter URL}"><i class="fa-brands fa-twitter"></i></a></li>{/block:ifTwitterURL} {block:ifInstagramURL}<li><a target="_blank" href="{text:Instagram URL}"><i class="fa-brands fa-instagram"></i></a></li>{block:ifInstagramURL} {block:ifTikTokURL}<li><a target="_blank" href="{text:TikTok URL}"><i class="fa-brands fa-tiktok"></i></a></li>{block:ifTikTokURL} {block:ifFacebookURL}<li><a target="_blank" href="{text:Facebook URL}"><i class="fa-brands fa-facebook"></i></a></li>{/block:ifFacebookURL} {block:ifYoutubeURL}<li><a target="_blank" href="{text:Youtube URL}"><i class="fa-brands fa-youtube"></i></a></li>{/block:ifYoutubeURL} {block:ifSnapchatURL}<li><a target="_blank" href="{text:Snapchat URL}"><i class="fa-brands fa-snapchat-ghost"></i></a></li>{/block:ifSnapchatURL} {block:ifPhoneNumber}<li><a target="_blank" href="tel:{text:Phone Number}"><i class="fa fa-phone"></i></a></li>{/block:ifPhoneNumber} {block:ifEmailAddress}<li><a target="_blank" href="mailto:{text:Email Address}"><i class="fa fa-envelope"></i></a></li>{/block:ifEmailAddress} {block:if500pxURL}<li><a target="_blank" href="{text:500px URL}"><i class="fa-brands fa-500px"></i></a></li>{/block:if500pxURL} {block:ifAmazonURL}<li><a target="_blank" href="{text:Amazon URL}"><i class="fa-brands fa-amazon"></i></a></li>{/block:ifAmazonURL} {block:ifAppleURL}<li><a target="_blank" href="{text:Apple URL}"><i class="fa-brands fa-apple"></i></a></li>{/block:ifAppleURL} {block:ifBandcampURL}<li><a target="_blank" href="{text:Bandcamp URL}"><i class="fa-brands fa-bandcamp"></i></a></li>{/block:ifBandcampURL} {block:ifBehanceURL}<li><a target="_blank" href="{text:Behance URL}"><i class="fa-brands fa-behance"></i></a></li>{/block:ifBehanceURL} {block:ifDribbbleURL}<li><a target="_blank" href="{text:Dribbble URL}"><i class="fa-brands fa-dribbble"></i></a></li>{/block:ifDribbbleURL} {block:ifEtsyURL}<li><a target="_blank" href="{text:Etsy URL}"><i class="fa-brands fa-etsy"></i></a></li>{/block:ifEtsyURL} {block:ifFlickrURL}<li><a target="_blank" href="{text:Flickr URL}"><i class="fa-brands fa-flickr"></i></a></li>{/block:ifFlickrURL} {block:ifGithubURL}<li><a target="_blank" href="{text:Github URL}"><i class="fa-brands fa-github"></i></a></li>{/block:ifGithubURL} {block:ifLinkedinURL}<li><a target="_blank" href="{text:Linkedin URL}"><i class="fa-brands fa-linkedin"></i></a></li>{/block:ifLinkedinURL} {block:ifPayPalURL}<li><a target="_blank" href="{text:PayPal URL}"><i class="fa-brands fa-paypal"></i></a></li>{/block:ifPayPalURL} {block:ifPinterestURL}<li><a target="_blank" href="{text:Pinterest URL}"><i class="fa-brands fa-pinterest"></i></a></li>{/block:ifPinterestURL} {block:ifPodcastURL}<li><a target="_blank" href="{text:Podcast URL}"><i class="fa-brands fa-podcast"></i></a></li>{/block:ifPodcastURL} {block:ifMixcloudURL}<li><a target="_blank" href="{text:Mixcloud URL}"><i class="fa-brands fa-mixcloud"></i></a></li>{/block:ifMixcloudURL} {block:ifSoundcloudURL}<li><a target="_blank" href="{text:Soundcloud URL}"><i class="fa-brands fa-soundcloud"></i></a></li>{/block:ifSoundcloudURL} {block:ifSkypeURL}<li><a target="_blank" href="{text:Skype URL}"><i class="fa-brands fa-skype"></i></a></li>{/block:ifSkypeURL} {block:ifSpotifyURL}<li><a target="_blank" href="{text:Spotify URL}"><i class="fa-brands fa-spotify"></i></a></li>{/block:ifSpotifyURL} {block:ifTwitchURL}<li><a target="_blank" href="{text:Twitch URL}"><i class="fa-brands fa-twitch"></i></a></li>{/block:ifTwitchURL} {block:ifVimeoURL}<li><a target="_blank" href="{text:Vimeo URL}"><i class="fa-brands fa-vimeo"></i></a></li>{/block:ifVimeoURL} {block:ifVKURL}<li><a target="_blank" href="{text:VK URL}"><i class="fa-brands fa-vk"></i></a></li>{/block:ifVKURL} {block:ifWordpressURL}<li><a target="_blank" href="{text:Wordpress URL}"><i class="fa-brands fa-wordpress"></i></a></li>{/block:ifWordpressURL} {block:ifShopURL}<li><a target="_blank" href="{text:Shop URL}"><i class="fa fa-store"></i></a></li>{/block:ifShopURL} </ul> </nav> {block:ShowDescription} <div class="header-description"><p>{Description}</p></div> {/block:ShowDescription} {block:IfSidebarSearch} <div class="search widget"> <form action="/search" method="get"> <input type="text" name="q" placeholder="Search" value="{SearchQuery}"/> </form> </div> {/block:IfSidebarSearch} {block:IfMobileMenu} <div class="sidebar-toggle"> <i class="fa fa-bars fa-lg"></i> </div> {/block:IfMobileMenu} <div class="close-mobile-modal"> <svg width="16px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><path d="M7.172,10 L3.642,6.47 L0.102,2.93 L2.928,0.1 L10,7.173 L17.07,0.103 L19.9,2.93 L12.827,10 L19.897,17.07 L17.07,19.9 L10,12.827 L2.93,19.897 L0.1,17.07 L7.173,10 L7.172,10 Z"></path></g></svg> </div> </div> </div> </div> <div class="page-container"> <div id="stash" class="page {block:PermalinkPage}single {/block:PermalinkPage}"> {block:IndexPage}<div id="ants-loader" style="opacity: 0;"><div class="loading-icon"></div></div>{/block:IndexPage} <div id="posts"> <div class="wrap"> <div id="stash-ants"> <div class="ants-sizer-{select:Posts Columns}"></div> <div class="ants-gutter-{select:Posts Columns}"></div> {block:Posts inlineMediaWidth="1280"} {block:Photo} <article id="{PostID}" class="{block:IndexPage} parsed default ants-item-{select:Posts Columns} post modal post-photo pp {block:Tags}{Tag} {/block:Tags}{/block:IndexPage}{block:PermalinkPage}{block:Date} post-single{/block:Date}{/block:PermalinkPage}" data-id="{PostID}" data-notes="{PostNotesURL}" data-pt="photo"> <input id="post-notes-url" type="hidden" value="{PostNotesURL}"> <div class="hidden"> <script type="text/json"> {NPF} </script> </div> <div class="inner"> <div class="media"> {block:IndexPage} <a class="open-modal" href="{Permalink}" data-id="{PostID}"> <div class="overlay-bg"></div> <img src="{block:IfHighQualityImages}{PhotoURL-HighRes}{/block:IfHighQualityImages}{block:IfNotHighQualityImages}{PhotoURL-500}{/block:IfNotHighQualityImages}" data-img-hq="{PhotoURL-HighRes}" alt="{PhotoAlt}" /> </a> <div class="overlay"> {block:Caption}<div class="post-caption">{Caption}</div>{/block:Caption} <div class="post-share"> <div class="close-post-share"> <svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\<path d="M18,15.141 L11.76375,8.98425 L17.91375,2.77275 L15.141,0 L8.982,6.2385 L2.7495,0.08625 L-1.77635684e-15,2.83575 L6.24075,9.01575 L0.08625,15.2505 L2.83575,18 L9.0135,11.7615 L15.22725,17.91375 L18,15.141 Z" fill="#FFFFFF"></path></g></svg> </div> <div class="social-media"> <span class="share-facebook" title="Share on Facebook"><a class="fa fa-facebook" href="https://www.facebook.com/sharer.php?u={Permalink}{block:Title}&t={Title}{/block:Title}" target="_new"></a></span><span class="share-twitter" title="Share on Twitter"><a class="fa fa-twitter" href="https://twitter.com/intent/tweet?url={ShortURL}" target="_new"></a></span><span class="share-pinterest"><a class="fa fa-pinterest" target="_new" href="https://pinterest.com/pin/create/button/?url={Permalink}&media={PhotoURL-500}"></a></span></div> <div class="social-media-footer"> <a class="btn copy-btn"><span style="font-size:0; text-transform:lowercase !important;">{Permalink}</span></a> </div> </div> <ul class="post-footer"> <li class="share-toggle" data-post-id="{PostID}" title="Share this post">{text:Translate Share Text}</li> <li class="post-like" title="Like this post"> {LikeButton color="grey" size="15"} <span class="like-text">{text:Translate Like Text}</span> <span class="like-text like-text-liked">{text:Translate Liked Text}</span> </li> <li class="post-reblog" title="Reblog this post"><a href="{ReblogURL}">{text:Translate Reblog Text}</a></li> <li class="post-note-count"><span><a class="open-modal" data-id="{PostID}"> {NoteCount} {text:Translate Notes Text}</a></span></li> </ul> </div> {/block:IndexPage} {block:PermalinkPage} {LinkOpenTag} <div class="overlay-bg"></div> <img src="{PhotoURL-HighRes}" data-img-hq="{PhotoURL-HighRes}" alt="{PhotoAlt}" /> {LinkCloseTag} {/block:PermalinkPage} </div> <div class="content"> {block:Caption}{Caption}{/block:Caption} </div> {/block:Photo} {block:Photoset} <article id="{PostID}" class="{block:IndexPage} parsed default ants-item-{select:Posts Columns} post modal post-photoset pp {block:Tags}{Tag} {/block:Tags}{/block:IndexPage}" data-id="{PostID}" data-notes="{PostNotesURL}" data-pt="photoset"> <input id="post-notes-url" type="hidden" value="{PostNotesURL}"> <div class="media"> <div class="stash-photoset ips"> <div class="overlay-bg"></div> <div class="ps-options ps-nav-left"><i class="im im-arrow-left"></i></div> <div class="ps-options ps-nav-right"><i class="im im-arrow-right"></i></div> <div class="ps-options photoset-count" data-id="{PostID}"><span>1</span> / {PhotoCount}</div> <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}"> {block:Photos} {block:IndexPage} <a class="open-modal single-photoset" href="{Permalink}" data-id="{PostID}"> <img data-img-hq="{PhotoURL-HighRes}" alt="{PhotoAlt}" src="{block:IfHighQualityImages}{PhotoURL-HighRes}{/block:IfHighQualityImages}{block:IfNotHighQualityImages}{PhotoURL-500}{/block:IfNotHighQualityImages}" /> </a> {/block:IndexPage} {block:PermalinkPage} <a class="single-photoset" href="{PhotoURL-HighRes}"><img data-img-hq="{PhotoURL-HighRes}" alt="{PhotoAlt}" src="{PhotoURL-HighRes}" /></a> {/block:PermalinkPage} {/block:Photos} </div> </div> </div> {block:Caption}<div class="content">{Caption}</div>{/block:Caption} {/block:Photoset} {block:Text} <article id="{PostID}" class="{block:IndexPage} ants-item-{select:Posts Columns} post modal post-text {block:Tags}{Tag} {/block:Tags}{/block:IndexPage} {block:PermalinkPage}{block:Date} post-single single-text{/block:Date}{/block:PermalinkPage}" data-id="{PostID}" data-notes="{PostNotesURL}" data-pt="text"> <input id="post-notes-url" type="hidden" value="{PostNotesURL}"> <div class="hidden"> <script type="text/json"> {NPF} </script> </div> {block:IndexPage} <a class="open-modal photo-modal" href="{Permalink}" data-id="{PostID}"></a> {/block:IndexPage} {block:PermalinkPage}<div class="post-left">{/block:PermalinkPage} <div class="inside"> <div class="content"> {block:IndexPage} {block:Title}<h2 class="post-title"><a class="open-modal" href="{Permalink}" data-id="{PostID}">{Title}</a></h2>{/block:Title} {/block:IndexPage} {block:PermalinkPage} {block:Title}<h2 class="post-title">{Title}</h2>{/block:Title} {/block:PermalinkPage} {block:NotReblog} {Body} {/block:NotReblog} {block:RebloggedFrom} <div class="reblog-list"> {block:Reblogs} <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}"> <div class="post-reblog-header"> <div class="post-avatar"> <div class="post-avatar-wrapper"> {block:IsActive} <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img class="post-avatar-image" src="{PortraitURL-64}"> </a> {/block:IsActive} {block:IsDeactivated} <span class="inactive reblog-avatar{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}"> <img class="post-avatar-image" src="{PortraitURL-64}"> </span> {/block:IsDeactivated} </div> </div> {block:IsActive} <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a> {/block:IsActive} {block:IsDeactivated} <span class="inactive post-tumblelog-name">{Username}</span> {/block:IsDeactivated} </div> <div class="post-reblog-content"> <div class="post-body"> {Body} </div> </div> </div> {/block:Reblogs} </div> {/block:RebloggedFrom} </div> {block:IndexPage} <div class="overlay-bg"></div> <div class="overlay"> <div class="post-share"> <div class="close-post-share"> <svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\<path d="M18,15.141 L11.76375,8.98425 L17.91375,2.77275 L15.141,0 L8.982,6.2385 L2.7495,0.08625 L-1.77635684e-15,2.83575 L6.24075,9.01575 L0.08625,15.2505 L2.83575,18 L9.0135,11.7615 L15.22725,17.91375 L18,15.141 Z" fill="#FFFFFF"></path></g></svg> </div> <div class="social-media"> <span class="share-facebook" title="Share on Facebook"><a class="fa fa-facebook" href="https://www.facebook.com/sharer.php?u={Permalink}{block:Title}&t={Title}{/block:Title}" target="_new"></a></span><span class="share-twitter" title="Share on Twitter"><a class="fa fa-twitter" href="https://twitter.com/intent/tweet?url={ShortURL}" target="_new"></a></span><span class="share-pinterest"><a class="fa fa-pinterest" target="_new" href="https://pinterest.com/pin/create/button/?url={Permalink}&media={PhotoURL-500}"></a></span></div> <div class="social-media-footer"> <a class="btn copy-btn"><span style="font-size:0; text-transform:lowercase !important;">{Permalink}</span></a> </div> </div> <ul class="post-footer"> <li class="share-toggle" data-post-id="{PostID}" title="Share this post">{text:Translate Share Text}</li> <li class="post-like" title="Like this post"> {LikeButton color="grey" size="15"} <span class="like-text">{text:Translate Like Text}</span> <span class="like-text like-text-liked">{text:Translate Liked Text}</span> </li> <li class="post-reblog" title="Reblog this post"><a href="{ReblogURL}">{text:Translate Reblog Text}</a></li> <li class="post-note-count"><span><a class="open-modal" data-id="{PostID}"> {NoteCount} {text:Translate Notes Text}</a></span></li> </ul> </div> </div> {/block:IndexPage} {/block:Text} {block:Audio} <article id="{PostID}" class="{block:IndexPage} parsed default ants-item-{select:Posts Columns} post modal post-audio {block:Tags}{Tag} {/block:Tags}{/block:IndexPage}" data-id="{PostID}" data-notes="{PostNotesURL}" data-pt="audio"> <input id="post-notes-url" type="hidden" value="{PostNotesURL}"> <div class="inside"> <div class="media"> <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="500" height="500" />{/block:AlbumArt}</div> <div class="player">{AudioPlayerBlack}</div> {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed} </div> <a class="ps-options open-modal" href="{Permalink}" data-id="{PostID}"><i class="im im-maximize"></i></a> <div class="content">{block:Caption}{Caption}{/block:Caption}</div> {/block:Audio} {block:Video} <article id="{PostID}" class="{block:IndexPage} parsed default ants-item-{select:Posts Columns} post modal post-video {block:Tags}{Tag} {/block:Tags}{/block:IndexPage}" data-id="{PostID}" data-notes="{PostNotesURL}" data-pt="video"> <input id="post-notes-url" type="hidden" value="{PostNotesURL}"> <div class="inside"> <div class="media">{Video-500}</div> <a class="ps-options open-modal" href="{Permalink}" data-id="{PostID}"><i class="im im-maximize"></i></a> <div class="content">{block:Caption}{Caption}{/block:Caption}</div> {/block:Video} {block:Quote} <article id="{PostID}" class="{block:IndexPage} parsed default ants-item-{select:Posts Columns} post modal post-quote {block:Tags}{Tag} {/block:Tags}{/block:IndexPage}" data-id="{PostID}" data-notes="{PostNotesURL}" data-pt="quote"> <input id="post-notes-url" type="hidden" value="{PostNotesURL}"> <div class="inside"> <div class="content"> <blockquote>{Quote}</blockquote> <figcaption>{block:Source}- {Source}{/block:Source}</figcaption> </div> {/block:Quote} {block:Link} <article id="{PostID}" class="{block:IndexPage} parsed default ants-item-{select:Posts Columns} post modal post-link {block:Tags}{Tag} {/block:Tags}{/block:IndexPage}" data-id="{PostID}" data-notes="{PostNotesURL}" data-pt="link"> <input id="post-notes-url" type="hidden" value="{PostNotesURL}"> <div class="inside"> <div class="content"> <h1><a class="link" href="{URL}">{Name}</a></h1> {block:Description}{Description}{/block:Description} </div> {/block:Link} {block:Chat} <article id="{PostID}" class="{block:IndexPage} parsed default ants-item-{select:Posts Columns} post modal post-chat {block:Tags}{Tag} {/block:Tags}{/block:IndexPage}" data-id="{PostID}" data-notes="{PostNotesURL}" data-pt="chat"> <input id="post-notes-url" type="hidden" value="{PostNotesURL}"> <div class="content"> <ul class="chat"> {block:Lines}<li class="{Alt}">{block:Label}<span class="person">{Label}</span>{/block:Label}<span class="said"> {Line} </span></li>{/block:Lines} </ul> </div> {/block:Chat} {block:Answer} <article id="{PostID}" class="{block:IndexPage} parsed default ants-item-{select:Posts Columns} post post-answer {block:Tags}{Tag} {/block:Tags}{/block:IndexPage}" data-id="{PostID}" data-notes="{PostNotesURL}" data-pt="answer"> <input id="post-notes-url" type="hidden" value="{PostNotesURL}"> <div class="inside"> <div class="content"> <div class="asker-box"> <img class="asker-avatar" src="{AskerPortraitURL-24}" /><span class="the-asker">{Asker}</span> {text:Translate asked Text}: {Question} </div> <div class="answer"> {Answer} </div> </div> {/block:Answer} {block:Date} <div class="post-meta cl"> <div class="inner cl"> <div class="meta"> <time class="meta-date"> {text:Translate Posted On Text}: <a class="open-modal" href="{Permalink}" data-id="{PostID}">{DayOfMonth} {Month} {Year}</a></time> </div> <ul class="share"> <li class="post-share-parent" title="Share this post"> <a class="post-share-toggle">{text:Translate Share Text}</a> <ul class="standard-share"> <span class="share-facebook" title="Share on Facebook"><a href="https://www.facebook.com/sharer.php?u={Permalink}{block:Title}&t={Title}{/block:Title}" target="_new"><i class="fa-brands fa-facebook"></i>Facebook</a></span> <span class="share-twitter" title="Share on Twitter"><a href="https://twitter.com/intent/tweet?url={ShortURL}" target="_new"><i class="fa-brands fa-twitter"></i>Twitter</a></span> <span style="cursor:pointer; padding: 10px ;" class="share-copy copy-btn" title="Copy Link"><span style="font-size:0; text-transform:lowercase !important;">{Permalink}</span></span> </ul> </li> <li class="post-like" title="Like this post"> {LikeButton color="grey" size="15"} <span class="like-text">{text:Translate Like Text}</span> <span class="like-text like-text-liked">{text:Translate Liked Text}</span> </li> <li class="post-reblog" title="Reblog this post"> <a href="{ReblogURL}">{text:Translate Reblog Text}</a> </li> {block:HasTags} {block:Tags}<li class="the-tag tag-{Tag}"> <a href="{TagURL}">{Tag}</a> </li>{/block:Tags} {/block:HasTags} <li class="post-note-count"><a href="{Permalink}" data-id="{PostID}" class="meta-notes open-modal"> {NoteCount} {text:Translate Notes Text} </a></li> <li class="stash-show-share"> <a><span>{text:Translate Share Text}</span> <i class="im im-share"></i></a> <div class="show-share"> <figure class="show-share-facebook"><a href="https://www.facebook.com/sharer.php?u={Permalink}{block:Title}&t={Title}{/block:Title}" target="_new"><i class="im im-facebook"></i></a></figure><figure class="show-share-twitter"><a href="https://twitter.com/intent/tweet?url={ShortURL}" target="_new"><i class="im im-twitter"></i></a></figure><figure class="show-share-pinterest"><a target="_new" href="https://pinterest.com/pin/create/button/?url={Permalink}&media={PhotoURL-500}"><i class="im im-pinterest"></i></a></figure> </div> </li> </ul> </div> </div> {block:PermalinkPage} {block:IfShowPostNotes} {block:NoteCount} <div id="notes" class="cl"> {PostNotes} </div> {/block:NoteCount} {/block:IfShowPostNotes} {/block:PermalinkPage} {/block:Date} </article> {block:ContentSource} {/block:ContentSource} {/block:Posts} {block:IndexPage}</div>{/block:IndexPage} </div> </div> {block:Pagination} <div class="standard-pagination"> <div class="wrapper"> {block:PreviousPage}<a class="left" href="{PreviousPage}"><i class="fa fa-long-arrow-left"></i> Newer</a>{/block:PreviousPage} {block:NextPage}<a class="right older" href="{NextPage}">Older <i class="fa fa-long-arrow-right"></i></a>{/block:NextPage} </div> </div> {/block:Pagination} </div> </div> <div id="backToTop" class="footer-icon"> <i class="im im-arrow-up"></i> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> <script type="text/javascript" src="https://static.tumblr.com/jzzkxgh/esXs0au5d/plugins.js"></script> <script src="https://static.tumblr.com/jzzkxgh/SDfqi8suw/ten-toes.js"></script> {block:IfModalPost}<script src="https://static.tumblr.com/jzzkxgh/seIs05v44/modal.js"></script>{/block:IfModalPost} {block:IfTypeKitID} <script type="text/javascript" src="//use.typekit.net/{text:TypeKit ID}.js"></script> <script type="text/javascript">try{Typekit.load();}catch(e){}</script> {/block:IfTypeKitID} <script type="text/javascript"> (function($) { var windowwidth = $(document).width(); $(document).ready(function(){ const copyToClipboard = text => { const ta = document.createElement("textarea"); ta.textContent = text; document.body.appendChild(ta); ta.select(); document.execCommand("copy"); document.body.removeChild(ta); }; for (const elem of document.querySelectorAll(".copy-btn")) { elem.addEventListener("click", e => { copyToClipboard(e.target.innerText); }); } {block:ifNotBannerOnTaggedPage} if ( $('body').hasClass('tagged-page') ) { $("#banner").empty(); } {/block:ifNotBannerOnTaggedPage} setTimeout(function(){ $('body.index-page').css({ 'opacity': '1', 'visibility' : 'visible' }); }, 5000); // $(window).scroll(function(){ // if ($("body").scrollTop() > 200) { // console.log('has scrolled more than 200'); // $('#backToTop').css({ // 'visibility': 'visible', // 'opacity': '1' // }); // } else { // $('#backToTop').css({ // 'visibility': 'hidden', // 'opacity': '0' // }); // $('.banner-text').css({ // 'opacity': '1' // }); // } // }); $('#backToTop').on('click', function(){ TweenLite.to( window, .5, {scrollTo:{y: 0 }, ease:Power2.easeOut}); }) // Reblogs $( "article" ).each(function(i, v) { $(this).find('.tumblr_blog').closest('p').addClass('reblog-user'); $( "p:contains('(via')" ).closest('p').empty(); }); {block:IfNotShowPostReblogs} $( "article" ).each(function(i, v) { $(this).find('.reblog-user').remove(); }); {/block:IfNotShowPostReblogs} }); {block:IndexPage} $antsIsoCont = $('#stash-ants'); antsIsotope = $antsIsoCont.imagesLoaded(function(){ stashFuel(); $("article").fitVids(); $('#stash-ants').isotope(true).isotope('layout'); $('.stash-photoset.ips').stashIPS(); TweenMax.fromTo("body.index-page", 1, {opacity:0, y:100, ease:Power2.easeOut, force3D: true},{opacity:1, y:0, ease:Power2.easeOut, force3D: true}); $antsIsoCont.isotope({ itemSelector: '.ants-item-{select:Posts Columns}', percentPosition: true, transitionDuration: 0, masonry: { columnWidth: '.ants-sizer-{select:Posts Columns}', gutter: '.ants-gutter-{select:Posts Columns}' } }); TweenLite.to('#stash-preloader', .5, {opacity: 0, onComplete: removePre}); function removePre() { $('#stash-preloader').remove(); $('.banner-img, .mobile-banner-img').css({ 'transform': 'none' }); $('.banner-text').css({ 'opacity': '1' }); } }); if ( $('.post-video').length > 0 ) { $('.post').each(function(){ TweenMax.to(".post", 0.4, {autoAlpha:1, ease:Power2.easeOut}); }); setTimeout(function(){ $('#stash-ants').isotope(true).isotope('layout'); }, 1200); } {/block:IndexPage} var controller = new ScrollMagic.Controller(); var $container = $('#stash-ants'); $container.infinitescroll({ navSelector: ".standard-pagination", nextSelector: ".standard-pagination a.older", itemSelector: ".ants-item-{select:Posts Columns}", bufferPx : 1600, extraScrollPx: 300, loading: { msgText: '<div id="ants-loader"><div class="loading-icon"></div></div>', finishedMsg: "", img: '', speed: 'fast', finished: function() { } }, },function( newElements ) { // Remove Reblogs $(this).find('.tumblr_blog').closest('p').addClass('reblog-user'); $( "p:contains('(via')" ).closest('p').remove(); {block:IfNotShowPostReblogs} $(this).find('.reblog-user').remove(); {/block:IfNotShowPostReblogs} var $newElems = $(newElements).css({ opacity: 0, visibility:'hidden'}); $newElems.imagesLoaded(function(){ $($newElems).each(function(){ var currentPost = this; var scene = new ScrollMagic.Scene({triggerElement: currentPost, triggerHook: "onEnter", offset:-150, reverse: true}); scene.addTo(controller); scene.setTween(TweenMax.fromTo(currentPost, 0.7, { autoAlpha:0, y:30, ease: Power2.easeInOut},{autoAlpha:1, y:0, ease: Power2.easeInOut, force3D: true}, 0)); $('#stash-ants').isotope(true).isotope('layout'); }); stashFuel(); $container.isotope( 'appended', $newElems, true ); $('.stash-photoset.ips').stashIPS(); $("article").fitVids(); $('#stash-ants').isotope(true).isotope('layout'); }); var $newElemsIDs = $(newElements).map(function () { return this.id; }).get(); Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs); }); if ( $('.permalink #stash-preloader').length ) { TweenLite.to('#stash-preloader', .5, {opacity: 0, onComplete: removePre}); function removePre() { $('#stash-preloader').remove(); $('.banner-img, .mobile-banner-img').css({ 'transform': 'none' }); $('.banner-text').css({ 'opacity': '1' }); } } })(window.jQuery); $(document).on('click', '.remove-stash-credit', function(){ if ( $('.get-started-toggle').hasClass( "open" ) ) { $('.get-started-toggle').removeClass('open'); $('.get-started-overlay').removeClass('open'); } else { } if ( $('.remove-stash-credit').hasClass( "open" ) ) { $('.remove-stash-credit').removeClass('open'); $('.remove-stash-overlay').removeClass('open'); } else { $('.remove-stash-credit').addClass('open'); $('.remove-stash-overlay').addClass('open'); } }); $(document).on('click', '.get-started-toggle', function(){ if ( $('.remove-stash-credit').hasClass( "open" ) ) { $('.remove-stash-credit').removeClass('open'); $('.remove-stash-overlay').removeClass('open'); } else { } if ( $('.get-started-toggle').hasClass( "open" ) ) { $('.get-started-toggle').removeClass('open'); $('.get-started-overlay').removeClass('open'); } else { $('.get-started-toggle').addClass('open'); $('.get-started-overlay').addClass('open'); } }); </script> {block:IfGoogleAnalyticsID} <script> var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']]; (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0]; g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js'; s.parentNode.insertBefore(g,s)}(document,'script')); </script> {/block:IfGoogleAnalyticsID} <style type="text/css"> body .tmblr-iframe--follow-teaser, body .tmblr-iframe--gdpr-banner { display:none !important; } </style> <div class='customize-demo demo-note'> <nav class="cl"><ul><li class="get-started-toggle demo-toggle"><a><b>Get Started</b> <i class="im im-angle-down"></i></a></li></ul></nav> <div class="get-started-overlay demo-overlay"> <p><b>Enable mobile theme</b></br> On the Customize screen turn off the Use default mobile theme option under Advanced Options. </br><img src="https://static.tumblr.com/jzzkxgh/o2Yoomruj/default_mobile_theme.png" /></p> </br> <!--<p><b>Add instagram feed</b></br> Enter your username in the "Instagram Username" box. </br><img src="https://static.tumblr.com/jzzkxgh/Uqsqi8zlv/insta-feed.jpg" /></p>--> <p><b>Display avatar image</b></br> Upload an image to the "Header Avatar" option, square images work best. </br><img src="https://static.tumblr.com/jzzkxgh/Pnhqi7ltv/header-avatar-img.jpg" /></p> </br> <p><b>Remove stash credit</b></br> Remove the stash logo from your website by getting a <a href="https://themes.stashfamily.com/add-ons/full-license" target="_blank">Full License</a>.</p> </br> <p><b>More help & customization</b></br> If you still need more check out our <a href="https://themes.stashfamily.com/help/" target="_blank">help section</a> or the <a href="https://themes.stashfamily.com/docs/ten-toes/" target="_blank">theme docs</a>.</p> </div> </div> </body> </html>
Editor is loading...
Leave a Comment