Skip to content

Instantly share code, notes, and snippets.

@babelpuntocl

babelpuntocl/Theme Tumblr

Created February 22, 2018 22:32
Show Gist options
  • Save babelpuntocl/8dffe2541ff8d0f1614c501174b354c9 to your computer and use it in GitHub Desktop.
Save babelpuntocl/8dffe2541ff8d0f1614c501174b354c9 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Theme Tumblr
<!DOCTYPE html>
<!-- Monaco -->
<!-- Help and FAQ: themes.stashfamily.com/help -->
<!-- Download: themes.stashfamily.com/themes/monaco -->
<html xmlns="http://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}
<!-- Body Options -->
<meta name="image:Logo" content=""/>
<meta name="image:Background" content=""/>
<meta name="image:Sidebar Avatar" content=""/>
<meta name="color:Background" content="#f9f9f9">
<meta name="color:Text" content="#000000">
<meta name="color:Link" content="#000000">
<meta name="color:Logo" content="#ffffff">
<meta name="color:Logo Border" content="#333333">
<meta name="color:Sidebar Background" content="#f9f9f9">
<meta name="color:Sidebar Text" content="#000000">
<meta name="color:Banner Background" content="#000000">
<meta name="color:Banner Text" content="#ffffff">
<meta name="color:Banner Button Background" content="#ffffff">
<meta name="color:Banner Button Text" content="#000000">
<meta name="color:Preloader Background" content="#000000">
<meta name="color:Preloader Text" content="#ffffff">
<meta name="if:Repeat Background Image" content="0">
<!-- Header & Links -->
<meta name="if:Logo" content="1"/>
<meta name="if:Logo Border" content="1"/>
<meta name="if:Header" content="1"/>
<meta name="if:Navigation" content="1"/>
<!-- Sidebar Main -->
<meta name="if:Sidebar" content="0"/>
<meta name="if:Sidebar Search" content="0"/>
<meta name="if:Mobile Hide Sidebar" content="0">
<!-- Fonts -->
<meta name="text:Font Size" content="13px"/>
<meta name="text:Logo Size" content="38px"/>
<meta name="text:Navigation Text Size" content="11px">
<meta name="text:Body Font" content=""/>
<meta name="text:Logo Font" content=""/>
<meta name="text:Banner Font" content=""/>
<meta name="select:Font" content="Montserrat" title="Montserrat"/><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="Helvetica Neue" title="Helvetica Neue"/><meta name="select:Font" content="Karla" Title="Karla"/><meta name="select:Font" content="Lato" title="Lato"/><meta name="select:Font" content="Libre Baskerville" title="Libre Baskerville"/><meta name="select:Font" content="Lora" title="Lora"/><meta name="select:Font" content="Mako" title="Mako"/><meta name="select:Font" content="Merriweather" title="Merriweather"/><meta name="select:Font" content="Muli" title="Muli"/><meta name="select:Font" content="Montserrat" title="Montserrat"/><meta name="select:Font" content="Noto Sans" title="Noto Sans"/><meta name="select:Font" content="Oswald" title="Oswald"/><meta name="select:Font" content="Playfair Display" title="Playfair Display"/><meta name="select:Font" content="PT Mono" title="PT Mono"/><meta name="select:Font" content="PT Sans" title="PT Sans"/><meta name="select:Font" content="PT Serif" title="PT Serif"/><meta name="select:Font" content="Raleway" title="Raleway"/><meta name="select:Font" content="Roboto" title="Roboto"/><meta name="select:Font" content="Roboto Condensed" title="Roboto Condensed"/><meta name="select:Font" content="Roboto Slab" title="Roboto Slab"/><meta name="select:Font" content="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: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" content="uppercase" Title="Uppercase"/><meta name="select:Logo Text" content="normal" Title="Normal"/><meta name="select:Logo Text" content="lowercase" Title="Lowercase"/>
<meta name="select:Navigation Font Weight" content="400" Title="Normal"/><meta name="select:Navigation Font Weight" content="700" Title="Bold"/><meta name="select:Navigation Font Weight" content="100" Title="100"/><meta name="select:Navigation Font Weight" content="200" Title="200"/><meta name="select:Navigation Font Weight" content="300" Title="300"/><meta name="select:Navigation Font Weight" content="500" Title="500"/><meta name="select:Navigation Font Weight" content="600" Title="600"/><meta name="select:Navigation Font Weight" content="800" Title="800"/><meta name="select:Navigation Font Weight" content="900" Title="900"/>
<meta name="select:Navigation Text" content="uppercase" Title="Uppercase"/><meta name="select:Navigation Text" content="normal" Title="Normal"/><meta name="select:Navigation Text" content="lowercase" Title="Lowercase"/>
<meta name="select:Sidebar Title Font Weight" content="700" Title="Bold"/><meta name="select:Sidebar Title Font Weight" content="100" Title="100"/><meta name="select:Sidebar Title Font Weight" content="200" Title="200"/><meta name="select:Sidebar Title Font Weight" content="300" Title="300"/><meta name="select:Sidebar Title Font Weight" content="400" Title="Normal"/><meta name="select:Sidebar Title Font Weight" content="500" Title="500"/><meta name="select:Sidebar Title Font Weight" content="600" Title="600"/><meta name="select:Sidebar Title Font Weight" content="800" Title="800"/><meta name="select:Sidebar Title Font Weight" content="900" Title="900"/>
<meta name="select:Sidebar Toggle" content="hamburger" Title="Hamburger"/><meta name="select:Sidebar Toggle" content="user" Title="User"/>
<!-- Banner -->
<meta name="image:Banner Background" content=""/>
<meta name="image:Mobile Banner Background" content=""/>
<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 Title" content="">
<meta name="text:Banner Text" content="">
<meta name="text:Banner Title Size" content="29px"/>
<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="0"/>
<meta name="if:Banner Video Buttons" content="1"/>
<meta name="if:Banner Overlay" content="0"/>
<meta name="if:Banner Only No Posts" content="0"/>
<meta name="if:Mobile Hide Banner" 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"/>
<!-- Posts -->
<meta name="if:Show Photo Overlay" content="1"/>
<meta name="if:Show Post Tags" 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 Note Count" content="1"/>
<meta name="if:Show Post Notes" content="0"/>
<meta name="if:Scrollbar" content="1"/>
<meta name="if:Modal Post" content="1"/>
<meta name="if:High Quality Images" content="1"/>
<meta name="if:Random Link" content="0"/>
<meta name="if:Archive Link" content="0"/>
<meta name="if:RSS Link" content="0"/>
<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">
<!-- Socials -->
<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: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:Google Plus 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: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=""/>
<!-- Social Widgets -->
<meta name="text:Sidebar Text Size" content="14px"/>
<meta name="text:Sidebar Title Text Size" content="18px"/>
<meta name="text:Instagram Widget Title" content="Instagram">
<meta name="text:Instagram Widget Feed Count" content="8">
<meta name="text:Instagram Widget Access Token" content="">
<meta name="text:Instagram Widget UserID" content="">
<meta name="text:Flickr Widget Title" content="Flickr">
<meta name="text:Flickr User ID" content="">
<meta name="text:Flickr Widget Feed Count" content="8">
<meta name="text:Dribbble Widget Title" content="Dribbble">
<meta name="text:Dribbble Widget Access Token" content="">
<meta name="text:Dribbble Widget Username" content="">
<meta name="text:Dribbble Widget Feed Count" content="8">
<meta name="text:Twitter Widget Title" content="Twitter">
<meta name="text:Twitter Widget Feed Count" content="4">
<meta name="text:Sidebar Text Widget Title" content="">
<meta name="text:Sidebar Text Widget" content="">
<meta name="text:Sidebar Image Ads Title" content="">
<meta name="text:Sidebar Image Ad 1 Link" content="">
<meta name="text:Sidebar Image Ad 1 Text" content="">
<meta name="image:Sidebar Image Ad 1" content=""/>
<meta name="text:Sidebar Image Ad 2 Link" content="">
<meta name="text:Sidebar Image Ad 2 Text" content="">
<meta name="image:Sidebar Image Ad 2" content=""/>
<meta name="text:Sidebar Image Ad 3 Link" content="">
<meta name="text:Sidebar Image Ad 3 Text" content="">
<meta name="image:Sidebar Image Ad 3" content=""/>
<meta name="text:Sidebar Image Ad 4 Link" content="">
<meta name="text:Sidebar Image Ad 4 Text" content="">
<meta name="image:Sidebar Image Ad 4" content=""/>
<!-- Typekit -->
<meta name="text:TypeKit ID" content=""/>
<meta name="text:TypeKit Body Font" content=""/>
<meta name="text:TypeKit Logo Font" content=""/>
<meta name="text:TypeKit Banner Font" content=""/>
<meta name="text:Google Analytics ID" content=''/>
<meta name="select:Posts Columns" content="two" Title="2"/>
<meta name="select:Avatar Style" content="square" Title="Square"/><meta name="select:Avatar Style" content="round" Title="Round"/>
<!-- Translations -->
<meta name="text:Translate Read More Text" content="Read More">
<meta name="text:Translate Share Text" content="Share">
<meta name="text:Translate Like Text" content="Like">
<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 Search Text" content="Search">
<meta name="text:Translate Posted On Text" content="Posted on">
<meta name="text:Translate asked Text" content="asked">
<meta name="text:Translate Loading Text" content="Loading">
<meta name="text:Translate Open Text" content="Open">
{/block:Hidden}
<!-- Favicon, RSS & Ext. CSS -->
<link rel="shortcut icon" href="{Favicon}"/>
<link rel="alternate" type="application/rss+xml" href="{RSS}"/>
<!-- stash Options -->
<script>
var TUMBLR_API_KEY = "5c9EqEvjoBVXriaQDOluhj9kUOElq0oIl9EQCxSWTmQ0Ifk7Cs",
TUMBLR_HOSTNAME = {JSPlaintextHost},
TUMBLR_TITLE = {JSPlaintextTitle},
TUMBLR_DESC = {JSPlaintextDescription},
TUMBLR_URL = {JSPlaintextBlogURL},
antsGrid = "two",
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},
loadingText = "{text:Translate Loading Text}",
bannerOnly = {block:IfBannerOnlyNoPosts}true{/block:IfBannerOnlyNoPosts}{block:IfNotBannerOnlyNoPosts}false{/block:IfNotBannerOnlyNoPosts};
;
</script>
<link href='https://static.tumblr.com/jzzkxgh/KW9opoygt/font-awesome.css' rel='stylesheet' type='text/css'>
<link href='https://cdn.iconmonstr.com/1.1.0/css/iconmonstr-iconic-font.min.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/8uSp1l2yj/core.css" rel="stylesheet">
<style type="text/css">
::-webkit-scrollbar {
-webkit-appearance: none;
width: 1px;
height: 10px;
}
body.permalink::-webkit-scrollbar {
width: 10px;
height: 1px;
}
::-webkit-scrollbar-thumb {
-webkit-border-radius: none;
background: {color:Text};
}
::-webkit-scrollbar-track {
background: {color:Background};
}
.post .inside::-webkit-scrollbar {
width: 15px;
}
.post .inside::-webkit-scrollbar-track {
background:{color:Background};
}
.post .inside::-webkit-scrollbar-thumb {
background:{color:Text};
border:7px solid {color:Background};
}
{block:ifnotscrollbar}
@media (min-width:740px) {
body {
overflow-x:hidden;
}
::-webkit-scrollbar {
width: 0;
height: 0;
display: none;
}
}
{/block:ifnotscrollbar}
@media (min-width:740px) {
.tmblr-iframe--unified-controls {
z-index: 999999999 !important;
right:0 !important;
top:0 !important;
}
body.permalink::-webkit-scrollbar, .post::-webkit-scrollbar, .post .inside::-webkit-scrollbar {
display:block !important;
}
}
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} {block:IfTypekitBodyFont}"{text:TypeKit Body Font}",{/block:IfTypekitBodyFont} "{select:Font}", Helvetica Neue, Arial, sans-serif;
{/block:IfTypeKitBodyFont}
color: {color:Text};
font-weight:{select:Body Font Weight};
line-height:1.6;
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}
;
}
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} {block:IfTypekitBodyFont}"{text:TypeKit Body Font}",{/block:IfTypekitBodyFont} "{select:Font}", Helvetica Neue, Arial, sans-serif;
{/block:IfTypeKitBodyFont}
padding: 0;
font-style:italic;
}
.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:Link};
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:{block:IfTypekitBodyFont}"{text:TypeKit Body Font}",{/block:IfTypekitBodyFont} "{select:Font}", Helvetica Neue, Arial, sans-serif;
{/block:IfTypeKitBodyFont}
text-transform:uppercase;
-webkit-transition:all 0.4s ease-out;
transition:all 0.4s 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;
margin-top:15px;
}
.banner-button:first-of-type {
margin:15px 14px 0 0;
}
.banner-button:hover {
opacity:0.6;
}
.stash-content .post-answer {
border: 5px solid {color:Link};
}
/* Global styles */
a, #backToTop {
color: {color:Link};
text-decoration:none;
}
a:hover, .post-like:hover {
text-decoration:none;
}
h1,h2,h3,h4,h5,h6 {
color:{color:Text};
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
color:{color:Link};
}
.share, .share a, .post-like {
color:{color:Text};
}
.footer-icon {
color: {color:Text};
}
.load-more-button a {
color:{color:Text};
}
.post-quote blockquote, .quote blockquote {
border:none;
padding:0;
font-size:18px;
font-weight:700;
line-height:1.3;
color: {color:Link};
}
.post-meta .share li a, .post-share-toggle {
cursor:pointer;
}
.post-meta li:hover {
border-bottom:1px solid {color:Text};
}
#header {
color:{color:Text};
}
.header-bg {
opacity:0.96;
}
@media (min-width:740px) {
body.index-page.has-banner #header a, body.index-page.has-banner #header .logo a, body.index-page.has-banner #header .logo, body.index-page.has-banner #header {
color:{color:Banner Text};
}
{block:ifnotlogo}
body.index-page .logo {
display:none !important;
}
{/block:ifnotlogo}
}
{block:ifnotnavigation}
.navigation {
display:none;
}
{/block:ifnotnavigation}
{block:ifnotheader}
#header {
display:none;
}
.page-container {
padding-left:0 !important;
}
{/block:ifnotheader}
/*Custom CSS*/
{CustomCSS}
.share li a {
cursor:pointer;
}
{block:IfNotShowPostNoteCount}
.post-note-count, .meta-notes {
display:none !important;
}
{/block:IfNotShowPostNoteCount}
.post-header a {
color:#fff;
font-size:16px;
display:block;
cursor:url("http://static.tumblr.com/evx2wil/6N2o49gaj/plus.svg"),auto;
cursor:-webkit-image-set(url("http://static.tumblr.com/evx2wil/6N2o49gaj/plus.svg")),auto;
}
#sidebar {
color:{color:Sidebar Text};
font-size:{text:Sidebar Text Size};
}
.sidebar-bg {
background:{color:Sidebar Background};
opacity:0.96;
}
#sidebar h3 {
margin-bottom:20px;
color:{color:Sidebar Text};
font-size:{text:Sidebar Title Text Size};
font-weight:{select:Sidebar Title Font Weight};
}
.instagram-title {
background:{color:Sidebar Text};
color:{color:Sidebar Background};
}
.instagram-title a {
color:{color:Sidebar Background};
}
.sidebar-toggle span:after, .sidebar-toggle span:before {
background-color: {color:Text};
}
@media (min-width: 740px) {
/*.sidebar-toggle-container {*/
/* background:{color:Background}; */
/*}*/
#sidebar::-webkit-scrollbar {
-webkit-appearance: none;
width: 1px;
height: 2px;
}
#sidebar::-webkit-scrollbar-thumb {
-webkit-border-radius: none;
background: {color:sidebar text};
}
#sidebar::-webkit-scrollbar-track {
background: {color:sidebar background};
}
{block:ifnotsidebar}
.sidebar-toggle, .sidebar-toggle-container {
display:none;
}
#sidebar {
display:none;
}
{/block:ifnotsidebar}
}
{block:ifMobileHideBanner}
@media (max-width:740px) {
#banner {
display:none;
}
}
{/block:ifMobileHideBanner}
{block:ifBannerOnlyNoPosts}
.index .page-container {
display:none;
}
body.tagged-page.index .page-container {
display:block !important;
}
.arr-down, .site-options, .load-more-button {
display:none;
}
{/block:ifBannerOnlyNoPosts}
.arr-down, .mute-button, .play-button, .banner-video-option, .banner-video-options {
color:{color:Banner Text};
}
.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;
}
.search input::placeholder {
color: {color:Sidebar Background};
opacity:0.8;
}
.search input::-webkit-input-placeholder {
color: {color:Sidebar Background};
opacity:0.8;
}
:.search input:-moz-placeholder {
color: {color:Sidebar Background};
opacity:0.8;
}
.search input:-ms-input-placeholder {
color: {color:Sidebar Background};
opacity:0.8;
}
.search input:-moz-placeholder {
color: {color:Sidebar Background};
opacity:0.8;
}
#sidebar a {
color:{color:Sidebar text};
}
.widget h3 {
color:{color:Sidebar text};
font-size:{text:Font Size};
}
.widget {
color:{color:Sidebar text};
}
#twitter a {
color:{color:Sidebar text};
}
.social-links ul li a {
color:{color:Sidebar text};
}
#sidebar .social-links a {
color:{color:Sidebar text};
}
#sidebar .social-links a:hover {
color:{color:Sidebar text};
}
.sidebar-navigation li a:hover {
border-bottom: 1px solid {color:Sidebar Text};
}
/* Modal */
.stash-post-meta {
background:{color:Text};
color:{color:Background};
}
.stash-post-meta a, .stash-post-meta * {
color:{color:Background};
}
.stash-post-meta::-webkit-scrollbar-thumb {
-webkit-border-radius: none;
background: {color:Background};
border: 7px solid {color:Text};
}
.stash-post-meta::-webkit-scrollbar-track {
background: {color:Text};
}
.stash-post-meta svg {
fill: {color:Link} !important;
}
@media (max-width: 550px) {
.stash-post-meta svg {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
}
svg .animated-circle {
stroke:{color:Link};
}
.stash-post-meta .close {
opacity: 0;
}
@media (max-width: 550px) {
#sidebar {
background:{color:Sidebar Background};
}
#stash-container {
background: {color:Background};
}
}
/*.stash-overlay {*/
/* background:{color:Background};*/
/*}*/
.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
z-index: 1000000!important;
}
.post-navigation li, .post-navigation li, .post-navigation li span, .ps-options {
background:{color:Text};
}
.post-navigation li a, .post-navigation li a, .post-navigation li span, .ps-options{
color:{color:Background};
}
@media (min-width: 740px) {
.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, .photoset-count {
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:Preloader Background};
}
#stash-preloader .loading-icon {
position: fixed;
bottom: 30px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
border-radius: 50%;
width: 23px;
height: 23px;
border: 0.25rem solid transparent;
display: inline-block;
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 {
border: 0.25rem solid transparent;
border-top-color: {color:Preloader Text};
}
#ants-loader .loading-icon {
border-top-color: {color:Text};
}
{block:IfNotShowPostMeta}
.note-count, #stash-ants .meta, #stash-ants .post-meta .share, .meta, .share, .post .post-meta, .post-meta {
display:none;
}
.post-photo .content, .post-photoset .content, .post-audio .content, .post-video .content {
margin: 20px 0;
}
@media (max-width: 740px) {
.post-photo .content, .post-photoset .content, .post-audio .content, .post-video .content {
margin:15px 0;
}
}
.stash-post-meta {
display:none !important;
}
@media (max-width: 740px) {
.open-modal {
pointer-events:none !important;
}
}
{/block:IfNotShowPostMeta}
{block:IfNotShowPostShare}
#stash-ants .post .post-share-parent, .stash-show-share {
display:none;
}
{/block:IfNotShowPostShare}
{block:IfNotShowPostDate}
.meta-date, .meta time {
display:none !important;
}
{/block:IfNotShowPostDate}
{block:IfNotShowPostTags}
#stash-ants .post .tags, .tags, .the-tag {
display:none !important;
}
{/block:IfNotShowPostTags}
#stash .post-photo .post-meta, #stash .post-photo .content, #stash .post-photoset .post-meta, #stash .post-photoset .content {
display:none;
}
#stash .post-video .post-meta, #stash .post-video .content, #stash .post-audio .post-meta, #stash .post-audio .content {
display:none;
}
{block:IfNotShowPostNoteCount}
#stash-ants .post .meta-notes, .note-count {
display:none;
}
{/block:IfNotShowPostNoteCount}
{block:IfNotShowRebloggedFrom}
.reblogged-from {
display:none;
}
{/block:IfNotShowRebloggedFrom}
{block:IfNotShowPhotoOverlay}
.overlay, .overlay-bg {
display:none;
}
{/block:IfNotShowPhotoOverlay}
.navigation a, .sidebar-toggle-container, .sidebar-toggle-container a {
color:{color:Text};
}
.navigation li {
font-weight:{select:Navigation Font Weight};
font-size:{text:Navigation Text Size};
}
.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) {
.mobile-banner-img {
display:block;
}
#banner-vimeo-video, .banner-video-options {
display:none;
}
}
{/block:IfBannerVimeoVideoID}
.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} {block:IfTypekitBannerFont}"{text:Typekit Banner Font}",{/block:IfTypekitBannerFont} "{select:Font}", Helvetica Neue, Arial, sans-serif;
{/block:IfTypeKitBannerFont}
transition:font 0.25s ease-out;
color:{color:Banner Text};
}
.banner-title {
font-size:{text:Banner Title Size};
}
{block:iflogoborder}
.logo a {
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: {color:Logo Border};
}
{/block:iflogoborder}
.logo a, .preloader-logo {
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} {block:IfTypekitLogoFont}"{text:Typekit Logo Font}",{/block:IfTypekitLogoFont} "{select:Font}", Helvetica Neue, Arial, sans-serif;
{/block:IfTypeKitLogoFont}
color:{color:Logo};
-webkit-transition:font 0.25s ease-out;
transition:font 0.25s ease-out;
}
.preloader-logo, .preloader-logo a {
color:{color:Preloader Text};
}
.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} {text:Logo Size} {block:IfTypekitLogoFont}"{text:Typekit Logo Font}",{/block:IfTypekitLogoFont} "{select:Font}", Helvetica Neue, Arial, sans-serif;
{/block:IfTypeKitLogoFont}
}
.arr-down, .mute-button, .play-button, .banner-video-option, .banner-video-options {
color:{color:Banner Text};
}
@media (max-width: 740px) {
#header {
background:{color:Background};
}
.stash-overlay {
background: {color:Background};
background:none;
}
.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 {block:IfTypekitLogoFont}"{text:Typekit Logo Font}",{block:IfTypekitLogoFont} "{select:Font}", Helvetica Neue, Arial, sans-serif;
{/block:IfTypeKitLogoFont}
width:auto;
color:{color:Logo} !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 {block:IfTypekitLogoFont}"{text:Typekit Logo Font}",{/block:IfTypekitLogoFont} "{select:Font}", Helvetica Neue, Arial, sans-serif;
{/block:IfTypeKitLogoFont}
}
.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 {block:IfTypekitBannerFont}"{text:Typekit Banner Font}",{/block:IfTypekitBannerFont} "{select:Font}", Helvetica Neue, Arial, sans-serif;
{/block:IfTypeKitBannerFont}
max-width:100%;
}
.banner-text p {
margin-bottom:15px;
}
.banner-center {
max-width:94%;
}
#header a {
color:{color:Text};
}
.close-mobile-modal svg g {
fill:{color: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-color:black;
}
{/block:ifBannerOverlay}
.banner-text a {
color:{color:Banner Text};
}
#banner {
background-color:{color:Banner Background};
}
#banner {
display:none;
}
#banner.has-video, #banner.has-banner-image {
display:block;
}
.banner-navigation a:hover {
border-bottom: 1px solid {color:Banner Text};
}
{block:ifMobileHideBanner}
@media (max-width:740px) {
#banner {
display:none;
}
}
{/block:ifMobileHideBanner}
{block:ifMobileHideSidebar}
@media (max-width:740px) {
#sidebar, .sidebar-toggle {
display:none !important;
}
}
{/block:ifMobileHideSidebar}
/* Customize Help */
.demo-note {
position: fixed;
bottom: 0;
right:0;
background: black;
font-size: 14px;
text-align: left;
line-height: 1;
font-family: "HelveticaNeue-CondensedBold", "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold",Helvetica Neue, Arial, sans-serif;
z-index: 999999;
width:100%;
max-width:360px;
opacity:0;
visibility:hidden;
transform:translateY(100%);
transition:all 0.3s ease;
}
.demo-note.visible {
opacity:1;
visibility:visible;
transform:translateY(0);
}
.demo-note nav {
text-transform:uppercase;
font-size:13px;
}
.demo-note nav ul {
padding:0;
margin:0;
}
.demo-note nav ul li {
float:left;
list-style:none;
width:50%;
}
.demo-note nav ul li a {
padding:14px;
display:block;
}
.demo-note a {
color:white;
text-decoration:none;
}
.demo-note nav .im {
font-size:9px;
margin-left:3px;
transition:all 0.2s;
}
.get-started-toggle {
background:url('http://static.tumblr.com/jzzkxgh/8xOot2lsl/get-started.gif');
}
.get-started-toggle a {
color:black;
}
.demo-toggle.open .im {
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
.remove-stash-credit {
background:none;
color: white;
}
.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:28px;
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:12px;
line-height:1.3;
}
.demo-overlay p a {
text-decoration:underline;
}
.demo-overlay img {
margin-top: 6px;
max-width:95%;
}
</style>
</head>
<body class="{block:IndexPage}index-page index {/block:IndexPage}{block:TagPage}tagged-page {/block:TagPage}{block:PermalinkPage}permalink post-page {/block:PermalinkPage} post-columns-one {block:ifbanner} has-banner {block:IfBannerVimeoVideoID}has-vimeo-video {/block:IfBannerVimeoVideoID} {block:ifmobilebannerbackgroundimage}has-mobile-banner-image {/block:ifmobilebannerbackgroundimage}{/block:ifbanner} {block:ifnotheader}no-header {/block:ifnotheader}">
<div id="stash-preloader">
<div id="stash-loader"><div class="loading-icon"></div></div>
<div class="preloader-logo {select:Logo Text}">
<div class="preloader-logo-inner">
{block:ifnotlogoimage}
<a href="/" title="{lang:Home}">{Title}</a>
{/block:ifnotlogoimage}
{block:iflogoimage}
<a href="/"><img src="{image:Logo}" alt="logo" /></a>
{/block:iflogoimage}
</div>
</div>
</div>
{block:IndexPage}
{block:ifbanner}
<div id="banner" class="{block:IfBannerYoutubeVideoID}has-video {/block:IfBannerYoutubeVideoID} {block:IfBannerYoutubePlaylistID} has-video {/block:IfBannerYoutubePlaylistID} {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-video-play-overlay"></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
}
});
}
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
}
});
}
if(BANNER_VIDEO_VOLUME == "off") {
function onPlayerReady(event) {
event.target.mute();
}
}
</script>
</div>
{/block:ifbanneryoutubeplaylistid}
{block:IfBannerVimeoVideoID}
<!-- Vimeo Player -->
<div class="banner-video-options cl">
<div class="banner-video-option vimeo-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 vimeo-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>
<iframe id="banner-vimeo-video" src="https://player.vimeo.com/video/{text:Banner Vimeo Video ID}?background=1&loop=1" width="100%" height="100%" frameborder="0" webkitallowfullScreen mozallowfullscreen allowfullscreen></iframe>
{/block:IfBannerVimeoVideoID}
<div class="banner-center">
{block:IndexPage}
<div class="banner-text cl">
<p class="banner-title"><b>{text:Banner Title}</b></p>
<p>{text:Banner Text}</p>
{block:IfBannerButton1URL}<a class="banner-button button" target="_blank" href="{text:Banner Button 1 URL}">{text:Banner Button 1 Text}</a>{/block:IfBannerButton1URL}{block:IfBannerButton2URL}<a class="banner-button button" target="_blank" href="{text:Banner Button 2 URL}">{text:Banner Button 2 Text}</a>{/block:IfBannerButton2URL}
</div>
{/block:IndexPage}
</div>
{block:ifbannerbackgroundimage}
<div class="banner-img"></div>
{/block:ifbannerbackgroundimage}
{block:ifmobilebannerbackgroundimage}
<div class="mobile-banner-img"></div>
{/block:ifmobilebannerbackgroundimage}
<div class="arr-down">
<i class="im im-angle-down"></i>
</div>
</div>
</div>
{/block:ifbanner}
{/block:IndexPage}
<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>
<div class="post-navigation stash-navigation">
{block:IndexPage}<li class="stash-open-btn open-modal">
<a><span>{text:Translate Open Text}</span><i class="im im-fullscreen"></i></a>
</li>{/block:IndexPage}
<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 close-pn">
<a><span>{text:Translate Prev Text}</span><i class="im im-arrow-left"></i></a>
</li>
<li class="stash-next-btn close-pn">
<a><span>{text:Translate Next Text}</span><i class="im im-arrow-right"></i></a>
</li>
</div>
<div class="stash-overlay">
<div class="wrap">
<div class='stash-container container cl'>
<div class="stash-content">
</div>
<div class='stash-post-meta'>
<div class='stash-caption'>
<div class="inner">
</div>
</div>
</div>
</div>
</div>
</div>
<div id="sidebar" class="{block:IfInstagramWidgetUserID}has-instagram {/block:IfInstagramWidgetUserID}">
<div class="inner animated slow">
<div class="sidebar-bg"></div>
<div class="wrap cl">
<div class="sidebar-left">
{block:ifsidebaravatarimage}
<div class="avatar widget {select:Avatar Style}">
<img src="{image:Sidebar Avatar}"/>
</div>
{/block:ifsidebaravatarimage}
{block:ifnotsidebaravatarimage}
<div class="avatar widget ttt {select:Avatar Style}">
<img src="{PortraitURL-128}"/>
</div>
{/block:ifnotsidebaravatarimage}
<nav class="sidebar-navigation widget cl {select:Navigation Text}">
<ul>
{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="http://{name}.tumblr.com/ask" title="{text:Ask Link Label}">{text:Ask Link Label}</a></li>
{/block:AskEnabled}
{block:SubmissionsEnabled}
<li> <a href="http://{name}.tumblr.com/submit" title="{text:Submit Link Label}">{text:Submit Link Label}</a></li>
{/block:SubmissionsEnabled}
{block:IfArchiveLink}
<li><a href="http://{name}.tumblr.com/archive" title="{text:Archive Link Label}">{text:Archive Link Label}</a></li>
{/block:IfArchiveLink}
{block:ifRandomLink}
<li><a href="http://{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-navigation widget cl">
<ul>
{block:ifEmailAddress}<li><a target="_blank" href="mailto:{text:Email Address}"><i class="fa fa-envelope"></i> &nbsp; {text:Email Address}</a></li>{/block:ifEmailAddress}
{block:ifPhoneNumber}<li><i class="fa fa-phone"></i> &nbsp; {text:Phone Number}</li>{/block:ifPhoneNumber}
</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 fa-twitter"></i></a></li>{/block:ifTwitterURL}
{block:ifInstagramURL}<li><a target="_blank" href="{text:Instagram URL}"><i class="fa fa-instagram"></i></a></li>{block:ifInstagramURL}
{block:ifFacebookURL}<li><a target="_blank" href="{text:Facebook URL}"><i class="fa fa-facebook"></i></a></li>{/block:ifFacebookURL}
{block:ifYoutubeURL}<li><a target="_blank" href="{text:Youtube URL}"><i class="fa fa-youtube"></i></a></li>{/block:ifYoutubeURL}
{block:ifSnapchatURL}<li><a target="_blank" href="{text:Snapchat URL}"><i class="fa fa-snapchat-ghost"></i></a></li>{/block:ifSnapchatURL}
{block:if500pxURL}<li><a target="_blank" href="{text:500px URL}"><i class="fa fa-500px"></i></a></li>{/block:if500pxURL}
{block:ifAmazonURL}<li><a target="_blank" href="{text:Amazon URL}"><i class="fa fa-amazon"></i></a></li>{/block:ifAmazonURL}
{block:ifAppleURL}<li><a target="_blank" href="{text:Apple URL}"><i class="fa fa-apple"></i></a></li>{/block:ifAppleURL}
{block:ifBandcampURL}<li><a target="_blank" href="{text:Bandcamp URL}"><i class="fa fa-bandcamp"></i></a></li>{/block:ifBandcampURL}
{block:ifBehanceURL}<li><a target="_blank" href="{text:Behance URL}"><i class="fa fa-behance"></i></a></li>{/block:ifBehanceURL}
{block:ifDribbbleURL}<li><a target="_blank" href="{text:Dribbble URL}"><i class="fa fa-dribbble"></i></a></li>{/block:ifDribbbleURL}
{block:ifEtsyURL}<li><a target="_blank" href="{text:Etsy URL}"><i class="fa fa-etsy"></i></a></li>{/block:ifEtsyURL}
{block:ifFlickrURL}<li><a target="_blank" href="{text:Flickr URL}"><i class="fa fa-flickr"></i></a></li>{/block:ifFlickrURL}
{block:ifGithubURL}<li><a target="_blank" href="{text:Github URL}"><i class="fa fa-github"></i></a></li>{/block:ifGithubURL}
{block:ifGooglePlusURL}<li><a target="_blank" href="{text:GooglePlus URL}"><i class="fa fa-google-plus"></i></a></li>{/block:ifGooglePlusURL}
{block:ifLinkedinURL}<li><a target="_blank" href="{text:Linkedin URL}"><i class="fa fa-linkedin"></i></a></li>{/block:ifLinkedinURL}
{block:ifPayPalURL}<li><a target="_blank" href="{text:PayPal URL}"><i class="fa fa-paypal"></i></a></li>{/block:ifPayPalURL}
{block:ifPinterestURL}<li><a target="_blank" href="{text:Pinterest URL}"><i class="fa 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 fa-mixcloud"></i></a></li>{/block:ifMixcloudURL}
{block:ifSoundcloudURL}<li><a target="_blank" href="{text:Soundcloud URL}"><i class="fa fa-soundcloud"></i></a></li>{/block:ifSoundcloudURL}
{block:ifSkypeURL}<li><a target="_blank" href="{text:Skype URL}"><i class="fa fa-skype"></i></a></li>{/block:ifSkypeURL}
{block:ifSpotifyURL}<li><a target="_blank" href="{text:Spotify URL}"><i class="fa fa-spotify"></i></a></li>{/block:ifSpotifyURL}
{block:ifTwitchURL}<li><a target="_blank" href="{text:Twitch URL}"><i class="fa fa-twitch"></i></a></li>{/block:ifTwitchURL}
{block:ifVimeoURL}<li><a target="_blank" href="{text:Vimeo URL}"><i class="fa fa-vimeo"></i></a></li>{/block:ifVimeoURL}
{block:ifVKURL}<li><a target="_blank" href="{text:VK URL}"><i class="fa fa-vk"></i></a></li>{/block:ifVKURL}
{block:ifWordpressURL}<li><a target="_blank" href="{text:Wordpress URL}"><i class="fa fa-wordpress"></i></a></li>{/block:ifWordpressURL}
</ul>
</nav>
{block:IfSidebarSearch}
<div class="search widget">
<form action="/search" method="get">
<input type="text" name="q" placeholder="{text:Translate Search Text}" value="{SearchQuery}"/>
</form>
</div>
{/block:IfSidebarSearch}
</div>
<div class="sidebar-right">
{block:ShowDescription}
<div class="sidebar-description cl">
<p class="description">{Description}</p>
</div>
{/block:ShowDescription}
{block:IfSidebarTextWidget}
<div class="text widget cl">
{block:IfSidebarTextWidgetTitle}
<h3>{text:Sidebar Text Widget Title}</h3>
{/block:IfSidebarTextWidgetTitle}
<p>{text:Sidebar Text Widget}</p>
</div>
{/block:IfSidebarTextWidget}
{block:IfSidebarImageAdsTitle}
<h3 class="widget cl">{text:Sidebar Image Ads Title}</h3>
{/block:IfSidebarImageAdsTitle}
{block:ifsidebarimagead1image}
<div class="image-ad widget">
{block:ifsidebarimagead1link}<a target="_blank" href="{text:Sidebar Image Ad 1 Link}">{/block:ifsidebarimagead1link}
<img src="{image:Sidebar Image Ad 1}"/>
{text:Sidebar Image Ad 1 Text}
{block:ifsidebarimagead1link}</a>{/block:ifsidebarimagead1link}
</div>
{/block:ifsidebarimagead1image}
{block:ifsidebarimagead2image}
<div class="image-ad widget">
{block:ifsidebarimagead2link}<a target="_blank" href="{text:Sidebar Image Ad 2 Link}">{/block:ifsidebarimagead2link}
<img src="{image:Sidebar Image Ad 2}"/>
{text:Sidebar Image Ad 2 Text}
{block:ifsidebarimagead2link}</a>{/block:ifsidebarimagead2link}
</div>
{/block:ifsidebarimagead2image}
{block:ifsidebarimagead3image}
<div class="image-ad widget">
{block:ifsidebarimagead3link}<a target="_blank" href="{text:Sidebar Image Ad 3 Link}">{/block:ifsidebarimagead3link}
<img src="{image:Sidebar Image Ad 3}"/>
{text:Sidebar Image Ad 3 Text}
{block:ifsidebarimagead3link}</a>{/block:ifsidebarimagead3link}
</div>
{/block:ifsidebarimagead3image}
{block:ifsidebarimagead4image}
<div class="image-ad widget">
{block:ifsidebarimagead4link}<a target="_blank" href="{text:Sidebar Image Ad 4 Link}">{/block:ifsidebarimagead4link}
<img src="{image:Sidebar Image Ad 4}"/>
{text:Sidebar Image Ad 4 Text}
{block:ifsidebarimagead4link}</a>{/block:ifsidebarimagead4link}
</div>
{/block:ifsidebarimagead4image}
{block:IfInstagramWidgetUserID}
<div class="instagram widget cl">
<h3>{block:ifInstagramURL}<a href="{text:Instagram URL}">{/block:ifInstagramURL}{text:Instagram Widget Title}{block:ifInstagramURL}</a>{/block:ifInstagramURL}</h3>
<ul id="instafeed" class="instagram-feed social-widget"></ul>
</div>
{/block:IfInstagramWidgetUserID}
{block:Twitter}
<div class="twitter widget cl">
<h3>{text:Twitter Widget Title}</h3>
<ul id="twitter" class="twitter-feed-widget"></ul>
</div>
{/block:Twitter}
{block:IfFlickrUserID}
<div class="flickr widget cl"> <h3>{text:Flickr Widget Title}</h3> <ul class="flickr-feed social-widget"></ul> </div>
{/block:IfFlickrUserID}
{block:IfDribbbleWidgetAccessToken}
<div class="dribbble widget cl">
<h3>{text:Dribbble Widget Title}</h3>
<ul class="dribbble-feed social-widget"></ul>
</div>
{/block:IfDribbbleWidgetAccessToken}
</div>
</div>
</div>
</div>
<div id="header">
<div class="sidebar-toggle-container {select:Sidebar Toggle}">
<a class="sidebar-toggle sidebar-toggle-user"><i class="im im-user-male"></i></a>
<div class="sidebar-toggle sidebar-toggle-hamburger"><span></span></div>
<div class="close-menu-link"><svg width="16px" height="16px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-23.000000, -25.000000)" fill="{color:Text}"><g transform="translate(23.000000, 25.000000)"><path d="M16.2671143,0.000514285714 L0.00154285714,16.2660857 L1.63054286,17.8950857 L17.8948286,1.62822857 L16.2671143,0.000514285714 Z"></path><path d="M1.63041429,0.000514285714 L0.000128571429,1.62822857 L16.2669857,17.8950857 L17.8947,16.2648 L1.63041429,0.000514285714 Z"></path></g></g></g></svg></div>
</div>
<div class="inner">
<div class="wrap">
<div class="logo {select:Logo Text}">
{block:ifnotlogoimage}
<a href="/" title="{lang:Home}">{Title}</a>
{/block:ifnotlogoimage}
{block:iflogoimage}
<a href="/"><img src="{image:Logo}" alt="logo" /></a>
{/block:iflogoimage}
</div>
<nav class="navigation cl {select:Navigation Text}">
<ul>
{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="http://{name}.tumblr.com/ask" title="{text:Ask Link Label}">{text:Ask Link Label}</a></li>
{/block:AskEnabled}
{block:SubmissionsEnabled}
<li> <a href="http://{name}.tumblr.com/submit" title="{text:Submit Link Label}">{text:Submit Link Label}</a></li>
{/block:SubmissionsEnabled}
{block:IfArchiveLink}
<li><a href="http://{name}.tumblr.com/archive" title="{text:Archive Link Label}">{text:Archive Link Label}</a></li>
{/block:IfArchiveLink}
{block:ifRandomLink}
<li><a href="http://{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}
{block:ifEmailAddress}<li><a target="_blank" href="mailto:{text:Email Address}"><i class="fa fa-envelope"></i> &nbsp; {text:Email Address}</a></li>{/block:ifEmailAddress}
{block:ifPhoneNumber}<li><i class="fa fa-phone"></i> &nbsp; {text:Phone Number}</li>{/block:ifPhoneNumber}
</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 fa-twitter"></i></a></li>{/block:ifTwitterURL}
{block:ifInstagramURL}<li><a target="_blank" href="{text:Instagram URL}"><i class="fa fa-instagram"></i></a></li>{block:ifInstagramURL}
{block:ifFacebookURL}<li><a target="_blank" href="{text:Facebook URL}"><i class="fa fa-facebook"></i></a></li>{/block:ifFacebookURL}
{block:ifYoutubeURL}<li><a target="_blank" href="{text:Youtube URL}"><i class="fa fa-youtube"></i></a></li>{/block:ifYoutubeURL}
{block:ifSnapchatURL}<li><a target="_blank" href="{text:Snapchat URL}"><i class="fa fa-snapchat-ghost"></i></a></li>{/block:ifSnapchatURL}
{block:if500pxURL}<li><a target="_blank" href="{text:500px URL}"><i class="fa fa-500px"></i></a></li>{/block:if500pxURL}
{block:ifAmazonURL}<li><a target="_blank" href="{text:Amazon URL}"><i class="fa fa-amazon"></i></a></li>{/block:ifAmazonURL}
{block:ifAppleURL}<li><a target="_blank" href="{text:Apple URL}"><i class="fa fa-apple"></i></a></li>{/block:ifAppleURL}
{block:ifBandcampURL}<li><a target="_blank" href="{text:Bandcamp URL}"><i class="fa fa-bandcamp"></i></a></li>{/block:ifBandcampURL}
{block:ifBehanceURL}<li><a target="_blank" href="{text:Behance URL}"><i class="fa fa-behance"></i></a></li>{/block:ifBehanceURL}
{block:ifDribbbleURL}<li><a target="_blank" href="{text:Dribbble URL}"><i class="fa fa-dribbble"></i></a></li>{/block:ifDribbbleURL}
{block:ifEtsyURL}<li><a target="_blank" href="{text:Etsy URL}"><i class="fa fa-etsy"></i></a></li>{/block:ifEtsyURL}
{block:ifFlickrURL}<li><a target="_blank" href="{text:Flickr URL}"><i class="fa fa-flickr"></i></a></li>{/block:ifFlickrURL}
{block:ifGithubURL}<li><a target="_blank" href="{text:Github URL}"><i class="fa fa-github"></i></a></li>{/block:ifGithubURL}
{block:ifGooglePlusURL}<li><a target="_blank" href="{text:GooglePlus URL}"><i class="fa fa-google-plus"></i></a></li>{/block:ifGooglePlusURL}
{block:ifLinkedinURL}<li><a target="_blank" href="{text:Linkedin URL}"><i class="fa fa-linkedin"></i></a></li>{/block:ifLinkedinURL}
{block:ifPayPalURL}<li><a target="_blank" href="{text:PayPal URL}"><i class="fa fa-paypal"></i></a></li>{/block:ifPayPalURL}
{block:ifPinterestURL}<li><a target="_blank" href="{text:Pinterest URL}"><i class="fa 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 fa-mixcloud"></i></a></li>{/block:ifMixcloudURL}
{block:ifSoundcloudURL}<li><a target="_blank" href="{text:Soundcloud URL}"><i class="fa fa-soundcloud"></i></a></li>{/block:ifSoundcloudURL}
{block:ifSkypeURL}<li><a target="_blank" href="{text:Skype URL}"><i class="fa fa-skype"></i></a></li>{/block:ifSkypeURL}
{block:ifSpotifyURL}<li><a target="_blank" href="{text:Spotify URL}"><i class="fa fa-spotify"></i></a></li>{/block:ifSpotifyURL}
{block:ifTwitchURL}<li><a target="_blank" href="{text:Twitch URL}"><i class="fa fa-twitch"></i></a></li>{/block:ifTwitchURL}
{block:ifVimeoURL}<li><a target="_blank" href="{text:Vimeo URL}"><i class="fa fa-vimeo"></i></a></li>{/block:ifVimeoURL}
{block:ifVKURL}<li><a target="_blank" href="{text:VK URL}"><i class="fa fa-vk"></i></a></li>{/block:ifVKURL}
{block:ifWordpressURL}<li><a target="_blank" href="{text:Wordpress URL}"><i class="fa fa-wordpress"></i></a></li>{/block:ifWordpressURL}
</ul>
</nav>
<div class="close-mobile-modal">
<svg width="16px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://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}">
<div id="posts">
<div class="wrap">
<div id="stash-ants">
{block:IndexPage}
<div class="ants-sizer-one"></div>
{/block:IndexPage}
{block:Posts inlineMediaWidth="1280"}
{block:Photo}
<article id="ant-{PostID}" class="cl {block:IndexPage} ants-item-one post modal post-photo pp {block:Tags}{Tag} {/block:Tags}{/block:IndexPage}{block:PermalinkPage}{block:Date} post-single single-photo{/block:Date}{/block:PermalinkPage}" data-id="{PostID}" data-notes="{PostNotesURL}" data-pt="photo">
<input id="post-notes-url" type="hidden" value="{PostNotesURL}">
<div class="inner">
{block:PermalinkPage}<div class="post-right"><div class="media">{/block:PermalinkPage}
{block:IndexPage}
<a class="open-modal" href="{Permalink}" data-id="{PostID}">
<div class="overlay-bg"></div>
<div class="photo-inner" crossOrigin="anonymous"><img data-adaptive-background crossOrigin="anonymous" src="{block:IfHighQualityImages}{PhotoURL-HighRes}{/block:IfHighQualityImages}{block:IfNotHighQualityImages}{PhotoURL-500}{/block:IfNotHighQualityImages}" data-img-hq="{PhotoURL-HighRes}" alt="{PhotoAlt}" /></div>
</a>
<div class="overlay">
<div class="post-share">
<div class="close-post-share">
<svg width="12px" height="12px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://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-google" title="Share on Google+"><a class="fa fa-google-plus" ref="https://plus.google.com/share?url={Permalink}" target="_new"></a></span><span class="share-pinterest"><a class="fa fa-pinterest" target="_new" href="http://pinterest.com/pin/create/button/?url={Permalink}&media={PhotoURL-500}"></a></span>
</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">
{LikeButton color="grey" size="15"}
<span class="like-text">{text:Translate Like 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}
<img src="{PhotoURL-HighRes}" data-img-hq="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
{LinkCloseTag}
{/block:PermalinkPage}
{block:PermalinkPage}</div></div><div class="post-left">{/block:PermalinkPage}
<div class="content">
{block:Caption}{Caption}{/block:Caption}
</div>
{/block:Photo}
{block:Photoset}
<article id="ant-{PostID}" class="{block:IndexPage} ants-item-one post modal post-photoset pp {block:Tags}{Tag} {/block:Tags}{/block:IndexPage} {block:PermalinkPage}{block:Date} post-single single-photoset-page{/block:Date}{/block:PermalinkPage}" data-id="{PostID}" data-notes="{PostNotesURL}" data-pt="photoset">
<input id="post-notes-url" type="hidden" value="{PostNotesURL}">
{block:PermalinkPage}<div class="post-right">{/block:PermalinkPage}
<div class="inner">
<div class="stash-photoset ips">
<div class="overlay-bg"></div>
<div class="ps-options photoset-count" data-id="{PostID}"><span>1</span> / {PhotoCount}</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="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
{block:Photos}
{block:IndexPage}
<a class="open-modal single-photoset" crossOrigin="anonymous" href="{Permalink}" data-id="{PostID}">
<div class="photo-inner">
<img crossOrigin="anonymous" data-img-hq="{PhotoURL-HighRes}" alt="{PhotoAlt}" src="{block:IfHighQualityImages}{PhotoURL-HighRes}{/block:IfHighQualityImages}{block:IfNotHighQualityImages}{PhotoURL-500}{/block:IfNotHighQualityImages}"/>
</div>
</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>
{block:PermalinkPage}</div><div class="post-left">{/block:PermalinkPage}
{block:Caption}
<div class="content">
{Caption}
</div>
{/block:Caption}
{/block:Photoset}
{block:Text}
<article id="ant-{PostID}" class="{block:IndexPage} ants-item-one 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}">
{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:Text}
{block:Audio}
<article id="ant-{PostID}" class="{block:IndexPage} ants-item-one post modal post-audio {block:Tags}{Tag} {/block:Tags}{/block:IndexPage} {block:PermalinkPage}{block:Date} post-single single-audio{/block:Date}{/block:PermalinkPage}" data-id="{PostID}" data-notes="{PostNotesURL}" data-pt="audio">
<input id="post-notes-url" type="hidden" value="{PostNotesURL}">
<div class="inside">
{block:PermalinkPage}<div class="post-right">{/block:PermalinkPage}
<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-fullscreen"></i></a>
{block:PermalinkPage}</div><div class="post-left">{/block:PermalinkPage}
<div class="content">
{block:Caption}{Caption}{/block:Caption}
</div>
{/block:Audio}
{block:Video}
<article id="ant-{PostID}" class="{block:IndexPage} ants-item-one post modal post-video {block:Tags}{Tag} {/block:Tags}{/block:IndexPage} {block:PermalinkPage}{block:Date} post-single single-video{/block:Date}{/block:PermalinkPage}" data-id="{PostID}" data-notes="{PostNotesURL}" data-pt="video">
<input id="post-notes-url" type="hidden" value="{PostNotesURL}">
<div class="inside">
{block:PermalinkPage}<div class="post-right">{/block:PermalinkPage}
<div class="media">{Video-500}</div>
<a class="ps-options open-modal" href="{Permalink}" data-id="{PostID}"><i class="im im-fullscreen"></i></a>
{block:PermalinkPage}</div><div class="post-left">{/block:PermalinkPage}
<div class="content">
{block:Caption}{Caption}{/block:Caption}
</div>
{/block:Video}
{block:Quote}
<article id="ant-{PostID}" class="{block:IndexPage} ants-item-one post modal post-quote {block:Tags}{Tag} {/block:Tags}{/block:IndexPage} {block:PermalinkPage}{block:Date} post-single single-quote{/block:Date}{/block:PermalinkPage}" data-id="{PostID}" data-notes="{PostNotesURL}" data-pt="quote">
<input id="post-notes-url" type="hidden" value="{PostNotesURL}">
{block:PermalinkPage}<div class="post-left">{/block:PermalinkPage}
<div class="inside">
<div class="content">
<blockquote>{Quote}</blockquote>
<figcaption>{block:Source}- {Source}{/block:Source}</figcaption>
</div>
{/block:Quote}
{block:Link}
<article id="ant-{PostID}" class="{block:IndexPage} ants-item-one post modal post-link {block:Tags}{Tag} {/block:Tags}{/block:IndexPage}" data-id="{PostID}" data-notes="{PostNotesURL} {block:PermalinkPage}{block:Date} post-single single-link{/block:Date}{/block:PermalinkPage}" data-pt="link">
<input id="post-notes-url" type="hidden" value="{PostNotesURL}">
{block:PermalinkPage}<div class="post-left">{/block:PermalinkPage}
<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="ant-{PostID}" class="{block:IndexPage} ants-item-one post modal post-chat {block:Tags}{Tag} {/block:Tags}{/block:IndexPage} {block:PermalinkPage}{block:Date} post-single single-chat{/block:Date}{/block:PermalinkPage}" data-id="{PostID}" data-notes="{PostNotesURL}" data-pt="chat">
<input id="post-notes-url" type="hidden" value="{PostNotesURL}">
{block:PermalinkPage}<div class="post-left">{/block:PermalinkPage}
<div class="inside">
<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="ant-{PostID}" class="{block:IndexPage} ants-item-one post post-answer {block:Tags}{Tag} {/block:Tags}{/block:IndexPage} {block:PermalinkPage}{block:Date} post-single single-answer{/block:Date}{/block:PermalinkPage}" data-id="{PostID}" data-notes="{PostNotesURL}" data-pt="answer">
<input id="post-notes-url" type="hidden" value="{PostNotesURL}">
{block:PermalinkPage}<div class="post-left">{/block:PermalinkPage}
<div class="inside">
<div class="content">
<div class="asker-box">
<span class="the-asker">{Asker} {text:Translate asked Text}:</br></span> {Question}
</div>
<div class="answer">
{Answer}
</div>
</div>
{/block:Answer}
{block:Date}
<div class="post-meta cl">
<div class="inner cl">
<time class="meta-date"> {text:Translate Posted On Text}: <a class="open-modal" href="{Permalink}" data-id="{PostID}">{DayOfMonth} {Month} {Year}</a></time>
<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 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 fa-twitter"></i>Twitter</a></span>
<span class="share-google" title="Share on Google+"><a href="https://plus.google.com/share?url={Permalink}" target="_new"><i class="fa fa-google-plus"></i>Google +</a></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>
</li>
<li class="post-reblog" title="Reblog this post">
<a href="{ReblogURL}">{text:Translate Reblog Text}</a>
</li>
<li class="post-note-count"><a href="{Permalink}" data-id="{PostID}" class="meta-notes open-modal">
{NoteCount} {text:Translate Notes 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="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-google"><a href="https://plus.google.com/share?url={Permalink}" target="_new"><i class="im im-google-plus"></i></a></figure><figure class="show-share-pinterest"><a target="_new" href="http://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><!-- /.notes -->
{/block:NoteCount}
{/block:IfShowPostNotes}
</div><!-- / .post-left -->
{block:PermalinkPagination}
<div class="page-navigation post-navigation stash-navigation">
{block:NextPost}
<li class="stash-prev-btn close-pn">
<a href="{NextPost}"><span>{text:Translate Prev Text}</span><i class="im im-arrow-left"></i></a>
</li>
{/block:NextPost}
{block:PreviousPost}
<li class="stash-next-btn close-pn">
<a href="{PreviousPost}"><span>{text:Translate Next Text}</span><i class="im im-arrow-right"></i></a>
</li>
{/block:PreviousPost}
</div>
{/block:PermalinkPagination}
{/block:PermalinkPage}
{/block:Date}
</article>
<!-- {block:NoRebloggedFrom}
{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
{/block:NoRebloggedFrom} -->
{block:ContentSource}<!-- {SourceURL}
{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}
{/block:Posts}
{block:IndexPage}</div>{/block:IndexPage}
</div>
</div>
{block:Pagination}{block:NextPage}<div class="load-more-button"><span><a href="{NextPage}">{text:Translate Loading Text}</a></span></div>{/block:NextPage}{/block:Pagination}
</div>
</div><!--pagecontainer-->
<div id="backToTop" class="footer-icon">
<i class="im im-arrow-up"></i>
</div>
<!-- Header Scripts -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/jzzkxgh/deHp14ksa/plugins.js">
</script>
<script type="text/javascript" src="https://static.tumblr.com/jzzkxgh/ZbYp1l2ys/monaco.js"></script>
{block:IfModalPost}<script src="https://static.tumblr.com/jzzkxgh/Y1Tp1l2yz/modal.js"></script>{/block:IfModalPost}
{block:IfTypeKitID}
<!-- Typekit -->
<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(){
$(window).scroll(function(){
if ($("body").scrollTop() > 50) {
$('#backToTop').css({
'visibility': 'visible',
'opacity': '1'
});
} else {
$('#backToTop').css({
'visibility': 'hidden',
'opacity': '0'
});
}
});
$('#backToTop').on('click', function(){
TweenLite.to( window, .5, {scrollTo:{y: 0 }, ease:Power2.easeOut});
})
$( "li.post-like" ).each(function( index ) {
var likeSvg = $(this).find('.fa, .like-text');
$(this).find(".like_button").append(likeSvg);
});
$("li.post-reblog:not(.done)").each(function( index ) {
$(this).addClass('done');
$(this).find('a svg').remove();
var reblogSvg = $(this).find('svg.dual-reblog');
$(this).find("a.reblog_button").append(reblogSvg);
});
});
{block:IndexPage}
$antsIsoCont = $('#stash-ants');
if($(".post-photo").length > 0){
} else {
}
antsIsotope = $antsIsoCont.imagesLoaded(function(){
// $("article").fitVids();§
$('.stash-photoset.ips').stashIPS();
if($(".post-photo").length > 0){
$('.post').each(function(){
var currentPost = this;
var scene = new ScrollMagic.Scene({triggerElement: currentPost, triggerHook:'onEnter', offset:-40, reverse: true});
if(windowwidth > 740) {
var scene = new ScrollMagic.Scene({triggerElement: currentPost, triggerHook:'onEnter', offset:-40, reverse: true});
scene.addTo(controller2);
} else {
var scene = new ScrollMagic.Scene({triggerElement: currentPost, triggerHook:'onEnter', offset:-40, reverse: true});
scene.addTo(controller);
}
scene.setTween(TweenMax.fromTo(currentPost, 0.4, { autoAlpha:0, ease: Expo.easeInOut},{autoAlpha:1, ease: Power2.easeInOut, force3D: true, className:"+=scrolled"}));
});
} else {
$('.post').each(function(){
var currentPost = this;
var scene = new ScrollMagic.Scene({triggerElement: currentPost, triggerHook:'onEnter', offset:-40, reverse: true});
if(windowwidth > 740) {
var scene = new ScrollMagic.Scene({triggerElement: currentPost, triggerHook:'onEnter', offset:-40, reverse: true});
scene.addTo(controller2);
} else {
var scene = new ScrollMagic.Scene({triggerElement: currentPost, triggerHook:'onEnter', offset:-40, reverse: true});
scene.addTo(controller);
}
scene.setTween(TweenMax.fromTo(currentPost, 0.4, { autoAlpha:1, ease: Expo.easeInOut},{autoAlpha:1, ease: Power2.easeInOut, force3D: true, className:"+=scrolled"}));
});
}
$antsIsoCont.isotope({
layoutMode: 'masonryHorizontal',
itemSelector: '.ants-item-one',
stamp: '.stamp',
transitionDuration: 0,
masonryHorizontal: {
rowHeight: '.ants-sizer-one'
}
});
postsWidth = $('#stash-ants').outerWidth();
$('#stash-ants').isotope(true).isotope('layout');
});
{/block:IndexPage}
firstPostsLoad = false;
var controller2 = new ScrollMagic.Controller({vertical:false, loglevel: 3});
var controller = new ScrollMagic.Controller();
var $container = $('#stash-ants');
$container.infinitescroll({
navSelector: ".load-more-button a",
nextSelector: ".load-more-button a",
itemSelector: ".ants-item-one",
behavior: "twitter",
errorCallback: function(){
$('.loading-overlay').remove();
$('.posts-load').remove();
$('.load-more-button span').text('Done');
setTimeout(function(){
TweenMax.to('.load-more-button', .5, {opacity: 0, xPercent:100, ease: Expo.easeInOut});
$('.load-more-button').remove();
postsLoaderVisible = false;
}, 2000);
postsLoading = false;
},
loading: {
msgText: '',
finishedMsg: "No more posts.",
img: '',
finished: function() {
}
},
},function( newElements ) {
var $newElems = $(newElements).css({ opacity: 0, visibility:'hidden'});
$newElems.imagesLoaded(function(){
$('#infscr-loading').remove();
$($newElems).each(function(){
var currentPost = this;
var scene = new ScrollMagic.Scene({triggerElement: currentPost, triggerHook:'onEnter', offset:-40, reverse: true});
if(windowwidth > 740) {
scene.addTo(controller2);
} else {
scene.addTo(controller);
}
scene.setTween(TweenMax.fromTo(currentPost, 0.4, { autoAlpha:0, ease: Expo.easeInOut},{autoAlpha:1, ease: Power2.easeInOut, force3D: true, className:"+=scrolled"}));
});
$container.isotope( 'appended', $newElems, true );
postsLoading = false;
// TweenMax.fromTo(".loading-overlay", 1.2, {autoAlpha:1, xPercent:0, ease:Expo.easeInOut, force3D: true},{autoAlpha:0, xPercent:100, ease:Expo.easeInOut, force3D: true});
// if(firstPostsLoad == true) {
// if(windowwidth > 740) {
// TweenMax.to($window, 1, {
// scrollTo : { x: "+=400", autoKill:true },
// ease: Power4.easeOut,
// autoKill: true,
// overwrite: 5,
// delay:1
// });
// } else {
// TweenMax.to($window, 1, {
// scrollTo : { y: "+=300", autoKill:true },
// ease: Power4.easeOut,
// autoKill: true,
// overwrite: 5,
// delay:1
// });
// }
// }
TweenMax.to(".load-more-button", 0.6, {xPercent:100, opacity:0, delay:0.4});
postsLoaderVisible = false;
$('#stash-ants').isotope(true).isotope('layout');
setTimeout(function(){
$('#stash-ants').isotope(true).isotope('layout');
}, 2500);
setTimeout(function(){
$('#stash-ants').isotope(true).isotope('layout');
}, 5500);
$('.stash-photoset.ips').stashIPS();
firstPostsLoad = true;
// $("article").fitVids();
$('#infscr-loading').remove();
postsLoading = false;
});
$( "li.post-like" ).each(function( index ) {
var likeSvg = $(this).find('.fa, .like-text');
$(this).find(".like_button").append(likeSvg);
});
$("li.post-reblog:not(.done)").each(function( index ) {
$(this).addClass('done');
$(this).find('a svg').remove();
var reblogSvg = $(this).find('svg.dual-reblog');
$(this).find("a.reblog_button").append(reblogSvg);
});
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});
}
})(window.jQuery);
$(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}
<script>
{block:IfFlickrUserID}
<!-- Flickr -->
var link_str = "link";
$('.flickr-feed').jflickrfeed({
limit: {text:Flickr Widget Feed Count},
qstrings: {
id: '{text:Flickr User ID}'
},
itemTemplate:
'<li>' +
'<a href="{{' + link_str + '}}"><img src="{{image_m}}" alt="{{title}}" /></a>' +
'</li>'
});
{/block:IfFlickrUserID}
{block:Twitter}
function recent_tweets(data) {
for (i=0; i<{text:Twitter Widget Feed Count}; i++) {
document.getElementById("twitter").innerHTML =
document.getElementById("twitter").innerHTML +
'<li class="tweet"><p>' + twttr.txt.autoLink( data[i].text ) +
// &mdash;
'<abbr> <a href="http://twitter.com/{TwitterUsername}/status/' +
(data[i].id_str ? data[i].id_str : data[i].id) +
'" target="_blank">' + moment.utc(data[i].created_at).fromNow() + ' </abbr></a></p></li>';
}
}
{/block:Twitter}
{block:IfInstagramWidgetUserID}
var userFeed = new Instafeed({get:"user",userId:{text:Instagram Widget UserID},resolution:"standard_resolution", limit:{text:Instagram Widget Feed Count},accessToken:"{text:Instagram Widget Access Token}"});userFeed.run();
{/block:IfInstagramWidgetUserID}
{block:IfDribbbleWidgetAccessToken}
$.jribbble.setToken('{text:Dribbble Widget Access Token}');
$.jribbble.users('{text:Dribbble Widget Username}').shots({per_page: 36}).then(function(shots) {
var html = [];
shots.forEach(function(shot) {
html.push('<li class="shots--shot">');
html.push('<a href="' + shot.html_url + '" target="_blank">');
html.push('<img src="' + shot.images.normal + '">');
html.push('</a></li>');
});
$('.dribbble-feed').html(html.join(''));
});
{/block:IfDribbbleWidgetAccessToken}
</script>
{block:Twitter}
<script src="/tweets.js"></script>
{/block:Twitter}
<div class='customize-demo demo-note'>
<nav class="cl">
<ul>
<li class="get-started-toggle demo-toggle"><a>Get Started <i class="im im-angle-down"></i></a></li>
<li class="remove-stash-credit demo-toggle"><a>Remove Stash Credit <i class="im im-angle-down"></i></a></li>
</ul>
</nav>
<div class="get-started-overlay demo-overlay">
<p>1. On the Customize screen turn off the Use default mobile theme option under Advanced Options. </br><img src="http://static.tumblr.com/jzzkxgh/o2Yoomruj/default_mobile_theme.png"/></p>
<p>2. Remove the stash logo from your website by getting a <a href="http://themes.stashfamily.com/add-ons/full-license" target="_blank">Full License</a>.</p>
<p>3. For the Instagram feed generate your <a href="http://themes.stashfamily.com/instagram" target="_blank">Access Token & User ID here</a>.</p>
<p>4. If you still need help check out our <a href="http://themes.stashfamily.com/help/" target="_blank">help section</a> or the <a href="http://themes.stashfamily.com/docs/monaco/" target="_blank">theme documentation</a>.</p>
</div>
<div class="remove-stash-overlay demo-overlay">
<p>To remove the Stash logo from your theme you will need a <a href="http://themes.stashfamily.com/add-ons/full-license/">Full License</a>.</p>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment