Advertisement
Guest User

Untitled

a guest
Jul 13th, 2017
212
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 97.66 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <!--
  3. Theme: Ten Toes
  4. Help and FAQ: http://themes.stashfamily.com/help
  5. Download: https://www.tumblr.com/theme/40683
  6. Documentation: http://themes.stashfamily.com/docs/ten-toes/
  7.  
  8. Latest Update:
  9.  
  10. - Added Scrollbar option.
  11. - Modal Post off option added. (To load posts in new page or external link).
  12. -->
  13.  
  14. <html xmlns="http://www.w3.org/1999/xhtml">
  15. <head>
  16.  
  17. <meta charset="utf-8">
  18. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  19. <title>{Title}{block:PostSummary} - {PostSummary}{/block:PostSummary}</title>
  20. <meta name="description" content="{block:Description}{MetaDescription}{/block:Description}"/>
  21. {MobileAppHeaders}
  22. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  23.  
  24. {block:Hidden}
  25.  
  26. <!-- Body Options -->
  27. <meta name="image:Logo" content=""/>
  28. <meta name="image:Background" content=""/>
  29. <meta name="color:Background" content="#ffffff">
  30. <meta name="color:Text" content="#000000">
  31. <meta name="color:Accent" content="#000000">
  32. <meta name="color:Logo" content="#000000">
  33. <meta name="color:Header Background" content="#ffffff">
  34. <meta name="color:Header Text" content="#000000">
  35. <meta name="color:Banner Background" content="#000000">
  36. <meta name="color:Banner Text" content="#ffffff">
  37. <meta name="if:Repeat Background Image" content="0">
  38.  
  39. <!-- Fonts -->
  40. <meta name="text:Font Size" content="14px"/>
  41. <meta name="text:Header Size" content="10px"/>
  42. <meta name="text:Logo Size" content="10px"/>
  43. <meta name="text:Body Font" content=""/>
  44. <meta name="text:Logo Font" content=""/>
  45. <meta name="text:Banner Font" content=""/>
  46.  
  47. <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"/>
  48.  
  49. <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"/>
  50.  
  51. <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"/>
  52.  
  53. <meta name="select:Logo Text" content="normal" Title="Normal"/><meta name="select:Logo Text" content="uppercase" Title="Uppercase"/><meta name="select:Logo Text" content="lowercase" Title="Lowercase"/>
  54.  
  55. <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"/>
  56.  
  57. <!-- Banner -->
  58. <meta name="image:Banner Background" content=""/>
  59. <meta name="image:Mobile Banner Background" content=""/>
  60. <meta name="text:Banner Text Size" content="20px"/>
  61. <meta name="text:Banner Text" content="The banner is off, switch it on by turning the 'Banner' switch on.">
  62. <meta name="text:Banner Youtube Video ID" content=""/>
  63. <meta name="text:Banner Button Text" content=""/>
  64. <meta name="text:Banner Button URL" content=""/>
  65. <meta name="if:Banner" content="0"/>
  66. <meta name="if:Banner Overlay" content="0"/>
  67. <meta name="if:Mobile Hide Banner" content="0">
  68. <meta name="if:Banner Only No Posts" content="0"/>
  69.  
  70. <!-- Nav -->
  71. <meta name="if:Banner" content="0"/>
  72. <meta name="if:Random Link" content="0"/>
  73. <meta name="if:Archive Link" content="0"/>
  74. <meta name="if:RSS Link" content="0"/>
  75. <meta name="if:Home Link" content="0"/>
  76. <meta name="if:Show Photo Overlay" content="1"/>
  77. <meta name="if:Show Post Tags" content="1"/>
  78. <meta name="if:Show Post Caption" content="1"/>
  79. <meta name="if:Show Post Meta" content="1"/>
  80. <meta name="if:Show Post Date" content="0"/>
  81. <meta name="if:Show Post Share" content="1"/>
  82. <meta name="if:Show Post Note Count" content="1"/>
  83. <meta name="if:Show Post Notes" content="0"/>
  84. <meta name="if:Scrollbar" content="0"/>
  85. <meta name="if:Modal Post" content="1"/>
  86. <meta name="if:High Quality Images" content="1"/>
  87.  
  88. <meta name="text:Ask Link Label" content="Ask">
  89. <meta name="text:Submit Link Label" content="Submit">
  90. <meta name="text:Archive Link Label" content="Archive">
  91. <meta name="text:Random Link Label" content="Random">
  92.  
  93. <!-- Socials -->
  94.  
  95. <meta name="text:Twitter URL" content="">
  96. <meta name="text:Instagram URL" content="">
  97. <meta name="text:Facebook URL" content="">
  98. <meta name="text:Youtube URL" content="">
  99. <meta name="text:Snapchat URL" content="">
  100. <meta name="text:Email Address" content="">
  101.  
  102. <meta name="text:500px URL" content="">
  103. <meta name="text:Amazon URL" content="">
  104. <meta name="text:Apple URL" content="">
  105. <meta name="text:Bandcamp URL" content="">
  106. <meta name="text:Behance URL" content="">
  107. <meta name="text:Dribbble URL" content="">
  108. <meta name="text:Etsy URL" content="">
  109. <meta name="text:Flickr URL" content="">
  110. <meta name="text:Github URL" content="">
  111. <meta name="text:Google Plus URL" content="">
  112. <meta name="text:Linkedin URL" content="">
  113. <meta name="text:PayPal URL" content="">
  114. <meta name="text:Pinterest URL" content="">
  115. <meta name="text:Podcast URL" content="">
  116. <meta name="text:Mixcloud URL" content="">
  117. <meta name="text:SoundCloud URL" content="">
  118. <meta name="text:Skype URL" content="">
  119. <meta name="text:Spotify URL" content="">
  120. <meta name="text:Twitch URL" content="">
  121. <meta name="text:Vimeo URL" content="">
  122. <meta name="text:VK URL" content="">
  123. <meta name="text:Wordpress URL" content="">
  124.  
  125. <meta name="text:Custom Link 1 URL" content=""/>
  126. <meta name="text:Custom Link 1 Name" content=""/>
  127. <meta name="text:Custom Link 2 URL" content=""/>
  128. <meta name="text:Custom Link 2 Name" content=""/>
  129. <meta name="text:Custom Link 3 URL" content=""/>
  130. <meta name="text:Custom Link 3 Name" content=""/>
  131. <meta name="text:Custom Link 4 URL" content=""/>
  132. <meta name="text:Custom Link 4 Name" content=""/>
  133. <meta name="text:Custom Link 5 URL" content=""/>
  134. <meta name="text:Custom Link 5 Name" content=""/>
  135. <meta name="text:Custom Link 6 URL" content=""/>
  136. <meta name="text:Custom Link 6 Name" content=""/>
  137. <meta name="text:Custom Link 7 URL" content=""/>
  138. <meta name="text:Custom Link 7 Name" content=""/>
  139. <meta name="text:Custom Link 8 URL" content=""/>
  140. <meta name="text:Custom Link 8 Name" content=""/>
  141. <meta name="text:Custom Link 9 URL" content=""/>
  142. <meta name="text:Custom Link 9 Name" content=""/>
  143. <meta name="text:Custom Link 10 URL" content=""/>
  144. <meta name="text:Custom Link 10 Name" content=""/>
  145.  
  146. <!-- Typekit -->
  147. <meta name="text:TypeKit ID" content=""/>
  148. <meta name="text:TypeKit Body Font" content=""/>
  149. <meta name="text:TypeKit Logo Font" content=""/>
  150.  
  151. <meta name="text:Google Analytics ID" content=''/>
  152.  
  153. <meta name="select:Header Text Case" content="uppercase" Title="Uppercase"/><meta name="select:Header Text Case" content="normal" Title="Normal"/><meta name="select:Header Text Case" content="lowercase" Title="Lowercase"/>
  154.  
  155. <meta name="select:Banner Play Button Colour" content="light" Title="Light"/><meta name="select:Banner Play Button Colour" content="dark" Title="Dark"/>
  156.  
  157. <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"/>
  158.  
  159. <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"/>
  160.  
  161. <!-- Translations -->
  162. <meta name="text:Translate Share Text" content="Share">
  163. <meta name="text:Translate Like Text" content="Like">
  164. <meta name="text:Translate Reblog Text" content="Reblog">
  165. <meta name="text:Translate Notes Text" content="Notes">
  166. <meta name="text:Translate Close Text" content="Close">
  167. <meta name="text:Translate Next Text" content="Next">
  168. <meta name="text:Translate Prev Text" content="Prev">
  169. <meta name="text:Translate Posted On Text" content="Posted on">
  170. <meta name="text:Translate asked Text" content="asked">
  171.  
  172. {/block:Hidden}
  173.  
  174. <!-- Favicon, RSS & Ext. CSS -->
  175.  
  176. <link rel="shortcut icon" href="{Favicon}"/>
  177. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  178.  
  179.  
  180. <!-- stash Options -->
  181. <script>
  182. var TUMBLR_API_KEY = "5c9EqEvjoBVXriaQDOluhj9kUOElq0oIl9EQCxSWTmQ0Ifk7Cs",
  183. TUMBLR_HOSTNAME = {JSPlaintextHost},
  184. TUMBLR_TITLE = {JSPlaintextTitle},
  185. TUMBLR_DESC = {JSPlaintextDescription},
  186. TUMBLR_URL = {JSPlaintextBlogURL},
  187. antsGrid = "{select:Posts Columns}",
  188. SHOW_POST_NOTES = {block:IfShowPostNotes}true{/block:IfShowPostNotes}{block:IfNotShowPostNotes}false{/block:IfNotShowPostNotes};
  189. </script>
  190.  
  191.  
  192. <link href='https://static.tumblr.com/jzzkxgh/KW9opoygt/font-awesome.css' rel='stylesheet' type='text/css'>
  193. <link href='https://cdn.iconmonstr.com/1.1.0/css/iconmonstr-iconic-font.min.css' rel='stylesheet' type='text/css'>
  194.  
  195. <link rel="stylesheet" href="https://fonts.googleapis.com/css?family={select:Font}:{select:Body Font Weight}, 400,400italic,700,700italic">
  196. {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}
  197. {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}
  198. {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}
  199.  
  200. <link href="http://static.tumblr.com/jzzkxgh/c8Wos7zyv/core.css" rel="stylesheet">
  201.  
  202. <style type="text/css">
  203.  
  204. body {
  205. font: {text:Font Size} {block:IfBodyFont}"{text:Body Font}",{/block:IfBodyFont} "{select:Font}", Helvetica Neue, Helvetica, Arial, sans-serif;
  206. {block:IfTypeKitBodyFont}
  207. font:{text:Font Size} "{text:TypeKit Body Font}", "{select:Font}", Helvetica Neue, Arial, sans-serif;
  208. {/block:IfTypeKitBodyFont}
  209. color: {color:Text};
  210. font-weight:{select:Body Font Weight};
  211. line-height:1.6;
  212. background: {color:Background} url({image:Background})
  213. {block:ifrepeatbackgroundimage}repeat fixed;{/block:ifrepeatbackgroundimage}
  214. {block:ifnotrepeatbackgroundimage}no-repeat center fixed; background-size:cover; -webkit-background-size:cover{/block:ifnotrepeatbackgroundimage}
  215. ;
  216. overflow-x:hidden;
  217. overflow-y:auto;
  218. }
  219.  
  220. {block:ifnotscrollbar}
  221. @media (min-width:740px) {
  222. ::-webkit-scrollbar {
  223. width: 0;
  224. height: 0;
  225. display: none;
  226. }
  227. }
  228. {/block:ifnotscrollbar}
  229.  
  230. blockquote {
  231. font:{text:Font Size} {block:IfBodyFont}"{text:Body Font}",{/block:IfBodyFont} "{select:Font}", Helvetica Neue, Helvetica, Times New Roman, sans-serif;
  232. {block:IfTypeKitBodyFont}
  233. font:{text:Font Size} "{text:TypeKit Body Font}", "{select:Font}", Helvetica Neue, Arial, sans-serif;
  234. {/block:IfTypeKitBodyFont}
  235. padding: 0;
  236. font-style:italic;
  237. }
  238.  
  239. .wrapper {
  240. background: {color:Background} url({image:Background})
  241. {block:ifrepeatbackgroundimage}repeat fixed;{/block:ifrepeatbackgroundimage}
  242. {block:ifnotrepeatbackgroundimage}no-repeat center fixed; background-size:cover; -webkit-background-size:cover{/block:ifnotrepeatbackgroundimage}
  243. ;
  244. }
  245.  
  246. .button {
  247. padding: 8px 13px;
  248. color:{color:Background};
  249. background:{color:Accent};
  250. font-size:12px;
  251. font-weight:normal;
  252. font-family:{block:IfBodyFont}"{text:Body Font}",{/block:IfBodyFont} "{select:Font}", Helvetica Neue, Helvetica, Times New Roman, sans-serif;
  253. {block:IfTypeKitBodyFont}
  254. font-family:"{text:TypeKit Body Font}", "{select:Font}", Helvetica Neue, Arial, sans-serif;
  255. {/block:IfTypeKitBodyFont}
  256. text-transform:uppercase;
  257. -webkit-transition:all 0.2s ease-out;
  258. transition:all 0.2s ease-out;
  259. cursor:pointer;
  260. text-decoration:none;
  261. display:inline-block;
  262. margin-top:15px;
  263. }
  264.  
  265. .banner-button {
  266. background:{color:Banner Button Background};
  267. color:{color:Banner Button Text} !important;
  268. }
  269.  
  270. .banner-button:first-of-type {
  271. margin:0 14px 0 0;
  272. }
  273.  
  274.  
  275. .stash-content .post-answer {
  276. border: 5px solid {color:Accent};
  277. }
  278.  
  279. /* Global styles */
  280.  
  281. a, .post-like, #backToTop {
  282. color: {color:Accent};
  283. text-decoration:none;
  284. }
  285.  
  286. a:hover, .post-like:hover {
  287. text-decoration:none;
  288. }
  289.  
  290. h1,h2,h3,h4,h5,h6 {
  291. color:{color:Text};
  292. }
  293.  
  294. h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
  295. color:{color:Accent};
  296. }
  297.  
  298. .footer-icon {
  299. color: {color:Text};
  300. }
  301.  
  302.  
  303.  
  304. .post-quote blockquote, .quote blockquote {
  305. border:none;
  306. padding:0;
  307. font-size:24px;
  308. font-weight:700;
  309. line-height:1.3;
  310. color: {color:Accent};
  311. }
  312.  
  313.  
  314. .post-meta .share li a, .post-share-toggle {
  315. cursor:pointer;
  316. }
  317.  
  318. .post-meta {
  319. font-size:12px;
  320. }
  321.  
  322. .post-meta li:hover {
  323. border-bottom:1px solid {color:Accent};
  324. }
  325.  
  326. #header {
  327. color:{color:Header Text};
  328. font-size:{text:Header Size};
  329. }
  330.  
  331. /*Custom CSS*/
  332. {CustomCSS}
  333.  
  334. .share li a {
  335. cursor:pointer;
  336. }
  337.  
  338. .post-page .asker-box {
  339. border-left: 5px solid {color:Accent};
  340. border-top: 5px solid {color:Accent};
  341. }
  342.  
  343. .asker-box {
  344. background:{color:Accent};
  345. padding:8px;
  346. color:{color:Background};
  347. }
  348.  
  349. .asker {
  350. color:{color:Background};
  351. }
  352.  
  353. article.post.pp .post-header {
  354. -webkit-transition: all 0.2s ease-in-out;
  355. transition: all 0.2s ease-in-out;
  356. position:absolute;
  357. top:27px;
  358. left:24px;
  359. visibility:hidden;
  360. opacity:0;
  361. color:#E7E7E7;
  362. z-index:3;
  363. font-size:16px;
  364. cursor:url("http://static.tumblr.com/evx2wil/6N2o49gaj/plus.svg"),auto;
  365. cursor:-webkit-image-set(url("http://static.tumblr.com/evx2wil/6N2o49gaj/plus.svg")),auto;
  366. -webkit-transform: translate3d(0,-5px,0);
  367. transform: translate3d(0,-5px,0);
  368. }
  369. article.post.pp:hover .post-header {
  370. opacity:1;
  371. visibility:visible;
  372. -webkit-transition: all 0.2s ease-in-out;
  373. transition: all 0.2s ease-in-out;
  374. -webkit-transform: translate3d(0,0,0);
  375. transform: translate3d(0,0,0);
  376. }
  377.  
  378. {block:IfNotShowPostNoteCount}
  379. .post-note-count, .meta-notes {
  380. display:none !important;
  381. }
  382. {/block:IfNotShowPostNoteCount}
  383.  
  384. .post-header a {
  385. color:#fff;
  386. font-size:16px;
  387. display:block;
  388. cursor:url("http://static.tumblr.com/evx2wil/6N2o49gaj/plus.svg"),auto;
  389. cursor:-webkit-image-set(url("http://static.tumblr.com/evx2wil/6N2o49gaj/plus.svg")),auto;
  390. }
  391.  
  392. #sidebar {
  393. color:{color:Header Text};
  394. background:{color:Header Background};
  395. font-size:{text:Header Size};
  396. }
  397. #sidebar h3 {
  398. margin-bottom:20px;
  399. color:{color:Header Text};
  400. font-size:13px;
  401. }
  402.  
  403. .search input {
  404. border: none;
  405. box-sizing: border-box;
  406. background:{color:Header Text};
  407. color: {color:Header Background};
  408. text-align:left;
  409. font-family: {block:IfBodyFont}"{text:Body Font}",{/block:IfBodyFont} "{select:Font}", 'Gill Sans MT', Calibri, Helvetica Neue, sans-serif;
  410. -webkit-transition: .2s;
  411. transition: .2s;
  412. font-size: 13px;
  413. display: block;
  414. width: 100%;
  415. position: relative;
  416. padding: 8px 14px;
  417. }
  418.  
  419. .search input[type="submit"] {
  420. background:{color:Header Background};
  421. color:{color:Header Text};
  422. text-transform:uppercase;
  423. padding:10px 0;
  424. text-align:center;
  425. cursor:pointer;
  426. }
  427. #sidebar a {
  428. color:{color:Header Text};
  429. }
  430. .widget h3 {
  431. color:{color:Header Text};
  432. text-transform:uppercase;
  433. }
  434.  
  435. .widget {
  436. color:{color:Header Text};
  437. }
  438.  
  439. #twitter a {
  440. color:{color:Header Text};
  441. }
  442. .social-links ul li a {
  443. color:{color:Header Text};
  444. }
  445.  
  446.  
  447. /* Modal */
  448.  
  449. @media (min-width: 768px) {
  450. .stash-content.big-height {
  451. top: 0;
  452. -webkit-transform: translate(-50%, 0);
  453. transform: translate(-50%, 0);
  454. -webkit-transition: top .4s, left .4s, right .4s, transform .4s, width .4s;
  455. transition: top .4s, left .4s, right .4s, transform .4s, width .4s;
  456. }
  457. }
  458. .stash-back-btn {
  459. padding: 20px 0;
  460. font-size: 12px;
  461. color: {color:Text};
  462. font-weight: bold;
  463. text-transform: uppercase;
  464. text-align: center;
  465. cursor: pointer;
  466. display: none;
  467. }
  468. .stash-back-btn svg {
  469. fill: {color:Accent};
  470. -webkit-transition: .2s all;
  471. transition: .2s all;
  472. }
  473. .stash-border-right {
  474. right: 0;
  475. }
  476.  
  477. .stash-post-meta svg {
  478. fill: {color:Accent}!important;
  479. }
  480. @media (max-width: 550px) {
  481. .stash-post-meta svg {
  482. -webkit-transform: scale(1.3);
  483. transform: scale(1.3);
  484. }
  485. }
  486.  
  487. .close-modal svg g path {
  488. fill:white;
  489. }
  490.  
  491. svg .animated-circle {
  492. stroke:white};
  493. }
  494.  
  495. .stash-post-meta .close {
  496. opacity: 0;
  497. }
  498.  
  499. .stash-overlay, .stash-overlay p, .stash-overlay a, .stash-overlay .post-like, .stash-overlay * {
  500. color:white !important;
  501. }
  502.  
  503. .stash-overlay {
  504. background:transparent;
  505. }
  506.  
  507. @media (max-width: 550px) {
  508. .close-modal {
  509. top:20px;
  510. left:10px;
  511. }
  512. #stash-container {
  513. background: {color:Background};
  514. }
  515. .close-modal svg g path {
  516. fill:{color:Accent};
  517. }
  518.  
  519. svg .animated-circle {
  520. stroke:{color:Accent};
  521. }
  522.  
  523. .stash-overlay, .stash-overlay p, .stash-overlay a, .stash-overlay .post-like, .stash-overlay * {
  524. color:{color:Accent} !important;
  525. }
  526. }
  527.  
  528. .tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
  529. z-index: 1000000!important;
  530. }
  531.  
  532. .post-navigation li, .post-navigation li, .post-navigation li span {
  533. background:{color:Text};
  534. }
  535.  
  536. .post-navigation li a, .post-navigation li a, .post-navigation li span {
  537. color:{color:Background};
  538. }
  539.  
  540. .post-navigation li:hover, .post-navigation li:hover, .post-navigation li:hover span, .ps-options:hover {
  541. background:{color:Background};
  542. }
  543.  
  544. .post-navigation li:hover > a, .post-navigation li:hover > a, .post-navigation li:hover span, .ps-options:hover {
  545. color:{color:Text};
  546. }
  547.  
  548. .post-navigation li:after, .ps-options:after {
  549. background:{color:Background};
  550. opacity:0.1;
  551. width:100%;
  552. height:1px;
  553. position:absolute;
  554. bottom:-1px;
  555. left:0;
  556. }
  557.  
  558. #stash-preloader {
  559. position: fixed;
  560. top: 0;
  561. z-index: 1000000;
  562. width: 100%;
  563. height: 100%;
  564. background: {color:Background};
  565. }
  566. #stash-preloader .loading-icon {
  567. position: absolute;
  568. top: 50%;
  569. left: 50%;
  570. -webkit-transform: translate(-50%,-50%);
  571. transform: translate(-50%,-50%);
  572. border-radius: 50%;
  573. width: 32px;
  574. height: 32px;
  575. border: 0.25rem solid transparent;
  576. display: inline-block;
  577. margin: 0 8px;
  578. animation-name: spin;
  579. animation-duration: 1s;
  580. animation-iteration-count: infinite;
  581. animation-timing-function: cubic-bezier(0.55, 0.15, 0.45, 0.85);
  582. }
  583. #stash-preloader .loading-icon, #ants-loader .loading-icon {
  584. border: 0.25rem solid transparent;
  585. border-top-color: {color:Accent};
  586. }
  587.  
  588. {block:IfNotShowPostMeta}
  589. .note-count, #stash-ants .meta, #stash-ants .post-meta .share, .meta, .share {
  590. display:none;
  591. }
  592. {/block:IfNotShowPostMeta}
  593.  
  594. {block:IfNotShowPostDate}
  595. .meta-date, .meta time, .post-meta .meta {
  596. display:none !important;
  597. }
  598. {/block:IfNotShowPostDate}
  599.  
  600. {block:IfNotShowPostShare}
  601. #stash-ants .post .post-share-parent, .stash-show-share {
  602. display:none;
  603. }
  604. {/block:IfNotShowPostShare}
  605.  
  606. {block:IfNotShowPostTags}
  607. #stash-ants .post .tags, .tags, .the-tag {
  608. display:none !important;
  609. }
  610. {/block:IfNotShowPostTags}
  611.  
  612. {block:IfNotShowPostCaption}
  613. #stash .post-photo .post-meta, #stash .post-photo .content, #stash .post-photoset .post-meta, #stash .post-photoset .content {
  614. display:none;
  615. }
  616.  
  617. #stash .post-video .post-meta, #stash .post-video .content, #stash .post-audio .post-meta, #stash .post-audio .content {
  618. display:none;
  619. }
  620. {/block:IfNotShowPostCaption}
  621.  
  622. {block:IfShowPostCaption}
  623. .overlay, .overlay-bg {
  624. display:none;
  625. }
  626. {/block:IfShowPostCaption}
  627.  
  628. {block:IfNotShowPostNoteCount}
  629. #stash-ants .post .meta-notes, .note-count {
  630. display:none;
  631. }
  632. {/block:IfNotShowPostNoteCount}
  633.  
  634. {block:IfNotShowRebloggedFrom}
  635. .reblogged-from {
  636. display:none;
  637. }
  638. {/block:IfNotShowRebloggedFrom}
  639.  
  640. {block:IfNotShowPhotoOverlay}
  641. .overlay, .overlay-bg {
  642. display:none;
  643. }
  644. {/block:IfNotShowPhotoOverlay}
  645.  
  646. #banner p {
  647. font:{select:Banner Text Font Weight} {text:Banner Text Size} {block:IfBannerFont}"{text:Banner Font}",{/block:IfBannerFont} "{select:Font}", Helvetica Neue, Arial, sans-serif;
  648. {block:IfTypeKitBannerFont}
  649. font:{select:Banner Text Font Weight} {text:Banner Text Size} "{text:Typekit Banner Font}", "{select:Font}", Helvetica Neue, Arial, sans-serif;
  650. {/block:IfTypeKitBannerFont}
  651. color:{color:Banner Text};
  652. font-weight:bold;
  653. margin:0 auto 25px auto;
  654. width:100%;
  655. }
  656.  
  657. .banner-text a {
  658. color:{color:Banner Text};
  659. }
  660.  
  661. #banner {
  662. background-color:{color:Banner Background};
  663. }
  664.  
  665. body.tagged-page #banner {
  666. display:none !important;
  667. }
  668.  
  669. {block:ifBannerOverlay}
  670. .banner-youtube-video, #banner-vimeo-video, .banner-img, .mobile-banner-img {
  671. opacity:0.5;
  672. }
  673. #banner {
  674. background-color:black;
  675. }
  676. {/block:ifBannerOverlay}
  677.  
  678. .banner-img {
  679. background:url({image:Banner Background}) center bottom no-repeat;
  680. background-size:cover;
  681. background-position:center center;
  682. background-repeat:no-repeat;
  683. height:100vh;
  684. width:100%;
  685. top:0;
  686. left:0;
  687. z-index:-1;
  688. -webkit-transform: scale(1.2);
  689. transform: scale(1.2);
  690. transition: opacity .8s linear,-webkit-transform 2.6s cubic-bezier(.19,1,.22,1);
  691. transition: opacity .8s linear,transform 2.6s cubic-bezier(.19,1,.22,1);
  692. }
  693.  
  694. .mobile-banner-img {
  695. background:url({image:Mobile Banner Background}) center center no-repeat;
  696. background-size:cover;
  697. background-position:center center;
  698. background-repeat:no-repeat;
  699. height:100vh;
  700. width:100%;
  701. top:0;
  702. left:0;
  703. z-index:-2;
  704. -webkit-transform: scale(1.2);
  705. transform: scale(1.2);
  706. transition: opacity .8s linear,-webkit-transform 2.6s cubic-bezier(.19,1,.22,1);
  707. transition: opacity .8s linear,transform 2.6s cubic-bezier(.19,1,.22,1);
  708. }
  709.  
  710. @media (min-width:740px) {
  711. .mobile-banner-img {
  712. display:none;
  713. }
  714. }
  715.  
  716. .navigation, .header-social {
  717. font-weight:{select:Logo Font Weight};
  718. }
  719.  
  720. .navigation a {
  721. color:{color:Header Text};
  722. }
  723.  
  724. .logo, .logo a {
  725. font:{select:Logo Font Weight} {text:Logo Size} {block:IfLogoFont}"{text:Logo Font}",{/block:IfLogoFont} "{select:Font}", Helvetica Neue, Arial, sans-serif;
  726.  
  727. {block:IfTypeKitLogoFont}
  728. font:{select:Logo Font Weight} {text:Logo Size} "{text:Typekit Logo Font}", "{select:Font}", Helvetica Neue, Arial, sans-serif;
  729. {/block:IfTypeKitLogoFont}
  730. color:{color:Logo};
  731. font-weight:{select:Logo Font Weight};
  732. }
  733.  
  734. .sidebar-logo, .sidebar-logo a {
  735. font:{select:Logo Font Weight} 19px {block:IfLogoFont}"{text:Logo Font}",{/block:IfLogoFont} "{select:Font}", Helvetica Neue, Arial, sans-serif;
  736.  
  737. {block:IfTypeKitLogoFont}
  738. font:{select:Logo Font Weight} 19px "{text:Typekit Logo Font}", "{select:Font}", Helvetica Neue, Arial, sans-serif;
  739. {/block:IfTypeKitLogoFont}
  740. }
  741.  
  742. {block:ifMobileHideBanner}
  743. @media (max-width:740px) {
  744. #banner {
  745. display:none;
  746. }
  747. }
  748. {/block:ifMobileHideBanner}
  749.  
  750. {block:ifBannerOnlyNoPosts}
  751. .index .page-container {
  752. display:none;
  753. }
  754. body.tagged-page.index .page-container {
  755. display:block !important;
  756. }
  757. .arr-down {
  758. display:none;
  759. }
  760. {/block:ifBannerOnlyNoPosts}
  761.  
  762. .arr-down, .mute-button, .play-button, .banner-video-option, .banner-video-options {
  763. color:{color:Banner Text};
  764. }
  765.  
  766. #sidebar .social-links a {
  767. color:{color:Header Text};
  768. }
  769. #sidebar .social-links a:hover {
  770. color:{color:Header Text};
  771. }
  772.  
  773. @media (max-width: 740px) {
  774.  
  775. .stash-overlay {
  776. background: {color:Background};
  777. }
  778.  
  779. .logo a {
  780. font:{select:Logo Font Weight} 9px/30px {block:IfLogoFont}"{text:Logo Font}",{/block:IfLogoFont} "{select:Font}", Helvetica Neue, Arial, sans-serif;
  781. {block:IfTypeKitLogoFont}
  782. font:{select:Logo Font Weight} 9px/30px "{text:Typekit Logo Font}", "{select:Font}", Helvetica Neue, Arial, sans-serif;
  783. {/block:IfTypeKitLogoFont}
  784. width:auto;
  785. }
  786.  
  787. #banner p {
  788. font:{select:Banner Text Font Weight} 18px {block:IfBannerFont}"{text:Banner Font}",{/block:IfBannerFont} "{select:Font}", Helvetica Neue, Arial, sans-serif;
  789. {block:IfTypeKitBannerFont}
  790. font:18px "{text:Typekit Banner Font}", "{select:Font}", Helvetica Neue, Arial, sans-serif;
  791. {/block:IfTypeKitBannerFont}
  792. max-width:100%;
  793. }
  794.  
  795. {block:ifmobilebannerbackgroundimage}
  796. .banner-img {
  797. display:none;
  798. }
  799. {/block:ifmobilebannerbackgroundimage}
  800.  
  801. body.sidebar-open .sidebar-toggle span, body.sidebar-open .sidebar-toggle span:before, body.sidebar-open .sidebar-toggle span:after {
  802. background:{color:Header Text};
  803. }
  804. #header {
  805. background:{color:Header Background};
  806. height:50px;
  807. line-height:50px;
  808. }
  809.  
  810. .navigation, .header-social {
  811. display:none;
  812. }
  813.  
  814. #header a, .logo a, .logo, .sidebar-toggle {
  815. color:{color:Header Text};
  816. }
  817.  
  818. html.modal-open .sidebar-toggle {
  819. display:none;
  820. }
  821.  
  822. .sidebar-toggle span, .sidebar-toggle span:before, .sidebar-toggle span:after {
  823. background:{color:Header Text};
  824. }
  825. .close-mobile-modal svg g {
  826. fill:{color:Header Text};
  827. }
  828. }
  829.  
  830. /* Customize Help */
  831.  
  832. .demo-note {
  833. position: fixed;
  834. bottom: 0;
  835. right:0;
  836. background: black;
  837. font-size: 14px;
  838. text-align: left;
  839. line-height: 1;
  840. font-family: "HelveticaNeue-CondensedBold", "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold",Helvetica Neue, Arial, sans-serif;
  841. z-index: 999999;
  842. width:100%;
  843. max-width:360px;
  844. opacity:0;
  845. visibility:hidden;
  846. transform:translateY(100%);
  847. transition:all 0.3s ease;
  848. }
  849.  
  850. .demo-note.visible {
  851. opacity:1;
  852. visibility:visible;
  853. transform:translateY(0);
  854. }
  855.  
  856. .demo-note nav {
  857. text-transform:uppercase;
  858. font-size:13px;
  859. }
  860.  
  861. .demo-note nav ul {
  862. padding:0;
  863. margin:0;
  864. }
  865.  
  866. .demo-note nav ul li {
  867. float:left;
  868. list-style:none;
  869. width:50%;
  870. }
  871.  
  872. .demo-note nav ul li a {
  873. padding:14px;
  874. display:block;
  875. }
  876.  
  877. .demo-note a {
  878. color:white;
  879. text-decoration:none;
  880. }
  881.  
  882. .demo-note nav .im {
  883. font-size:9px;
  884. margin-left:3px;
  885. transition:all 0.2s;
  886. }
  887.  
  888. .get-started-toggle {
  889. background:url('http://static.tumblr.com/jzzkxgh/NjToomr9a/get-started.gif');
  890. }
  891.  
  892. .get-started-toggle a {
  893. color:black;
  894. }
  895.  
  896. .demo-toggle.open .im {
  897. -webkit-transform:rotate(180deg);
  898. transform:rotate(180deg);
  899. }
  900.  
  901. .theme-help-toggle {
  902. background:url('https://68.media.tumblr.com/b899e9b349cdb21b5fbc1bcb142f9505/tumblr_o2lmc2zmLk1u6fq9ao1_500.gif');
  903. color: white;
  904. }
  905.  
  906. .theme-help-toggle a:hover {
  907. text-decoration:none;
  908. }
  909.  
  910. .demo-overlay {
  911. color:white;
  912. height:0;
  913. -webkit-transition:opacity 0.8s ease, height 0.8s ease, visibility, 0.8s ease ;
  914. transition:opacity 0.8s ease, height 0.8s ease, visibility, 0.8s ease;
  915. opacity:0;
  916. visibility:hidden;
  917. }
  918.  
  919. .demo-overlay.open {
  920. margin-top:28px;
  921. height:auto;
  922. -webkit-transition:all 0.8s ease;
  923. transition:all 0.8s ease;
  924. opacity:1;
  925. visibility:visible;
  926. padding: 10px;
  927. }
  928.  
  929. .demo-overlay p {
  930. margin-bottom:10px;
  931. font-size:12px;
  932. line-height:1.3;
  933. }
  934.  
  935. .demo-overlay p a {
  936. text-decoration:underline;
  937. }
  938.  
  939. .demo-overlay img {
  940. margin-top: 6px;
  941. max-width:95%;
  942. }
  943. </style>
  944.  
  945. </head>
  946. <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:ifbannerbackgroundimage}has-banner-image {/block:ifbannerbackgroundimage} {block:ifmobilebannerbackgroundimage}has-mobile-banner-image {/block:ifmobilebannerbackgroundimage}{/block:ifbanner}">
  947.  
  948. <div class='customize-demo demo-note'>
  949. <nav class="cl">
  950. <ul>
  951. <li class="get-started-toggle demo-toggle"><a>Get Started <i class="im im-angle-down"></i></a></li>
  952. <li class="theme-help-toggle demo-toggle"><a>Theme not working? <i class="im im-angle-down"></i></a></li>
  953. </ul>
  954. </nav>
  955.  
  956. <div class="get-started-overlay demo-overlay">
  957. <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>
  958. <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>
  959. <p>3. 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/ten-toes/" target="_blank">theme documentation</a>.</p>
  960. </div>
  961.  
  962. <div class="theme-help-overlay demo-overlay">
  963. <p>1. You can try to turn off HTTPS/Encryption in your Tumblr Blog Settings. https://www.tumblr.com/settings/blog/your-blog</br><img src="http://static.tumblr.com/jzzkxgh/ChPonw3s4/encryption_off.png"/></p>
  964. <p>2. If you customized the HTML code of the theme you may have broken it so I suggest redownloading or using Tumblr's <a href="https://www.tumblr.com/themes/recover" target="_blank">Theme Recovery.</a></p>
  965. </div>
  966. </div>
  967.  
  968. <div id="stash-preloader">
  969. <div id="stash-loader"><div class="loading-icon"></div></div>
  970. </div>
  971.  
  972. <div class="dark-overlay"></div>
  973.  
  974. {block:IndexPage}
  975. {block:ifbanner}
  976. <div id="banner" class="{select:Banner Play Button Colour} {block:IfBannerYoutubeVideoID}has-video {/block:IfBannerYoutubeVideoID} {block:ifbannerbackgroundimage}has-banner-image {/block:ifbannerbackgroundimage}{block:ifmobilebannerbackgroundimage}has-mobile-banner-image {/block:ifmobilebannerbackgroundimage} ">
  977. <div class="inner">
  978. <div class="banner-center">
  979. {block:IfBannerYoutubeVideoID}
  980. <div class="banner-play">
  981. <svg width="50px" height="50px" viewBox="0 0 52 52" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  982. <title>PLAY</title>
  983. <defs></defs>
  984. <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  985. <g transform="translate(-694.000000, -314.000000)" stroke-width="2" stroke="#FFFFFF">
  986. <g transform="translate(695.000000, 315.000000)">
  987. <circle class="play-circle" cx="25" cy="25" r="25"></circle>
  988. <polygon class="play-triangle" fill="#FFFFFF" fill-opacity="0.0" points="19.0909091 35.4545455 19.0909091 15.4545455 35.4545455 25.4545455"></polygon>
  989. </g>
  990. </g>
  991. </g>
  992. </svg>
  993. </div>
  994. {/block:IfBannerYoutubeVideoID}
  995.  
  996. {block:IfBannerText}
  997. <p>{text:Banner Text}</p>
  998. {/block:IfBannerText}
  999.  
  1000. {block:IfBannerButtonURL}<a class="button banner-button" target="_blank" href="{text:Banner Button URL}">{text:Banner Button Text}</a>{/block:IfBannerButtonURL}
  1001. </div>
  1002.  
  1003. {block:ifbannerbackgroundimage}
  1004. <div class="banner-img"></div>
  1005. {/block:ifbannerbackgroundimage}
  1006.  
  1007. {block:ifmobilebannerbackgroundimage}
  1008. <div class="mobile-banner-img"></div>
  1009. {/block:ifmobilebannerbackgroundimage}
  1010.  
  1011. <div class="arr-down">
  1012. <i class="im im-angle-down"></i>
  1013. </div>
  1014. </div>
  1015. </div>
  1016. {/block:ifbanner}
  1017. {/block:IndexPage}
  1018.  
  1019.  
  1020. <div class="close-modal">
  1021. <svg width="18px" height="18px" 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"></path></g></svg>
  1022. </div>
  1023.  
  1024. <div class="progress-indicator">
  1025. <svg>
  1026. <g>
  1027. <circle cx="0" cy="0" r="20" class="animated-circle" transform="translate(50,50) rotate(-90)" />
  1028. </g>
  1029. <g>
  1030. <circle cx="0" cy="0" r="38" transform="translate(50,50)" />
  1031. </g>
  1032. </svg>
  1033. </div>
  1034.  
  1035. <div class="stash-credit">
  1036. <a href="http://themes.stashfamily.com" target="_blank">
  1037. <svg width="65px" height="10px" viewBox="0 0 87 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  1038. <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  1039. <path d="M0.696,10.1241072 C0.873715092,11.7630353 1.44635261,12.6121185 2.86807334,13.3822172 C4.19106347,14.1128237 6.32364457,14.488 9.14733992,14.488 C15.0514302,14.488 17.8751255,12.9872948 17.8751255,9.8476615 C17.8751255,8.20873343 17.0457884,7.02396615 15.4463526,6.41183639 C14.3208237,5.99716784 13.6494556,5.85894499 11.3194133,5.62199154 C7.25171227,5.20732299 6.8172976,5.08884626 6.8172976,4.43722426 C6.8172976,3.90407898 7.46891961,3.56839492 8.51546403,3.56839492 C9.81870804,3.56839492 10.5690606,3.94357123 10.8849986,4.77290832 L17.460457,4.77290832 C17.0457884,3.23271086 16.5521354,2.48235825 15.4660987,1.79124401 C14.1233625,0.922414669 12.0500197,0.488 9.24607052,0.488 C3.71715656,0.488 0.814476728,2.04794358 0.814476728,5.0296079 C0.814476728,6.64878984 1.70305219,7.813811 3.34198025,8.32721016 C4.38852468,8.68264034 6.00770663,8.99857828 7.48866573,9.13680113 C10.5493145,9.43299295 10.8060141,9.47248519 11.2206827,9.59096192 C11.6353512,9.70943865 11.8328124,9.90689986 11.8328124,10.2820762 C11.8328124,10.8349676 11.2206827,11.1311594 10.0359154,11.1311594 C8.79190973,11.1311594 8.14028773,10.8547137 7.68612694,10.1241072 L0.696,10.1241072 Z M23.6804852,14.0733315 L28.7157461,14.0733315 L28.7157461,4.25950917 L33.7904993,4.25950917 L33.7904993,0.902668547 L18.6649704,0.902668547 L18.6649704,4.25950917 L23.6804852,4.25950917 L23.6804852,14.0733315 Z M33.8497377,14.0733315 L39.121952,0.902668547 L45.7763949,0.902668547 L51.0486093,14.0733315 L45.5394415,14.0733315 L44.9865501,12.8688181 L39.6156051,12.8688181 L39.121952,14.0733315 L33.8497377,14.0733315 Z M40.5239267,9.51197743 L43.999244,9.51197743 L42.3010776,4.67417772 L40.5239267,9.51197743 Z M51.483024,10.1241072 C51.6607391,11.7630353 52.2333766,12.6121185 53.6550973,13.3822172 C54.9780874,14.1128237 57.1106685,14.488 59.9343639,14.488 C65.8384542,14.488 68.6621495,12.9872948 68.6621495,9.8476615 C68.6621495,8.20873343 67.8328124,7.02396615 66.2333766,6.41183639 C65.1078477,5.99716784 64.4364795,5.85894499 62.1064372,5.62199154 C58.0387362,5.20732299 57.6043216,5.08884626 57.6043216,4.43722426 C57.6043216,3.90407898 58.2559436,3.56839492 59.302488,3.56839492 C60.605732,3.56839492 61.3560846,3.94357123 61.6720226,4.77290832 L68.247481,4.77290832 C67.8328124,3.23271086 67.3391594,2.48235825 66.2531227,1.79124401 C64.9103865,0.922414669 62.8370437,0.488 60.0330945,0.488 C54.5041805,0.488 51.6015007,2.04794358 51.6015007,5.0296079 C51.6015007,6.64878984 52.4900762,7.813811 54.1290042,8.32721016 C55.1755487,8.68264034 56.7947306,8.99857828 58.2756897,9.13680113 C61.3363385,9.43299295 61.5930381,9.47248519 62.0077066,9.59096192 C62.4223752,9.70943865 62.6198364,9.90689986 62.6198364,10.2820762 C62.6198364,10.8349676 62.0077066,11.1311594 60.8229394,11.1311594 C59.5789337,11.1311594 58.9273117,10.8547137 58.4731509,10.1241072 L51.483024,10.1241072 Z M70.538031,14.0733315 L75.573292,14.0733315 L75.573292,8.89984767 L81.4576361,8.89984767 L81.4576361,14.0733315 L86.492897,14.0733315 L86.492897,0.902668547 L81.4576361,0.902668547 L81.4576361,5.54300705 L75.573292,5.54300705 L75.573292,0.902668547 L70.538031,0.902668547 L70.538031,14.0733315 Z" fill="{color:Text}"></path>
  1040. </g>
  1041. </svg>
  1042. </a>
  1043. </div>
  1044.  
  1045.  
  1046. {block:IfBannerYoutubeVideoID}
  1047. <div class="overlay-video">
  1048. <div class="inner">
  1049. <div class="overlay-video-close">
  1050. <svg width="18px" height="18px" 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>
  1051. </div>
  1052. <div class="overlay-video-container">
  1053. <div class="video-center">
  1054. <div class="iframe-container">
  1055. <iframe class="overlay-video-player" src="https://www.youtube.com/embed/{text:Banner Youtube Video ID}" frameborder="0" allowfullscreen></iframe>
  1056. </div>
  1057. </div>
  1058. </div>
  1059. </div>
  1060.  
  1061. <div class="overlay-video-buttons">
  1062. <ul>
  1063. </ul>
  1064. </div>
  1065. </div>
  1066. {/block:IfBannerYoutubeVideoID}
  1067.  
  1068. <div class="post-navigation stash-navigation">
  1069. <li class="stash-close-btn close">
  1070. <a><span>{text:Translate Close Text}</span><i class="im im-x-mark"></i></a>
  1071. </li>
  1072. <li class="stash-prev-btn">
  1073. <a><span>{text:Translate Previous Post Text}</span><i class="im im-arrow-left"></i></a>
  1074. </li>
  1075.  
  1076. <li class="stash-next-btn">
  1077. <a><span>{text:Translate Next Post Text}</span><i class="im im-arrow-right"></i></a>
  1078. </li>
  1079. </div>
  1080.  
  1081. <div class="stash-overlay">
  1082.  
  1083. <div class='stash-container container'>
  1084.  
  1085. <div class="stash-content">
  1086.  
  1087. </div>
  1088. <div class='stash-post-meta'>
  1089. <div class='stash-caption'>
  1090. <div class="inner">
  1091. </div>
  1092. </div>
  1093. </div>
  1094.  
  1095.  
  1096. <div class='stash-back-btn'>
  1097. <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20">
  1098. <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>
  1099. </svg>
  1100. </div>
  1101. </div>
  1102.  
  1103. </div>
  1104.  
  1105. <div id="sidebar" class="{select:Header Text Case} ">
  1106.  
  1107. <div class="inner animated slow">
  1108. <div class="wrap">
  1109.  
  1110. <nav class="sidebar-navigation cl">
  1111. <ul>
  1112.  
  1113. {block:IfHomeLink}
  1114. <li><a href="/">Home</a></li>
  1115. {/block:IfHomeLink}
  1116.  
  1117. {block:HasPages}
  1118. {block:Pages}
  1119. <li> <a href="{URL}">{Label}</a></li>
  1120. {/block:Pages}
  1121. {/block:HasPages}
  1122.  
  1123. {block:IfCustomLink1URL}<li><a href="{text:Custom Link 1 URL}">{text:Custom Link 1 Name}</a></li>{/block:IfCustomLink1URL}
  1124. {block:IfCustomLink2URL}<li><a href="{text:Custom Link 2 URL}">{text:Custom Link 2 Name}</a></li>{/block:IfCustomLink2URL}
  1125. {block:IfCustomLink3URL}<li><a href="{text:Custom Link 3 URL}">{text:Custom Link 3 Name}</a></li>{/block:IfCustomLink3URL}
  1126. {block:IfCustomLink4URL}<li><a href="{text:Custom Link 4 URL}">{text:Custom Link 4 Name}</a></li>{/block:IfCustomLink4URL}
  1127. {block:IfCustomLink5URL}<li><a href="{text:Custom Link 5 URL}">{text:Custom Link 5 Name}</a></li>{/block:IfCustomLink5URL}
  1128. {block:IfCustomLink6URL}<li><a href="{text:Custom Link 6 URL}">{text:Custom Link 6 Name}</a></li>{/block:IfCustomLink6URL}
  1129. {block:IfCustomLink7URL}<li><a href="{text:Custom Link 7 URL}">{text:Custom Link 7 Name}</a></li>{/block:IfCustomLink7URL}
  1130. {block:IfCustomLink8URL}<li><a href="{text:Custom Link 8 URL}">{text:Custom Link 8 Name}</a></li>{/block:IfCustomLink8URL}
  1131. {block:IfCustomLink9URL}<li><a href="{text:Custom Link 9 URL}">{text:Custom Link 9 Name}</a></li>{/block:IfCustomLink9URL}
  1132. {block:IfCustomLink10URL}<li><a href="{text:Custom Link 10 URL}">{text:Custom Link 10 Name}</a></li>{/block:IfCustomLink10URL}
  1133.  
  1134. {block:AskEnabled}
  1135. <li> <a class="stash-ask-page" href="http://{name}.tumblr.com/ask" title="{text:Ask Link Label}">{text:Ask Link Label}</a></li>
  1136. {/block:AskEnabled}
  1137.  
  1138. {block:SubmissionsEnabled}
  1139. <li> <a href="http://{name}.tumblr.com/submit" title="{text:Submit Link Label}">{text:Submit Link Label}</a></li>
  1140. {/block:SubmissionsEnabled}
  1141. {block:IfArchiveLink}
  1142. <li><a href="http://{name}.tumblr.com/archive" title="{text:Archive Link Label}">{text:Archive Link Label}</a></li>
  1143. {/block:IfArchiveLink}
  1144. {block:ifRandomLink}
  1145. <li><a href="http://{name}.tumblr.com/random" title="{text:Random Link Label}">{text:Random Link Label}</a></li>
  1146. {/block:ifRandomLink}
  1147.  
  1148. {block:ifRSSLink}
  1149. <li><a href="{RSS}" title="{lang:RSS}">{lang:RSS}</a></li>
  1150. {/block:ifRSSLink}
  1151.  
  1152. {block:ifTwitterURL}<li><a target="_blank" href="{text:Twitter URL}"><i class="fa fa-twitter"></i></a></li>{/block:ifTwitterURL}
  1153. {block:ifInstagramURL}<li><a target="_blank" href="{text:Instagram URL}"><i class="fa fa-instagram"></i></a></li>{block:ifInstagramURL}
  1154. {block:ifFacebookURL}<li><a target="_blank" href="{text:Facebook URL}"><i class="fa fa-facebook"></i></a></li>{/block:ifFacebookURL}
  1155. {block:ifYoutubeURL}<li><a target="_blank" href="{text:Youtube URL}"><i class="fa fa-youtube"></i></a></li>{/block:ifYoutubeURL}
  1156. {block:ifSnapchatURL}<li><a target="_blank" href="{text:Snapchat URL}"><i class="fa fa-snapchat-ghost"></i></a></li>{/block:ifSnapchatURL}
  1157. {block:ifEmailAddress}<li><a target="_blank" href="mailto:{text:Email Address}"><i class="fa fa-envelope"></i></a></li>{/block:ifEmailAddress}
  1158. {block:if500pxURL}<li><a target="_blank" href="{text:500px URL}"><i class="fa fa-500px"></i></a></li>{/block:if500pxURL}
  1159. {block:ifAmazonURL}<li><a target="_blank" href="{text:Amazon URL}"><i class="fa fa-amazon"></i></a></li>{/block:ifAmazonURL}
  1160. {block:ifAppleURL}<li><a target="_blank" href="{text:Apple URL}"><i class="fa fa-apple"></i></a></li>{/block:ifAppleURL}
  1161. {block:ifBandcampURL}<li><a target="_blank" href="{text:Bandcamp URL}"><i class="fa fa-bandcamp"></i></a></li>{/block:ifBandcampURL}
  1162. {block:ifBehanceURL}<li><a target="_blank" href="{text:Behance URL}"><i class="fa fa-behance"></i></a></li>{/block:ifBehanceURL}
  1163. {block:ifDribbbleURL}<li><a target="_blank" href="{text:Dribbble URL}"><i class="fa fa-dribbble"></i></a></li>{/block:ifDribbbleURL}
  1164. {block:ifEtsyURL}<li><a target="_blank" href="{text:Etsy URL}"><i class="fa fa-etsy"></i></a></li>{/block:ifEtsyURL}
  1165. {block:ifFlickrURL}<li><a target="_blank" href="{text:Flickr URL}"><i class="fa fa-flickr"></i></a></li>{/block:ifFlickrURL}
  1166. {block:ifGithubURL}<li><a target="_blank" href="{text:Github URL}"><i class="fa fa-github"></i></a></li>{/block:ifGithubURL}
  1167. {block:ifGooglePlusURL}<li><a target="_blank" href="{text:GooglePlus URL}"><i class="fa fa-google-plus"></i></a></li>{/block:ifGooglePlusURL}
  1168. {block:ifLinkedinURL}<li><a target="_blank" href="{text:Linkedin URL}"><i class="fa fa-linkedin"></i></a></li>{/block:ifLinkedinURL}
  1169. {block:ifPayPalURL}<li><a target="_blank" href="{text:PayPal URL}"><i class="fa fa-paypal"></i></a></li>{/block:ifPayPalURL}
  1170. {block:ifPinterestURL}<li><a target="_blank" href="{text:Pinterest URL}"><i class="fa fa-pinterest"></i></a></li>{/block:ifPinterestURL}
  1171. {block:ifPodcastURL}<li><a target="_blank" href="{text:Podcast URL}"><i class="fa fa-podcast"></i></a></li>{/block:ifPodcastURL}
  1172. {block:ifMixcloudURL}<li><a target="_blank" href="{text:Mixcloud URL}"><i class="fa fa-mixcloud"></i></a></li>{/block:ifMixcloudURL}
  1173. {block:ifSoundcloudURL}<li><a target="_blank" href="{text:Soundcloud URL}"><i class="fa fa-soundcloud"></i></a></li>{/block:ifSoundcloudURL}
  1174. {block:ifSkypeURL}<li><a target="_blank" href="{text:Skype URL}"><i class="fa fa-skype"></i></a></li>{/block:ifSkypeURL}
  1175. {block:ifSpotifyURL}<li><a target="_blank" href="{text:Spotify URL}"><i class="fa fa-spotify"></i></a></li>{/block:ifSpotifyURL}
  1176. {block:ifTwitchURL}<li><a target="_blank" href="{text:Twitch URL}"><i class="fa fa-twitch"></i></a></li>{/block:ifTwitchURL}
  1177. {block:ifVimeoURL}<li><a target="_blank" href="{text:Vimeo URL}"><i class="fa fa-vimeo"></i></a></li>{/block:ifVimeoURL}
  1178. {block:ifVKURL}<li><a target="_blank" href="{text:VK URL}"><i class="fa fa-vk"></i></a></li>{/block:ifVKURL}
  1179. {block:ifWordpressURL}<li><a target="_blank" href="{text:Wordpress URL}"><i class="fa fa-Wordpress"></i></a></li>{/block:ifWordpressURL}
  1180.  
  1181. &nbsp;
  1182. </ul>
  1183. </nav>
  1184.  
  1185.  
  1186. </div>
  1187. </div>
  1188. </div>
  1189.  
  1190. <div id="header" class="{select:Header Text Case} ">
  1191. <div class="wrap">
  1192. <div class="inner">
  1193.  
  1194. <div class="logo">
  1195. {block:ifnotlogoimage}
  1196. <a href="/" title="{lang:Home}">{Title}</a>
  1197. {/block:ifnotlogoimage}
  1198. {block:iflogoimage}
  1199. <a href="/"><img src="{image:Logo}" alt="logo" /></a>
  1200. {/block:iflogoimage}
  1201. </div>
  1202.  
  1203. <nav class="navigation cl">
  1204. <ul>
  1205. {block:HasPages}
  1206. {block:Pages}
  1207. <li> <a href="{URL}">{Label}</a></li>
  1208. {/block:Pages}
  1209. {/block:HasPages}
  1210.  
  1211. {block:IfCustomLink1URL}<li><a href="{text:Custom Link 1 URL}">{text:Custom Link 1 Name}</a></li>{/block:IfCustomLink1URL}
  1212. {block:IfCustomLink2URL}<li><a href="{text:Custom Link 2 URL}">{text:Custom Link 2 Name}</a></li>{/block:IfCustomLink2URL}
  1213. {block:IfCustomLink3URL}<li><a href="{text:Custom Link 3 URL}">{text:Custom Link 3 Name}</a></li>{/block:IfCustomLink3URL}
  1214. {block:IfCustomLink4URL}<li><a href="{text:Custom Link 4 URL}">{text:Custom Link 4 Name}</a></li>{/block:IfCustomLink4URL}
  1215. {block:IfCustomLink5URL}<li><a href="{text:Custom Link 5 URL}">{text:Custom Link 5 Name}</a></li>{/block:IfCustomLink5URL}
  1216. {block:IfCustomLink6URL}<li><a href="{text:Custom Link 6 URL}">{text:Custom Link 6 Name}</a></li>{/block:IfCustomLink6URL}
  1217. {block:IfCustomLink7URL}<li><a href="{text:Custom Link 7 URL}">{text:Custom Link 7 Name}</a></li>{/block:IfCustomLink7URL}
  1218. {block:IfCustomLink8URL}<li><a href="{text:Custom Link 8 URL}">{text:Custom Link 8 Name}</a></li>{/block:IfCustomLink8URL}
  1219. {block:IfCustomLink9URL}<li><a href="{text:Custom Link 9 URL}">{text:Custom Link 9 Name}</a></li>{/block:IfCustomLink9URL}
  1220. {block:IfCustomLink10URL}<li><a href="{text:Custom Link 10 URL}">{text:Custom Link 10 Name}</a></li>{/block:IfCustomLink10URL}
  1221.  
  1222. {block:AskEnabled}
  1223. <li> <a class="stash-ask-page" href="http://{name}.tumblr.com/ask" title="{text:Ask Link Label}">{text:Ask Link Label}</a></li>
  1224. {/block:AskEnabled}
  1225.  
  1226. {block:SubmissionsEnabled}
  1227. <li> <a href="http://{name}.tumblr.com/submit" title="{text:Submit Link Label}">{text:Submit Link Label}</a></li>
  1228. {/block:SubmissionsEnabled}
  1229. {block:IfArchiveLink}
  1230. <li><a href="http://{name}.tumblr.com/archive" title="{text:Archive Link Label}">{text:Archive Link Label}</a></li>
  1231. {/block:IfArchiveLink}
  1232. {block:ifRandomLink}
  1233. <li><a href="http://{name}.tumblr.com/random" title="{text:Random Link Label}">{text:Random Link Label}</a></li>
  1234. {/block:ifRandomLink}
  1235.  
  1236. {block:ifRSSLink}
  1237. <li><a href="{RSS}" title="{lang:RSS}">{lang:RSS}</a></li>
  1238. {/block:ifRSSLink}
  1239.  
  1240. &nbsp;
  1241. </ul>
  1242. </nav>
  1243.  
  1244. <nav class="header-social cl">
  1245. <ul class="social-links-icons social-links">
  1246. {block:ifTwitterURL}<li><a target="_blank" href="{text:Twitter URL}">Twitter</a></li>{/block:ifTwitterURL}
  1247. {block:ifInstagramURL}<li><a target="_blank" href="{text:Instagram URL}">Instagram</a></li>{block:ifInstagramURL}
  1248. {block:ifFacebookURL}<li><a target="_blank" href="{text:Facebook URL}">Facebook</a></li>{/block:ifFacebookURL}
  1249. {block:ifYoutubeURL}<li><a target="_blank" href="{text:Youtube URL}">Youtube</a></li>{/block:ifYoutubeURL}
  1250. {block:ifSnapchatURL}<li><a target="_blank" href="{text:Snapchat URL}">Snapchat</a></li>{/block:ifSnapchatURL}
  1251. {block:ifEmailAddress}<li><a target="_blank" href="mailto:{text:Email Address}">Email</a></li>{/block:ifEmailAddress}
  1252. {block:if500pxURL}<li><a target="_blank" href="{text:500px URL}">500px</a></li>{/block:if500pxURL}
  1253. {block:ifAmazonURL}<li><a target="_blank" href="{text:Amazon URL}">Amazon</a></li>{/block:ifAmazonURL}
  1254. {block:ifAppleURL}<li><a target="_blank" href="{text:Apple URL}">Apple</a></li>{/block:ifAppleURL}
  1255. {block:ifBandcampURL}<li><a target="_blank" href="{text:Bandcamp URL}">Bandcamp</a></li>{/block:ifBandcampURL}
  1256. {block:ifBehanceURL}<li><a target="_blank" href="{text:Behance URL}">Behance</a></li>{/block:ifBehanceURL}
  1257. {block:ifDribbbleURL}<li><a target="_blank" href="{text:Dribbble URL}">Dribbble</a></li>{/block:ifDribbbleURL}
  1258. {block:ifEtsyURL}<li><a target="_blank" href="{text:Etsy URL}">Etsy</a></li>{/block:ifEtsyURL}
  1259. {block:ifFlickrURL}<li><a target="_blank" href="{text:Flickr URL}">Flickr</a></li>{/block:ifFlickrURL}
  1260. {block:ifGithubURL}<li><a target="_blank" href="{text:Github URL}">Github</a></li>{/block:ifGithubURL}
  1261. {block:ifGooglePlusURL}<li><a target="_blank" href="{text:GooglePlus URL}">Google +</a></li>{/block:ifGooglePlusURL}
  1262. {block:ifLinkedinURL}<li><a target="_blank" href="{text:Linkedin URL}">LinkedIn</a></li>{/block:ifLinkedinURL}
  1263. {block:ifPayPalURL}<li><a target="_blank" href="{text:PayPal URL}">PayPal</a></li>{/block:ifPayPalURL}
  1264. {block:ifPinterestURL}<li><a target="_blank" href="{text:Pinterest URL}">Pinterest</a></li>{/block:ifPinterestURL}
  1265. {block:ifPodcastURL}<li><a target="_blank" href="{text:Podcast URL}">Podcast</a></li>{/block:ifPodcastURL}
  1266. {block:ifMixcloudURL}<li><a target="_blank" href="{text:Mixcloud URL}">Mixcloud</a></li>{/block:ifMixcloudURL}
  1267. {block:ifSoundcloudURL}<li><a target="_blank" href="{text:Soundcloud URL}">Soundcloud</a></li>{/block:ifSoundcloudURL}
  1268. {block:ifSkypeURL}<li><a target="_blank" href="{text:Skype URL}">Skype</a></li>{/block:ifSkypeURL}
  1269. {block:ifSpotifyURL}<li><a target="_blank" href="{text:Spotify URL}">Spotify</a></li>{/block:ifSpotifyURL}
  1270. {block:ifTwitchURL}<li><a target="_blank" href="{text:Twitch URL}">Twitch</a></li>{/block:ifTwitchURL}
  1271. {block:ifVimeoURL}<li><a target="_blank" href="{text:Vimeo URL}">Vimeo</a></li>{/block:ifVimeoURL}
  1272. {block:ifVKURL}<li><a target="_blank" href="{text:VK URL}">VK</a></li>{/block:ifVKURL}
  1273. {block:ifWordpressURL}<li><a target="_blank" href="{text:Wordpress URL}">Wordpress</a></li>{/block:ifWordpressURL}
  1274. </ul>
  1275. </nav>
  1276.  
  1277.  
  1278. <div class="sidebar-toggle">
  1279. Menu
  1280. </div>
  1281.  
  1282. <div class="close-mobile-modal">
  1283. <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">
  1284. <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  1285. <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>
  1286. </g>
  1287. </svg>
  1288. </div>
  1289. </div>
  1290. </div>
  1291. </div>
  1292.  
  1293. <div class="page-container">
  1294.  
  1295. <div id="stash" class="page {block:PermalinkPage}single {/block:PermalinkPage}">
  1296.  
  1297. {block:IndexPage}
  1298. <div id="ants-loader" style="opacity: 0;"><div class="loading-icon"></div></div>
  1299. {/block:IndexPage}
  1300.  
  1301. <div id="posts">
  1302.  
  1303. <div class="wrap">
  1304.  
  1305. {block:IndexPage}
  1306. {block:ShowDescription}
  1307. <div class="home-description"><p>{Description}</p></div>
  1308. {/block:ShowDescription}
  1309. {/block:IndexPage}
  1310.  
  1311. <div id="stash-ants">
  1312.  
  1313. <div class="ants-sizer-{select:Posts Columns}"></div>
  1314. <div class="ants-gutter-{select:Posts Columns}"></div>
  1315.  
  1316. {block:Posts}
  1317.  
  1318. {block:Photo}
  1319. <article id="ant-{PostID}" class="{block:IndexPage} 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">
  1320. <input id="post-notes-url" type="hidden" value="{PostNotesURL}">
  1321. <div class="inner">
  1322. <div class="media">
  1323.  
  1324. {block:IndexPage}
  1325. <a class="open-modal" href="{Permalink}" data-id="{PostID}">
  1326. <div class="overlay-bg"></div>
  1327. <img src="{block:IfHighQualityImages}{PhotoURL-HighRes}{/block:IfHighQualityImages}{block:IfNotHighQualityImages}{PhotoURL-500}{/block:IfNotHighQualityImages}" data-img-hq="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  1328. </a>
  1329. <div class="overlay">
  1330. <div class="post-share">
  1331. <div class="close-post-share">
  1332. <svg width="18px" height="18px" 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">
  1333. </path></g></svg>
  1334. </div>
  1335.  
  1336. <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>
  1337. </div>
  1338.  
  1339. <div class="social-media-footer">
  1340. <a class="btn copy-btn" data-clipboard-text="{Permalink}">Copy Link</a>
  1341. </div>
  1342. </div>
  1343.  
  1344. <ul class="post-footer">
  1345. <li class="share-toggle" data-post-id="{PostID}" title="Share this post">{text:Translate Share Text}</li>
  1346. <li class="post-like">
  1347. {LikeButton color="grey" size="15"}
  1348. <span class="like-text">{text:Translate Like Text}</span>
  1349. </li>
  1350. <li class="post-reblog" title="Reblog this post"><a href="{ReblogURL}">{text:Translate Reblog Text}</a></li>
  1351. <li class="post-note-count"><span><a class="open-modal" data-id="{PostID}">
  1352. {NoteCount} {text:Translate Notes Text}</a></span></li>
  1353. </ul>
  1354. </div>
  1355. {/block:IndexPage}
  1356.  
  1357. {block:PermalinkPage}
  1358. {LinkOpenTag}
  1359. <div class="overlay-bg"></div>
  1360. <img src="{PhotoURL-HighRes}" data-img-hq="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  1361. {LinkCloseTag}
  1362. {/block:PermalinkPage}
  1363. </div>
  1364.  
  1365. <div class="content">
  1366. {block:Caption}{Caption}{/block:Caption}
  1367. </div>
  1368.  
  1369.  
  1370. {/block:Photo}
  1371.  
  1372. {block:Photoset}
  1373. <article id="ant-{PostID}" class="{block:IndexPage} 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">
  1374. <input id="post-notes-url" type="hidden" value="{PostNotesURL}">
  1375. <div class="media">
  1376. <div class="stash-photoset ips">
  1377. <div class="overlay-bg"></div>
  1378. <div class="ps-options ps-nav-left"><i class="im im-arrow-left"></i></div>
  1379. <div class="ps-options ps-nav-right"><i class="im im-arrow-right"></i></div>
  1380. <div class="ps-options photoset-count" data-id="{PostID}"><span>1</span> / {PhotoCount}</div>
  1381. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1382. {block:Photos}
  1383. {block:IndexPage}
  1384. <a class="open-modal single-photoset" href="{Permalink}" data-id="{PostID}">
  1385. <img data-img-hq="{PhotoURL-HighRes}" alt="{PhotoAlt}" src="{block:IfHighQualityImages}{PhotoURL-HighRes}{/block:IfHighQualityImages}{block:IfNotHighQualityImages}{PhotoURL-500}{/block:IfNotHighQualityImages}"/>
  1386. </a>
  1387. {/block:IndexPage}
  1388. {block:PermalinkPage}
  1389. <a class="single-photoset" href="{PhotoURL-HighRes}"><img data-img-hq="{PhotoURL-HighRes}" alt="{PhotoAlt}" src="{PhotoURL-HighRes}"/></a>
  1390. {/block:PermalinkPage}
  1391. {/block:Photos}
  1392. </div>
  1393. </div>
  1394. </div>
  1395. {block:Caption}
  1396. <div class="content">
  1397. {Caption}
  1398. </div>
  1399. {/block:Caption}
  1400. {/block:Photoset}
  1401.  
  1402. {block:Text}
  1403. <article id="ant-{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">
  1404. <input id="post-notes-url" type="hidden" value="{PostNotesURL}">
  1405. {block:PermalinkPage}<div class="post-left">{/block:PermalinkPage}
  1406. <div class="inside">
  1407.  
  1408. <div class="content">
  1409. {block:IndexPage}
  1410. {block:Title}<h2 class="post-title"><a class="open-modal" href="{Permalink}" data-id="{PostID}">{Title}</a></h2>{/block:Title}
  1411. {/block:IndexPage}
  1412. {block:PermalinkPage}
  1413. {block:Title}<h2 class="post-title">{Title}</h2>{/block:Title}
  1414. {/block:PermalinkPage}
  1415.  
  1416. {block:NotReblog}
  1417. {Body}
  1418. {/block:NotReblog}
  1419.  
  1420. {block:RebloggedFrom}
  1421. <div class="reblog-list">
  1422. {block:Reblogs}
  1423. <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1424. <div class="post-reblog-header">
  1425. <div class="post-avatar">
  1426. <div class="post-avatar-wrapper">
  1427. {block:IsActive}
  1428. <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1429. <img class="post-avatar-image" src="{PortraitURL-64}">
  1430. </a>
  1431. {/block:IsActive}
  1432. {block:IsDeactivated}
  1433. <span class="inactive reblog-avatar{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  1434. <img class="post-avatar-image" src="{PortraitURL-64}">
  1435. </span>
  1436. {/block:IsDeactivated}
  1437. </div>
  1438. </div>
  1439. {block:IsActive}
  1440. <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  1441. {/block:IsActive}
  1442. {block:IsDeactivated}
  1443. <span class="inactive post-tumblelog-name">{Username}</span>
  1444. {/block:IsDeactivated}
  1445. </div>
  1446. <div class="post-reblog-content">
  1447. <div class="post-body">
  1448. {Body}
  1449. </div>
  1450. </div>
  1451. </div>
  1452. {/block:Reblogs}
  1453. </div>
  1454. {/block:RebloggedFrom}
  1455. </div>
  1456. {/block:Text}
  1457.  
  1458. {block:Audio}
  1459. <article id="ant-{PostID}" class="{block:IndexPage} 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">
  1460. <input id="post-notes-url" type="hidden" value="{PostNotesURL}">
  1461. <div class="inside">
  1462.  
  1463. <div class="media">
  1464. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="500" height="500"/>{/block:AlbumArt}</div>
  1465. <div class="player">{AudioPlayerBlack}</div>
  1466. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  1467. </div>
  1468. <a class="ps-options open-modal" href="{Permalink}" data-id="{PostID}"><i class="im im-maximize"></i></a>
  1469. <div class="content">
  1470. {block:Caption}{Caption}{/block:Caption}
  1471. </div>
  1472. {/block:Audio}
  1473.  
  1474.  
  1475.  
  1476. {block:Video}
  1477. <article id="ant-{PostID}" class="{block:IndexPage} 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">
  1478. <input id="post-notes-url" type="hidden" value="{PostNotesURL}">
  1479. <div class="inside">
  1480. <div class="media">{Video-500}</div>
  1481. <a class="ps-options open-modal" href="{Permalink}" data-id="{PostID}"><i class="im im-maximize"></i></a>
  1482. <div class="content">
  1483. {block:Caption}{Caption}{/block:Caption}
  1484. </div>
  1485. {/block:Video}
  1486.  
  1487.  
  1488. {block:Quote}
  1489. <article id="ant-{PostID}" class="{block:IndexPage} 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">
  1490. <input id="post-notes-url" type="hidden" value="{PostNotesURL}">
  1491. <div class="inside">
  1492. <div class="content">
  1493. <blockquote>{Quote}</blockquote>
  1494. <figcaption>{block:Source}- {Source}{/block:Source}</figcaption>
  1495. </div>
  1496. {/block:Quote}
  1497.  
  1498.  
  1499. {block:Link}
  1500. <article id="ant-{PostID}" class="{block:IndexPage} 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">
  1501. <input id="post-notes-url" type="hidden" value="{PostNotesURL}">
  1502. <div class="inside">
  1503. <div class="content">
  1504. <h1><a class="link" href="{URL}">{Name}</a></h1>
  1505. {block:Description}{Description}{/block:Description}
  1506. </div>
  1507. {/block:Link}
  1508.  
  1509.  
  1510. {block:Chat}
  1511. <article id="ant-{PostID}" class="{block:IndexPage} 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">
  1512. <input id="post-notes-url" type="hidden" value="{PostNotesURL}">
  1513. <div class="content">
  1514. <ul class="chat">
  1515. {block:Lines}<li class="{Alt}">{block:Label}<span class="person">{Label}</span>{/block:Label}<span class="said"> {Line} </span></li>{/block:Lines}
  1516. </ul>
  1517. </div>
  1518. {/block:Chat}
  1519.  
  1520.  
  1521.  
  1522. {block:Answer}
  1523. <article id="ant-{PostID}" class="{block:IndexPage} ants-item-{select:Posts Columns} post post-answer {block:Tags}{Tag} {/block:Tags}{/block:IndexPage}" data-id="{PostID}" data-notes="{PostNotesURL}" data-pt="answer">
  1524. <input id="post-notes-url" type="hidden" value="{PostNotesURL}">
  1525. <div class="inside">
  1526. <div class="content">
  1527. <div class="asker-box">
  1528. <img src="{AskerPortraitURL-24}"/><span class="the-asker">{Asker}</span> {text:Translate asked Text}: {Question}
  1529. </div>
  1530.  
  1531. <div class="answer">
  1532. {Answer}
  1533. </div>
  1534.  
  1535. </div>
  1536. {/block:Answer}
  1537.  
  1538.  
  1539. {block:Date}
  1540.  
  1541. <div class="post-meta cl">
  1542. <div class="inner cl">
  1543.  
  1544. <div class="meta">
  1545. <time class="meta-date"> {text:Translate Posted On Text}: <a class="open-modal" href="{Permalink}" data-id="{PostID}">{DayOfMonth} {Month} {Year}</a></time>
  1546. </div>
  1547.  
  1548. <ul class="share">
  1549. <li class="post-share-parent" title="Share this post">
  1550. <a class="post-share-toggle">{text:Translate Share Text}</a>
  1551. <ul class="standard-share">
  1552. <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>
  1553. <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>
  1554. <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>
  1555. </ul>
  1556. </li>
  1557.  
  1558. <li class="post-like" title="Like this post">
  1559. {LikeButton color="grey" size="15"}
  1560. <span class="like-text">{text:Translate Like Text}</span>
  1561. </li>
  1562.  
  1563.  
  1564. <li class="post-reblog" title="Reblog this post">
  1565. <a href="{ReblogURL}">{text:Translate Reblog Text}</a>
  1566. </li>
  1567.  
  1568. {block:HasTags}
  1569. {block:Tags}<li class="the-tag tag-{Tag}"> <a href="{TagURL}">{Tag}</a> </li>{/block:Tags}
  1570. {/block:HasTags}
  1571.  
  1572. <li class="post-note-count"><a href="{Permalink}" data-id="{PostID}" class="meta-notes open-modal">
  1573. {NoteCount} {text:Translate Notes Text}
  1574. </a></li>
  1575.  
  1576. <li class="stash-show-share">
  1577. <a><span>{text:Translate Share Text}</span> <i class="im im-share"></i></a>
  1578.  
  1579. <div class="show-share">
  1580. <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>
  1581. </div>
  1582. </li>
  1583. </ul>
  1584.  
  1585. </div>
  1586. </div>
  1587.  
  1588.  
  1589.  
  1590.  
  1591. {block:PermalinkPage}
  1592.  
  1593. {block:IfShowPostNotes}
  1594. {block:NoteCount}
  1595. <div id="notes" class="cl">
  1596. {PostNotes}
  1597. </div><!-- /.notes -->
  1598. {/block:NoteCount}
  1599. {/block:IfShowPostNotes}
  1600.  
  1601.  
  1602. {/block:PermalinkPage}
  1603.  
  1604. {/block:Date}
  1605.  
  1606. </article>
  1607.  
  1608.  
  1609. <!-- {block:NoRebloggedFrom}
  1610. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1611. {/block:NoRebloggedFrom} -->
  1612. {block:ContentSource}<!-- {SourceURL}
  1613. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1614. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1615. {/block:ContentSource}
  1616. {/block:Posts}
  1617. {block:IndexPage}</div>{/block:IndexPage}
  1618.  
  1619. </div>
  1620. </div>
  1621.  
  1622. {block:Pagination}
  1623. <div class="standard-pagination">
  1624. <div class="wrapper">
  1625. {block:PreviousPage}<a class="left" href="{PreviousPage}"><i class="fa fa-long-arrow-left"></i> Newer</a>{/block:PreviousPage}
  1626. {block:NextPage}<a class="right older" href="{NextPage}">Older <i class="fa fa-long-arrow-right"></i></a>{/block:NextPage}
  1627. </div>
  1628. </div>
  1629. {/block:Pagination}
  1630.  
  1631.  
  1632. </div>
  1633. </div><!--pagecontainer-->
  1634.  
  1635.  
  1636. <div id="backToTop" class="footer-icon">
  1637. <i class="im im-arrow-up"></i>
  1638. </div>
  1639.  
  1640.  
  1641.  
  1642. <!-- Header Scripts -->
  1643. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
  1644. <script type="text/javascript" src="http://static.tumblr.com/jzzkxgh/e2Poq49lu/plugins.js">
  1645. </script>
  1646. <script src="http://static.tumblr.com/jzzkxgh/FEMos7zyr/ten-toes.js"></script>
  1647. {block:IfModalPost}<script src="http://static.tumblr.com/jzzkxgh/c42oos9d8/modal.js"></script>{/block:IfModalPost}
  1648.  
  1649. {block:IfTypeKitID}
  1650. <!-- Typekit -->
  1651. <script type="text/javascript" src="//use.typekit.net/{text:TypeKit ID}.js"></script>
  1652. <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
  1653. {/block:IfTypeKitID}
  1654.  
  1655. <script type="text/javascript">
  1656. (function($) {
  1657. var windowwidth = $(document).width();
  1658. $(document).ready(function(){
  1659. $(window).scroll(function(){
  1660. if ($("body").scrollTop() > 50) {
  1661. $('#backToTop').css({
  1662. 'visibility': 'visible',
  1663. 'opacity': '1'
  1664. });
  1665. } else {
  1666. $('#backToTop').css({
  1667. 'visibility': 'hidden',
  1668. 'opacity': '0'
  1669. });
  1670. }
  1671. });
  1672. $('#backToTop').on('click', function(){
  1673. TweenLite.to( window, .5, {scrollTo:{y: 0 }, ease:Power2.easeOut});
  1674. })
  1675. $( "li.post-like" ).each(function( index ) {
  1676. var likeSvg = $(this).find('.fa, .like-text');
  1677. $(this).find(".like_button").append(likeSvg);
  1678. });
  1679. $("li.post-reblog:not(.done)").each(function( index ) {
  1680. $(this).addClass('done');
  1681. $(this).find('a svg').remove();
  1682. var reblogSvg = $(this).find('svg.dual-reblog');
  1683. $(this).find("a.reblog_button").append(reblogSvg);
  1684. });
  1685.  
  1686. });
  1687.  
  1688. {block:IndexPage}
  1689. $antsIsoCont = $('#stash-ants');
  1690. antsIsotope = $antsIsoCont.imagesLoaded(function(){
  1691. $("article").fitVids();
  1692. $('.stash-photoset.ips').stashIPS();
  1693. TweenMax.fromTo("#posts", 1, {opacity:0, y:100, ease:Power2.easeOut, force3D: true},{opacity:1, y:0, ease:Power2.easeOut, force3D: true});
  1694.  
  1695. $antsIsoCont.isotope({
  1696. itemSelector: '.ants-item-{select:Posts Columns}',
  1697. percentPosition: true,
  1698. transitionDuration: 0,
  1699. masonry: {
  1700. columnWidth: '.ants-sizer-{select:Posts Columns}',
  1701. gutter: '.ants-gutter-{select:Posts Columns}'
  1702. }
  1703. });
  1704.  
  1705. TweenLite.to('#stash-preloader', .5, {opacity: 0, onComplete: removePre});
  1706. function removePre() {
  1707. $('#stash-preloader').remove();
  1708. $('.banner-img, .mobile-banner-img').css({
  1709. 'transform': 'none'
  1710. });
  1711. $('.banner-text').css({
  1712. 'opacity': '1'
  1713. });
  1714. }
  1715. });
  1716. {/block:IndexPage}
  1717.  
  1718.  
  1719. var controller = new ScrollMagic.Controller();
  1720. var $container = $('#stash-ants');
  1721.  
  1722. $container.infinitescroll({
  1723. navSelector: ".standard-pagination",
  1724. nextSelector: ".standard-pagination a.older",
  1725. itemSelector: ".ants-item-{select:Posts Columns}",
  1726. bufferPx : 1600,
  1727. extraScrollPx: 300,
  1728. loading: {
  1729. msgText: '<div id="ants-loader"><div class="loading-icon"></div></div>',
  1730. finishedMsg: "",
  1731. img: '',
  1732. speed: 'fast',
  1733. finished: function() {
  1734. }
  1735. },
  1736. },function( newElements ) {
  1737. var $newElems = $(newElements).css({ opacity: 0, visibility:'hidden'});
  1738.  
  1739. $newElems.imagesLoaded(function(){
  1740.  
  1741. $($newElems).each(function(){
  1742. var currentPost = this;
  1743. var scene = new ScrollMagic.Scene({triggerElement: currentPost, triggerHook: "onEnter", offset:-150, reverse: true});
  1744. scene.addTo(controller);
  1745. scene.setTween(TweenMax.fromTo(currentPost, 0.7, { autoAlpha:0, y:30, ease: Power2.easeInOut},{autoAlpha:1, y:0, ease: Power2.easeInOut, force3D: true}, 0));
  1746. });
  1747.  
  1748. $container.isotope( 'appended', $newElems, true );
  1749.  
  1750. $('.stash-photoset.ips').stashIPS();
  1751. $("article").fitVids();
  1752. });
  1753.  
  1754. $( "li.post-like" ).each(function( index ) {
  1755. var likeSvg = $(this).find('.fa, .like-text');
  1756. $(this).find(".like_button").append(likeSvg);
  1757. });
  1758. $("li.post-reblog:not(.done)").each(function( index ) {
  1759. $(this).addClass('done');
  1760. $(this).find('a svg').remove();
  1761. var reblogSvg = $(this).find('svg.dual-reblog');
  1762. $(this).find("a.reblog_button").append(reblogSvg);
  1763. });
  1764.  
  1765. var $newElemsIDs = $(newElements).map(function () { return this.id; }).get();
  1766. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1767. });
  1768.  
  1769. if ( $('.permalink #stash-preloader').length ) {
  1770. TweenLite.to('#stash-preloader', .5, {opacity: 0, onComplete: removePre});
  1771. function removePre() {
  1772. $('#stash-preloader').remove();
  1773. $('.banner-img, .mobile-banner-img').css({
  1774. 'transform': 'none'
  1775. });
  1776. $('.banner-text').css({
  1777. 'opacity': '1'
  1778. });
  1779. }
  1780. }
  1781.  
  1782. })(window.jQuery);
  1783.  
  1784. $(document).on('click', '.theme-help-toggle', function(){
  1785. if ( $('.get-started-toggle').hasClass( "open" ) ) {
  1786. $('.get-started-toggle').removeClass('open');
  1787. $('.get-started-overlay').removeClass('open');
  1788. } else {
  1789. }
  1790.  
  1791. if ( $('.theme-help-toggle').hasClass( "open" ) ) {
  1792. $('.theme-help-toggle').removeClass('open');
  1793. $('.theme-help-overlay').removeClass('open');
  1794. } else {
  1795. $('.theme-help-toggle').addClass('open');
  1796. $('.theme-help-overlay').addClass('open');
  1797. }
  1798. });
  1799.  
  1800. $(document).on('click', '.get-started-toggle', function(){
  1801. if ( $('.theme-help-toggle').hasClass( "open" ) ) {
  1802. $('.theme-help-toggle').removeClass('open');
  1803. $('.theme-help-overlay').removeClass('open');
  1804. } else {
  1805. }
  1806.  
  1807. if ( $('.get-started-toggle').hasClass( "open" ) ) {
  1808. $('.get-started-toggle').removeClass('open');
  1809. $('.get-started-overlay').removeClass('open');
  1810. } else {
  1811. $('.get-started-toggle').addClass('open');
  1812. $('.get-started-overlay').addClass('open');
  1813. }
  1814. });
  1815. </script>
  1816.  
  1817. {block:IfGoogleAnalyticsID}
  1818. <script>
  1819. var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']];
  1820. (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  1821. g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  1822. s.parentNode.insertBefore(g,s)}(document,'script'));
  1823. </script>
  1824. {/block:IfGoogleAnalyticsID}
  1825.  
  1826. </body>
  1827. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement