Advertisement
feiinho

Salvia - tumblr.com/theme/40508

Dec 11th, 2017
621
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 57.30 KB | None | 0 0
  1. <html {block:indexpage}id="ind"{/block:indexpage} {block:permalinkpage}id="per"{/block:permalinkpage} class="{block:ifusemagnifyeffect}magnify{/block:ifusemagnifyeffect} {block:ifnothidecaption}use-caption{/block:ifnothidecaption} {block:ifdisablelightbox}disable-lightbox{/block:ifdisablelightbox} {block:indexpage}{block:ifShowFirstPhotosetImageOnly}show-first-photoset{/block:ifShowFirstPhotosetImageOnly}{/block:indexpage} {block:ifshortentextpost}short-text{/block:ifshortentextpost} {block:ifshowlinkborder}link-border{/block:ifshowlinkborder} {select:Loading Type} mobile-caption post-height-{select:Post Height} {block:ifdisableoccupationborder} no-border-occupation {/block:ifdisableoccupationborder} {block:ifcapitalizetitle} capitalize-title {block:ifcapitalizetitle} {block:ifboldtitle} bold-title {/block:ifboldtitle} {block:ifitalictitle} italic-title {/block:ifitalictitle} {block:ifboldoccupationtext} bold-occupation {/block:ifboldoccupationtext} {block:ifitalicoccupationtext} italic-occupation {/block:ifitalicoccupationtext} {block:ifdisablesearchbutton} no-search {/block:ifdisablesearchbutton} {block:ifitalichiddenmenulinks} italic-links {/block:ifitalichiddenmenulinks}" data-short-text='{block:ifShortenTextPost}on{/block:ifShortenTextPost}' data-slider="{block:ifhidepermalinkshareslider}off{/block:ifhidepermalinkshareslider} " data-blog="{blogURL}" data-loading-type='{select:Loading Type}' data-layout="{select:Change Layout}" data-padding="{select:Post Padding}" data-ask="{block:AskEnabled}on{/block:AskEnabled}">
  2. <head>
  3. <!--
  4. ==========================================================
  5.  
  6. Name : SALVIA
  7. AUTHOR : YONGJU / YONGJU.CO.KR
  8. PUBLISHER : THEMECLOSET
  9. ALL RIGHTS RESERVED BY AUTHOR AND PUBLISHER
  10. CURRENT VERSION : 3.0.2
  11. COPYRIGHTED OPEN SOURCES ARE DECLARED BY STATEMENT
  12.  
  13. This content contains material protected under International and Federal Copyright Laws and Treaties. Any unauthorized reprint or use of this material is prohibited. No part of this content may be reproduced or transmitted in any form or by any means, electronic or mechanical, including photocopying, recording, or by any information storage and retrieval system without express written permission from the author / publisher.
  14.  
  15. ==========================================================
  16.  
  17. DO NOT ALTER STRUCTURE.CSS
  18.  
  19. ==========================================================
  20.  
  21. @2013-2017 THEMECLOSET / ALL RIGHTS RESERVED
  22. CHECK README FILE TO LEARN MORE
  23. FEEDBACK IS WELCOME / @ DYDWN600@NAVER.COM
  24.  
  25. jQuery Colorbox v1.4.14 - 2013-04-16
  26. (c) 2013 Jack Moore - jacklmoore.com/colorbox
  27. license: https://www.opensource.org/licenses/mit-license.php
  28.  
  29. Infinite Scroll
  30. + https://github.com/paulirish/infinite-scroll
  31. + version 2.0b2.120519
  32. + Copyright 2011/12 Paul Irish & Luke Shumard
  33. + Licensed under the MIT license
  34. + Documentation: https://infinite-scroll.com/
  35.  
  36. jQuery Masonry v2.0.110825 & Imagesloaded.js
  37. * A dynamic layout plugin for jQuery
  38. * The flip-side of CSS Floats
  39. * https://masonry.desandro.com
  40. * Licensed under the MIT license.
  41. * Copyright 2011 David DeSandro
  42.  
  43. Font Credit : https://fontastic.me / Google fonts
  44. * Font Awesome / MIT License
  45. + Entypo / Creative License 3.0
  46. + Steadsets / Free for personal and commercial projects
  47. + Linetons / Free
  48. * 80shades / Free
  49. * Justverctor Free Icons / Free
  50. + Open sans & Lato by goolge fonts / Free license
  51.  
  52. Browser Selectr.js
  53. * License :https://creativecommons.org/licenses/by/2.5/
  54. * Original Author: Rafael Lima: https://rafael.adm.br
  55. * Based on idea by 37signals
  56. * https://37signals.com/svn/archives2/browser_selectors_in_css.php
  57.  
  58. Html shiv.js
  59. * Dual licensed under the MIT or GPL Version 2 licenses
  60. * https://code.google.com/p/html5shiv/
  61.  
  62. jQuery Unveil
  63. + A very lightweight jQuery plugin to lazy load images
  64. + https://luis-almeida.github.com/unveil
  65. + Licensed under the MIT license.
  66. + Copyright 2013 Luís Almeida
  67. + https://github.com/luis-almeida
  68.  
  69. Css reset
  70. * https://meyerweb.com/eric/tools/css/reset/
  71. * v2.0 | 20110126
  72. * License: none (public domain)
  73.  
  74. /*! Superslides - v0.6.2 - 2013-07-10
  75. * https://github.com/nicinabox/superslides
  76. * Copyright (c) 2013 Nic Aitch; Licensed MIT */
  77.  
  78. /*! VelocityJS.org (1.3.2). (C) 2014 Julian Shapiro. MIT @license: en.wikipedia.org/wiki/MIT_License */
  79. /*! VelocityJS.org jQuery Shim (1.0.1). (C) 2014 The jQuery Foundation. MIT @license: en.wikipedia.org/wiki/MIT_License. */
  80. ==========================================================
  81. -->
  82.  
  83. <title>
  84. {Title}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}
  85. </title>
  86. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  87. <link rel="shortcut icon" href="{Favicon}" />
  88. <link rel="icon" href="/img/favicon/72.png" type="image/x-icon">
  89. <link rel="apple-touch-icon" sizes="60x60" href="{favicon}">
  90. <meta name="theme-color" content="{AccentColor}">
  91.  
  92. <meta name="Keywords" content="{text:Blog Keywords}" />
  93. <link rel="alternate" type="application/rss+xml" href="{RSS}
  94. ">
  95. {block:indexpage}
  96. <meta property="og:title" content="{title}">
  97. <meta property="og:site_name" content="{title}"> {block:Description}
  98. <meta name="description" content="{MetaDescription}" />
  99. {/block:Description}
  100. {/block:indexpage}
  101. {block:PostSummary}
  102. <meta property="og:title" content="{title} - {PostSummary}">
  103. <meta property="og:site_name" content="{title}">
  104. <meta name="description" content="{PostSummary}" />
  105. {/block:PostSummary}
  106. {block:permalinkpage}
  107. {block:posts}
  108. {block:photo}
  109. <meta property="og:image" content="{PhotoURL-Highres}">
  110. {/block:photo}
  111. {/block:posts}
  112. {/block:permalinkpage}
  113. {block:indexpage}
  114. <meta property="og:image" content="{PortraitURL-128}">
  115. {/block:indexpage}
  116.  
  117.  
  118. <meta name="image:Background Image" content="" />
  119. <meta name="image:Logo" content="" />
  120.  
  121.  
  122. <meta name="if:Hide Related Photos On Permalink" content="" />
  123. <meta name="if:Use Magnify Effect" content="" />
  124. <meta name="if:Hide Caption" content="" />
  125. <meta name="if:Show Link Border" content="" />
  126. <meta name="if:Disable Lightbox" content="" />
  127. <meta name="if:Shorten Text post" content="" />
  128. <meta name="if:Show First Photoset Image Only" content="" />
  129. <meta name="if:Hide Permalink Share Slider" content="" />
  130. <meta name="if:Hide Post Reblog info" content="" />
  131. <meta name="if:Disable Occupation Border" content="" />
  132.  
  133. <meta name="if:Capitalize Title" content="" />
  134. <meta name="if:Bold Title" content="" />
  135. <meta name="if:Italic Title" content="" />
  136. <meta name="if:Bold Occupation Text" content="" />
  137. <meta name="if:Italic Occupation Text" content="" />
  138.  
  139. <meta name="if:Disable Search Button" content="" />
  140. <meta name="if:Italic Hidden Menu Links" content="" />
  141. <meta name="if:Use Archive Button" content="" />
  142.  
  143. <meta name="color:Header Title Color" content="#222222" />
  144. <meta name="color:Header Description Color" content="#222222" />
  145. <meta name="color:Header Occupation Texts Color" content="#222222" />
  146. <meta name="color:Header Occupation Border Color" content="#efefef" />
  147. <meta name="color:Header Search Menu Icon Color" content="#222222" />
  148. <meta name="color:Header Search Menu Background Color" content="#ffffff" />
  149. <meta name="color:Header Search Menu Border Color" content="#efefef" />
  150.  
  151. <meta name="color:Hidden Menu Bacakground Color" content="#ffffff" />
  152. <meta name="color:Hidden Menu Links Color" content="#222222" />
  153.  
  154. <meta name="color:Post Content Color" content="#535353" />
  155. <meta name="color:Post Title Color" content="#222222" />
  156. <meta name="color:Post Tag Color" content="#000000" />
  157.  
  158.  
  159. <meta name="font:Header Title Font" content="Cormorant Garamond" />
  160. <meta name="font:Header Description Font" content="Goergia" />
  161. <meta name="font:Header Occupation Font" content="Baskervile" />
  162. <meta name="font:Hidden Menu Link Font" content="Arial" />
  163. <meta name="font:Footer Text Font" content="Baskervile" />
  164.  
  165. <meta name="font:Body Font" content="Helvetica" />
  166. <meta name="font:Post Title Font" content="Helvetica" />
  167.  
  168.  
  169. <meta name="color:Link Color" content="#626262" />
  170. <meta name="color:Body Background Color" content="#ffffff" />
  171. <meta name="color:Footer Background Color" content="#ffffff" />
  172. <meta name="color:Footer Text Color" content="#222222" />
  173. <meta name="color:Footer Icon Color" content="#aeaeae" />
  174. <meta name="color:Footer Icon Hover Color" content="#ea7474" />
  175. <meta name="color:Pagination Color" content="#222222" />
  176.  
  177. {block:Description}
  178. <meta name="description" content="{MetaDescription}" />
  179. {/block:Description}
  180.  
  181.  
  182. <meta name="select:Title Size" content="65pt" title="65pt">
  183. <meta name="select:Title Size" content="15pt" title="15pt">
  184. <meta name="select:Title Size" content="25pt" title="25pt">
  185. <meta name="select:Title Size" content="35pt" title="35pt">
  186. <meta name="select:Title Size" content="45pt" title="45pt">
  187. <meta name="select:Title Size" content="55pt" title="55pt">
  188. <meta name="select:Title Size" content="75pt" title="75pt">
  189. <meta name="select:Title Size" content="85pt" title="85pt">
  190. <meta name="select:Title Size" content="95pt" title="95pt">
  191. <meta name="select:Title Size" content="105pt" title="105pt">
  192. <meta name="select:Loading type" content="infinite" title="Infinite Scroll">
  193. <meta name="select:Loading type" content="loadmore" title="Load More Button">
  194. <meta name="select:Loading type" content="pagination" title="Pagination">
  195. <meta name="select:Post Height" content="auto" title="normal">
  196. <meta name="select:Post Height" content="200px" title="200px">
  197. <meta name="select:Post Height" content="250px" title="250px">
  198. <meta name="select:Post Height" content="300px" title="300px">
  199. <meta name="select:Post Height" content="400px" title="400px">
  200. <meta name="select:Post Height" content="500px" title="500px">
  201. <meta name="select:Post Height" content="600px" title="600px">
  202. <meta name="select:Post Height" content="700px" title="700px">
  203.  
  204. <meta name="select:Post Padding" content="25" title="25px">
  205. <meta name="select:Post Padding" content="0" title="0px">
  206. <meta name="select:Post Padding" content="5" title="5px">
  207. <meta name="select:Post Padding" content="10" title="10px">
  208. <meta name="select:Post Padding" content="15" title="15px">
  209. <meta name="select:Post Padding" content="35" title="35px">
  210. <meta name="select:Post Padding" content="45" title="45px">
  211. <meta name="select:Change Layout" content="one 800" title="One Column 800px">
  212. <meta name="select:Change Layout" content="one 900" title="One Column 900px">
  213. <meta name="select:Change Layout" content="one 1000" title="One Column 1000px">
  214. <meta name="select:Change Layout" content="one 1100" title="One Column 1100px">
  215. <meta name="select:Change Layout" content="one 1200" title="One Column 1200px">
  216.  
  217. <meta name="select:Change Layout" content="normal 700" title="700px">
  218. <meta name="select:Change Layout" content="two 700" title="Two Columns 700px">
  219. <meta name="select:Change Layout" content="three 700" title="Three Columns 700px">
  220. <meta name="select:Change Layout" content="four 700" title="Four Columns 700px">
  221. <meta name="select:Change Layout" content="five 700" title="Five Columns 700px">
  222.  
  223. <meta name="select:Change Layout" content="normal 400" title="400px">
  224. <meta name="select:Change Layout" content="two 400" title="Two Columns 400px">
  225. <meta name="select:Change Layout" content="three 400" title="Three Columns 400px">
  226. <meta name="select:Change Layout" content="four 400" title="Four Columns 400px">
  227. <meta name="select:Change Layout" content="five 400" title="Five Columns 400px">
  228.  
  229.  
  230. <meta name="select:Change Layout" content="normal 300" title="300px">
  231. <meta name="select:Change Layout" content="two 300" title="Two Columns 300px">
  232. <meta name="select:Change Layout" content="three 300" title="Three Columns 300px">
  233. <meta name="select:Change Layout" content="four 300" title="Four Columns 300px">
  234. <meta name="select:Change Layout" content="five 300" title="Five Columns 300px">
  235.  
  236.  
  237.  
  238. <meta name="select:Change Layout" content="normal 500" title="500px">
  239. <meta name="select:Change Layout" content="two 500" title="Two Columns 500px">
  240. <meta name="select:Change Layout" content="three 500" title="Three Columns 500px">
  241. <meta name="select:Change Layout" content="four 500" title="Four Columns 500px">
  242. <meta name="select:Change Layout" content="five 500" title="Five Columns 500px">
  243.  
  244.  
  245. <meta name="select:Change Layout" content="normal 250" title="250px">
  246. <meta name="select:Change Layout" content="two 250" title="Two Columns 250px">
  247. <meta name="select:Change Layout" content="three 250" title="Three Columns 250px">
  248. <meta name="select:Change Layout" content="four 250" title="Four Columns 250px">
  249. <meta name="select:Change Layout" content="five 250" title="Five Columns 250px">
  250.  
  251.  
  252. <meta name="select:Change Layout" content="fixed one" title="Fixed One Columns">
  253. <meta name="select:Change Layout" content="fixed two" title="Fixed Two Columns">
  254. <meta name="select:Change Layout" content="fixed three" title="Fixed Three Columns">
  255. <meta name="select:Change Layout" content="fixed four" title="Fixed Four Columns">
  256. <meta name="select:Change Layout" content="fixed five" title="Fixed Five Columns">
  257.  
  258.  
  259.  
  260. <meta name="text:Instagram Username" content="" />
  261. <meta name="text:Instagram Feed Access Token" content="" />
  262.  
  263. <meta name="text:Occupation 1" content="" />
  264. <meta name="text:Occupation 2" content="" />
  265. <meta name="text:Occupation 3" content="" />
  266. <meta name="text:Occupation Link 1" content="" />
  267. <meta name="text:Occupation Link 2" content="" />
  268. <meta name="text:Occupation Link 3" content="" />
  269.  
  270. <meta name="text:Google analytics Web Property ID" content="">
  271. <meta name="text:Blog Keywords" content="">
  272. <meta name='text:Disqus Shortname' content=''>
  273.  
  274. <meta name='text:Custom Javascript 1' content=''>
  275. <meta name='text:Custom Javascript 2' content=''>
  276.  
  277. {text:custom javascript 1}
  278. {text:custom javascript 2}
  279. <meta name="text:Custom link 1 URL" content="" />
  280. <meta name="text:Custom link 1 title" content="" />
  281. <meta name="text:Custom link 2 URL" content="" />
  282. <meta name="text:Custom link 2 title" content="" />
  283. <meta name="text:Custom link 3 URL" content="" />
  284. <meta name="text:Custom link 3 title" content="" />
  285. <meta name="text:Custom link 4 URL" content="" />
  286. <meta name="text:Custom link 4 title" content="" />
  287. <meta name="text:Custom link 5 URL" content="" />
  288. <meta name="text:Custom link 5 title" content="" />
  289. <meta name="text:Custom link 6 URL" content="" />
  290. <meta name="text:Custom link 6 title" content="" />
  291. <meta name="text:Custom link 7 URL" content="" />
  292. <meta name="text:Custom link 7 title" content="" />
  293. <meta name="text:Custom link 8 URL" content="" />
  294. <meta name="text:Custom link 8 title" content="" />
  295.  
  296. <meta name="text:Personal Site URL" content="" />
  297. <meta name="text:Facebook URL" content="" />
  298. <meta name="text:Twitter URL" content="" />
  299. <meta name="text:Pinterest URL" content="" />
  300. <meta name="text:Shop URL" content="" />
  301. <meta name="text:SoundCloud URL" content="" />
  302. <!-- New Update -->
  303. <meta name="text:Yelp URL" content="" />
  304. <meta name="text:Apple App URL" content="" />
  305. <meta name="text:Android App URL" content="" />
  306. <meta name="text:Google Plus URL" content="" />
  307. <meta name="text:Vimeo URL" content="" />
  308. <meta name="text:Youtube URL" content="" />
  309. <!-- New Update -->
  310.  
  311. <meta name="text:Github URL" content="" />
  312. <meta name="text:500px URL" content="" />
  313. <meta name="text:Medium URL" content="" />
  314. <meta name="text:Dribble URL" content="" />
  315. <meta name="text:Behance URL" content="" />
  316. <meta name="text:Flickr URL" content="" />
  317. <meta name="text:Picasa URL" content="" />
  318. <meta name="text:Reddit URL" content="" />
  319. <meta name="text:Blogger URL" content="" />
  320. <meta name="text:Diigo URL" content="" />
  321. <meta name="text:Spotify URL" content="" />
  322. <meta name="text:Hi5 URL" content="" />
  323. <meta name="text:Snapchat Username" content="" />
  324.  
  325.  
  326.  
  327. <link href="https://static.tumblr.com/dlyn8ge/hTNowd7mu/tachyons.min.css" rel="stylesheet" type="text/css">
  328. <link href="http://static.tumblr.com/l6lgv4c/WSqoyp1np/header.css" rel="stylesheet" type="text/css">
  329.  
  330. <link href="http://static.tumblr.com/l6lgv4c/Cyroyyitk/body.css" rel="stylesheet" type="text/css">
  331. <script src="//platform.instagram.com/en_US/embeds.js"></script>
  332. <script src="https://static.tumblr.com/eeiisdz/abuossof3/all.js"></script>
  333. <script src="https://static.tumblr.com/l6lgv4c/HR7oyhvok/submit_fix.js"></script>
  334.  
  335. <script src="http://static.tumblr.com/l6lgv4c/tVvoz3uqd/univ.js">
  336. </script>
  337. <script src="https://static.tumblr.com/2m9njrc/w7jork4b4/instafeed.min.js">
  338. </script>
  339. {block:IfGoogleAnalyticsWebPropertyID}
  340. <script>
  341. (function(i, s, o, g, r, a, m) {
  342. i['GoogleAnalyticsObject'] = r;
  343. i[r] = i[r] || function() {
  344. (i[r].q = i[r].q || []).push(arguments)
  345. }, i[r].l = 1 * new Date();
  346. a = s.createElement(o),
  347. m = s.getElementsByTagName(o)[0];
  348. a.async = 1;
  349. a.src = g;
  350. m.parentNode.insertBefore(a, m)
  351. })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
  352. ga('create', '{text:Google Analytics WebProperty ID}', auto);
  353. ga('send', 'pageview');
  354. </script>
  355. {/block:IfGoogleAnalyticsWebPropertyID}
  356.  
  357.  
  358.  
  359. <style>
  360. body{background-image:url('{image:background image}');background-position:center;}
  361. /** layout **/
  362. .layout-fixed-one .post-content {
  363. width: calc(100% - {select:post padding}px * 2);
  364. }
  365. .layout-fixed-two .post-content {
  366. width: calc(100%/2 - {select:post padding}px * 2);
  367. }
  368. .layout-fixed-three .post-content {
  369. width: calc(100%/3 - {select:post padding}px * 2);
  370. }
  371. .layout-fixed-four .post-content {
  372. width: calc(100%/4 - {select:post padding}px * 2);
  373. }
  374. .layout-fixed-five .post-content {
  375. width: calc(100%/5 - {select:post padding}px * 2);
  376. }
  377. @media screen and (max-width: 1400px) {
  378. .layout-fixed-five .post-content {
  379. width: calc(100%/4 - {select:post padding}px * 2);
  380. }
  381. }
  382. @media screen and (max-width: 1200px) {
  383. .layout-fixed-four .post-content {
  384. width: calc(100%/3 - {select:post padding}px * 2);
  385. }
  386. .layout-fixed-five .post-content {
  387. width: calc(100%/3 - {select:post padding}px * 2);
  388. }
  389. }
  390. @media screen and (max-width: 800px) {
  391. .fixed-layout .post-content {
  392. width: calc(100%/2 - {select:post padding}px * 2);
  393. }
  394. }
  395. /** layout **/
  396.  
  397. /** basic layout fix **/
  398. #posts{padding:calc(30px + {select:Post Padding}px) 0px;padding-top:0px;}
  399. .desktop-version #posts{margin-top:calc(-{select:Post Padding}px) !important}
  400. html[data-layout*="fixed"]#ind #posts{padding-top:0px;}
  401. #posts .post-content{margin:{select:Post Padding}px {select:Post Padding}px;}
  402. #per #posts{padding:30px 0px;}
  403. .fixed-layout .post-content{margin:{select:Post Padding}px {select:Post Padding}px;}
  404. #per #posts .post-content{margin:0px}
  405. .tablet-version#ind .post-content{margin:10px !Important;}
  406. .fixed-layout #layout{padding:0px {select:Post Padding}px;}
  407. html:not(.use-caption).fixed-layout #layout{padding:{select:Post Padding}px {select:Post Padding}px}
  408. #permalink-share{background-color:#fff}
  409. #permalink-share a{color:#222}
  410. .post_info{color:#222}
  411. /** basic layout fix **/
  412.  
  413.  
  414. /** contents options **/
  415. a{color:{color:Link Color};}
  416. .link-border .post-content .caption a,.link-border .post a,.link-border .tags a{border-bottom:1px solid {color:Link Border Color};}
  417. .post h3 a{border-bottom:0px;}
  418. body{font-family:{font:Body Font};background-color:{color:Body Background Color}}
  419. .mobile-version #posts .post-content{margin:0px}
  420. .mobile-version #layout{padding:10px;}
  421. .post-content{color:{color:post content color};background-color:#fff;}
  422. blockquote{border-left:1px solid {color:post content color};}
  423. footer{background-color:{color:footer background color};}
  424. .footer, .footer a, .instagram-label a{color:{color:footer text color}}
  425. .footer-icons a{color:{color:Footer Icon Color}}
  426. .footer-icons a:hover{color:{color:Footer Icon Hover Color}}
  427. .tags a{color:{color:Post Tag Color}}
  428. .post-title a{color:{color:Post Title Color}}
  429. .post-title,#permalink-share .title{font-family:{font:Post Title Font},'arial'}
  430. {block:ifnotusecaption}
  431. #ind .type-photo .tags{display:none}
  432. {/block:ifnotusecaption}
  433.  
  434. #paginateit a{color:{color:Pagination Color}}
  435. #loadmore div{color:{color:Pagination Color}}
  436. blockquote:last-child{margin-bottom:25px !Important;}
  437. a{cursor:pointer}
  438. /** contents options **/
  439.  
  440. {customCSS}
  441. .image_resized.post-height-auto #layout .post .photo img{height:auto !Important}
  442.  
  443. .salvia-title{font-family:{font:Header Title Font};font-size:{select:Title Size};}
  444. .salvia-title a{color:{color:Header Title Color}}
  445. .salvia-description{font-family:{font:Header Description Font};color:{color:Header Description Color};}
  446. .salvia-occupations a{font-family:{font:Header Occupation Font}}
  447. .salvia-occupations a{color:{color:Header Occupation Texts Color}}
  448. .salvia-occupations a{border-bottom:1px solid {color:Header Occupation Border Color}}
  449. .trigger-buttons a{color:{color:Header Search Menu Icon Color};border:1px solid {color:Header Search Menu Border Color};background-color:{color:Header Search Menu Background Color}}
  450. .hidden-menu{background-color:{color:Hidden Menu Bacakground Color};font-family:{font:Hidden Menu Link Font};}
  451. .hidden-menu ul li a{color:{color:Hidden Menu Links Color}}
  452. html:not(.use-caption) .post_reblog,
  453. html.remote .post_reblog{display:none !important}
  454. footer{font-size:10pt !Important;font-family:{font:Footer Text Font};}
  455. .mobile-version .salvia-occupations{padding-top:60px;}
  456. html{overflow-x:hidden}
  457. #loadmore{font-family:baskervile;font-size:17pt;font-style:oblique;}
  458. </style>
  459.  
  460. </head>
  461. <body class="opacity-transition-body">
  462.  
  463. <div class="hidden-menu">
  464. <ul>
  465. {block:ifCustomlink1title}
  466. <li>
  467. <a href="{text:Custom link 1 URL}" {target}>
  468. {text:Custom link 1 title}
  469. </a>
  470. </li>
  471. {/block:ifCustomlink1title}{block:ifCustomlink2title}
  472. <li>
  473. <a href="{text:Custom link 2 URL}" {target}>
  474. {text:Custom link 2 title}
  475. </a>
  476. </li>
  477. {/block:ifCustomlink2title}{block:ifCustomlink3title}
  478. <li>
  479. <a href="{text:Custom link 3 URL}" {target}>
  480. {text:Custom link 3 title}
  481. </a>
  482. </li>
  483. {/block:ifCustomlink3title}{block:ifCustomlink4title}
  484. <li>
  485. <a href="{text:Custom link 4 URL}" {target}>
  486. {text:Custom link 4 title}
  487. </a>
  488. </li>
  489. {/block:ifCustomlink4title}
  490.  
  491. {block:ifCustomlink5title}
  492. <li>
  493. <a href="{text:Custom link 5 URL}" {target}>
  494. {text:Custom link 5 title}
  495. </a>
  496. </li>
  497. {/block:ifCustomlink5title}
  498.  
  499. {block:ifCustomlink6title}
  500. <li>
  501. <a href="{text:Custom link 6 URL}" {target}>
  502. {text:Custom link 6 title}
  503. </a>
  504. </li>
  505. {/block:ifCustomlink6title}
  506.  
  507. {block:ifCustomlink7title}
  508. <li>
  509. <a href="{text:Custom link 7 URL}" {target}>
  510. {text:Custom link 7 title}
  511. </a>
  512. </li>
  513. {/block:ifCustomlink7title}
  514.  
  515. {block:ifCustomlink8title}
  516. <li>
  517. <a href="{text:Custom link 8 URL}" {target}>
  518. {text:Custom link 8 title}
  519. </a>
  520. </li>
  521. {/block:ifCustomlink8title}
  522. {block:HasPages}
  523. {block:Pages}
  524. <li>
  525. <a href="{URL}" {target}>
  526. {Label}
  527. </a>
  528. </li>
  529. {/block:Pages} {/block:HasPages}
  530.  
  531. {block:AskEnabled}
  532. <li>
  533. <a class='ask-trigger' onclick="asktrigger()">
  534. {AskLabel}
  535. </a></li>
  536. {/block:AskEnabled}
  537. {block:SubmissionsEnabled}
  538. <li>
  539. <a class="submit-trigger" href="/submit">{SubmitLabel}</a>
  540. </li>
  541. {/block:SubmissionsEnabled}
  542. <li class="spacing"></li>
  543. {block:ifpersonalsiteurl}
  544. <li>
  545. <a href="{text:personal site url}" {target}>
  546. Website
  547. </a></li>
  548. {/block:ifpersonalsiteurl}
  549. {block:iffacebookurl}
  550. <li>
  551. <a href="{text:facebook url}" {target}>
  552. Facebook
  553. </a> </li>
  554. {/block:iffacebookurl}
  555. {block:iftwitterurl}
  556. <li>
  557. <a href="{text:twitter url}" {target} class="twitter-click">
  558. Twitter
  559. </a></li>
  560. {/block:iftwitterurl}
  561. {block:ifpinteresturl}
  562. <li>
  563. <a href="{text:pinterest url}" {target} class="pinterest-click">
  564. Pinterest
  565. </a></li>
  566. {/block:ifpinteresturl}
  567. {block:ifinstagramUsername}
  568. <li>
  569. <a href="https://instagram.com/{text:instagram Username}" {target} class="instagram-click"> Instagram
  570. </a></li>
  571. {/block:ifinstagramUsername}
  572. {block:ifshopurl}
  573. <li>
  574. <a href="{text:shop url}" {target}>
  575. Shop
  576. </a></li>
  577. {/block:ifshopurl}
  578. {block:ifsoundcloudurl}
  579. <li>
  580. <a href="{text:soundcloud url}" {target}>
  581. SoundCloud
  582. </a></li>
  583. {/block:ifsoundcloudurl}
  584.  
  585.  
  586. {block:ifappleappurl}
  587. <li>
  588. <a href="{text:apple app url}" {target}>
  589. App Store
  590. </a></li>
  591. {/block:ifappleappurl}
  592. {block:ifandroidappurl}
  593. <li>
  594. <a href="{text:android app url}" {target}>
  595. Play Store
  596. </a></li>
  597. {/block:ifandroidappurl}
  598.  
  599. {block:ifgoogleplusurl}
  600. <li>
  601. <a href="{text:google plus url}" {target}>
  602. Google Plus
  603. </a></li>
  604. {/block:ifgoogleplusurl}
  605.  
  606. {block:ifvimeourl}
  607. <li>
  608. <a href="{text:vimeo url}" {target}>
  609. Vimeo
  610. </a></li>
  611. {/block:ifvimeourl}
  612.  
  613. {block:ifyoutubeurl}
  614. <li>
  615. <a href="{text:youtube url}" {target}>
  616. Youtube
  617. </a></li>
  618. {/block:ifyoutubeurl}
  619.  
  620. {block:ifYelpurl}
  621. <li>
  622. <a href="{text:Yelp url}" {target}>
  623. Yelp
  624. </a></li>
  625. {/block:ifYelpurl}
  626.  
  627. {block:ifEmailAddress}
  628. <li>
  629. <a href="mailto:{text:Email Address}" {target}>
  630. Contact
  631. </a></li>
  632. {/block:ifEmailAddress}
  633. {block:ifusearchivebutton}
  634. <li>
  635. <a href="/archive" {target}>
  636. Archive
  637. </a></li>
  638. {/block:ifusearchivebutton}
  639.  
  640. {block:ifgithuburl}
  641. <li>
  642. <a href="{text:Github URL}" {target}>
  643. Github
  644. </a></li>
  645. {/block:ifgithuburl}
  646.  
  647. {block:if500pxurl} <li>
  648. <a href="{text:500px URL}" {target}>
  649. 500px
  650. </a></li>
  651. {/block:if500pxurl}
  652.  
  653. {block:ifmediumurl} <li>
  654. <a href="{text:Medium URL}" {target}>
  655. Medium
  656. </a></li>
  657. {/block:ifmediumurl}
  658.  
  659. {block:ifdribbleurl} <li>
  660. <a href="{text:Dribble URL}" {target}>
  661. Dribble
  662. </a></li>
  663. {/block:ifdribbleurl}
  664. {block:ifbehenceurl} <li>
  665. <a href="{text:Behence URL}" {target}>
  666. Behence
  667. </a></li>
  668. {/block:ifbehenceurl}
  669.  
  670. {block:ifpicasaurl} <li>
  671. <a href="{text:Picasa URL}" {target}>
  672. Picasa
  673. </a></li>
  674. {/block:ifpicasaurl}
  675.  
  676. {block:ifredditurl} <li>
  677. <a href="{text:Reddit URL}" {target}>
  678. Reddit
  679. </a></li>
  680. {/block:ifredditurl}
  681.  
  682. {block:ifbloggerurl} <li>
  683. <a href="{text:Blogger URL}" {target}>
  684. Blogger
  685. </a></li>
  686. {/block:ifBloggerurl}
  687. {block:ifdiigourl} <li>
  688. <a href="{text:Diigo URL}" {target}>
  689. Diigo
  690. </a></li>
  691. {/block:ifdiigourl}
  692. {block:ifspotifyurl} <li>
  693. <a href="{text:Spotify URL}" {target}>
  694. Spotify
  695. </a></li>
  696. {/block:ifspotifyurl}
  697. {block:ifhi5url} <li>
  698. <a href="{text:Hi5 URL}" {target}>
  699. Hi5
  700. </a></li>
  701. {/block:ifhi5url}
  702.  
  703. {block:ifSnapchatUsername}
  704. <li>
  705. <a href="https://snapchat.com/add/{text:Snapchat Username}" {target}>
  706. Snapchat
  707. </a></li>
  708. {/block:ifSnapchatUsername}
  709.  
  710. {block:ifEmailAddress}
  711. <li>
  712. <a href="mailto:{text:Email Address}?subject=Hello!" {target}>
  713. Contact
  714. </a></li>
  715. {/block:ifEmailAddress}
  716. <div {block:ifwebsite1url}style="margin-top:15px"{/block:ifwebsite1url}>
  717. {block:ifwebsite1url}
  718. <li>
  719. <a href="{text:Website 1 URL}">
  720. {text:Website 1 URL}
  721. </a>
  722. </li>
  723. {block:ifwebsite1url}
  724.  
  725.  
  726. {block:ifwebsite2url}
  727. <li>
  728. <a href="{text:Website 2 URL}">
  729. {text:Website 2 URL}
  730. </a>
  731. </li>
  732. {block:ifwebsite2url}
  733. </ul>
  734. </div>
  735. <div id="lightbox"></div>
  736. <nav id="permalink-share"></nav>
  737. <header class="salvia-header tc">
  738. {block:ifOccupation1}
  739. <div class="salvia-occupations">
  740.  
  741.  
  742. <a href="{text:Occupation Link 1}" rel="nofollow" {target}>
  743. {text:Occupation 1}
  744. </a>
  745.  
  746.  
  747.  
  748. {block:ifOccupation2}
  749. <a {block:ifOccupationLink2}href="{text:Occupation Link 2}"{/block:ifOccupationLink2} rel="nofollow" {target}>
  750. {text:Occupation 2}
  751. </a>
  752. {/block:ifOccupation2}
  753.  
  754.  
  755.  
  756. {block:ifOccupation3}
  757. <a {block:ifOccupationLink3}href="{text:Occupation Link 3}"{/block:ifOccupationLink3} rel="nofollow" {target}>
  758. {text:Occupation 3}
  759. </a>
  760. {/block:ifOccupation3}
  761. </div>{/block:ifOccupation1}
  762. <h1 class="salvia-title">
  763. <a href="/">
  764. {block:ifnotlogoimage}
  765. {title}
  766. {/block:ifnotlogoimage}
  767. {block:iflogoimage}<img src="{image:logo}" title="{title} Logo" alt="{title}">{/block:iflogoimage}</a>
  768. </h1>
  769. <p class="salvia-description" id="description">{description}</p>
  770.  
  771. </header>
  772.  
  773.  
  774. <!-- full layer plugins -->
  775.  
  776. <div class="trigger-buttons">
  777. <a data-icon="&#xe022" original-icon="&#xe022" close-icon="&#xe023" class="menu-trigger" onclick="openHidden()"></a>
  778. <a data-icon="&#xe021" class="search-trigger" onclick="openSearch()"></a>
  779. </div>
  780. <!-- customized -->
  781.  
  782. <div id="search_container">
  783. <div id="search_close" data-icon=":" onclick="closeSearch()"></div>
  784. <div id="search_content">
  785. <form action="/search" method="get">
  786. <input type="text" name="q" value="{SearchQuery}" Placeholder="Search {title}">
  787. <button data-icon="c"></button>
  788. </form>
  789. </div>
  790. </div>
  791.  
  792. <div id="layout">
  793. <div id="posts">
  794.  
  795. {block:Posts}
  796. <ul class="post-content {block:text}type-text{/block:text} {block:photo}type-photo content-based{/block:photo} {block:audio}type-audio content-based{/block:audio} {block:video}content-based{/block:video} {block:photoset}type-photoset content-based{/block:photoset} {block:RebloggedFrom} is-reblogged{block:RebloggedFrom} {block:caption}caption-enabled{/block:caption}" id="{PostId}">
  797. <li class="content relative">
  798. {block:Text}
  799. <ul class="post">
  800. {block:Title}
  801. <li class="text-title {block:permalinkpage}tc{block:permalinkpage}"><h3 class="post-title"><a href="{Permalink}" {target}>{Title}</a></h3></li>
  802. {/block:Title}
  803. <li class="text-body lh-copy">{Body}</li>
  804. </ul>
  805. {/block:Text}
  806.  
  807. {block:Photo}
  808. <ul class="post">
  809. <li class="photo"><a {block:permalinkpage}href="{SourceURL}"{/block:permalinkpage} {block:indexpage}href="{permalink}"{/block:indexpage} {target} class="db" onclick="lightbox(this)" data-image="{photoURL-Highres}" data-height='{PhotoHeight-250}' target="_blank"><img {block:indexpage}onload="imageLoadedFunction(this,'{select:Post height}','{select:Change Layout}')"{/block:indexpage} {block:permalinkpage}onload="imageLoadedFunction(this,'{select:Post height}','1280')"{/block:permalinkpage} src="{PhotoURL-100}" alt="{PhotoAlt}" data-image-tiny="{PhotoURL-100}" data-image-small="{PhotoURL-250}" data-image-medium="{PhotoURL-400}" data-image-big="{PhotoURL-500}" data-image-retina="{PhotoURL-Highres}" data-height='{PhotoHeight-250}' class="opacity-transition relative"></a></li>
  810.  
  811.  
  812. {block:indexpage}
  813. <li class="top-hover-deco opacity-transition absolute">
  814. {block:ifnotusecaption}
  815. <span>{Month} {DayOfMonth}, {Year} </span> {/block:ifnotusecaption}
  816. </li>
  817. {/block:indexpage}
  818. </ul>
  819. {/block:Photo}
  820. {block:Panorama}
  821. <ul class="post">
  822. <li class="panorama">
  823. {LinkOpenTag}
  824. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  825. {LinkCloseTag}
  826. </li>
  827. </ul>
  828. {/block:Panorama}
  829.  
  830. {block:Photoset}
  831. <ul class="post">
  832.  
  833. <li class="photoset yet" data-layout-arrangement="{PhotosetLayout}">
  834. {block:Photos}
  835. <img src="{photoURL-1280}" onclick="lightbox(this,'photoset')" data-image="{photoURL-Highres}" data-height='{PhotoHeight-250}' >
  836. {/block:Photos}
  837.  
  838.  
  839. {block:indexpage}
  840. {block:ifnotusecaption}
  841. {block:ifShowFirstPhotosetImageOnly}
  842. <li class="top-hover-deco opacity-transition absolute">
  843. <span>{Month} {DayOfMonth}, {Year} </span>
  844. </li>
  845. {/block:ifShowFirstPhotosetImageOnly}
  846. {/block:ifnotusecaption}
  847. {/block:indexpage}
  848.  
  849.  
  850. </li>
  851.  
  852. </ul>
  853. {/block:Photoset}
  854.  
  855. {block:Quote}
  856. <ul class="post">
  857. <li class="quote f3 i lh-copy measure font-baskervile normal tracked-tight">"{Quote}"</li>
  858. {block:Source}
  859. <div class="source mt2 mb3">— {Source}</div>
  860. {/block:Source}
  861. </li>
  862. </ul>
  863. {/block:Quote}
  864.  
  865. {block:Link}
  866. <ul class="post">
  867. {block:Thumbnail}
  868. <li class="link-thumbnail"><img src="{Thumbnail-HighRes}"></li>{/block:Thumbnail}
  869. <li><h3 class="post-title"><a href="{URL}" class="link" {Target}>{Name}</a></h3></li>
  870.  
  871. {block:Description}
  872. <li class="description lh-copy">{Description}</li>
  873. {/block:Description}
  874. </ul>
  875. {/block:Link}
  876.  
  877. {block:Chat}
  878. <ul class="post">
  879. {block:Title}
  880. <li><a href="{Permalink}">{Title}</a></li>
  881. {/block:Title}
  882. <li class="chat">
  883. <ul>
  884. {block:Lines}
  885. <li class="{Alt} user_{UserNumber}">
  886. {block:Label}
  887. <span class="label">{Label}</span>
  888. {/block:Label}{Line}
  889. </li>
  890. {/block:Lines}
  891. </ul>
  892. </li>
  893. </ul>
  894. {/block:Chat}{block:Video}
  895. <ul class="post">
  896. <li class="video yet">{Video-500}
  897. {block:VideoThumbnail}
  898. <img src="{VideoThumbnailURL}">
  899. {/block:VideoThumbnail}
  900.  
  901. </li>
  902. </ul>
  903. {/block:Video}
  904. {block:Audio}
  905. <ul class="post">
  906. <li class="audio">{AudioEmbed}</li>
  907. </ul>
  908. {/block:Audio}
  909. </li>
  910.  
  911. {block:Caption}
  912. <li class="caption db">{caption}</li>
  913. {/block:Caption}
  914.  
  915.  
  916. {block:HasTags}
  917. <ul class="tags">
  918. {block:Tags}
  919. <li>
  920. <a href="{TagURL}">#{Tag}</a>
  921. </li>
  922. {/block:Tags}
  923. </ul>
  924. {/block:HasTags}
  925.  
  926. <li class="post_info opacity-transition cf"{block:indexpage} onmouseleave="outShare(this)"{/block:indexpage}>
  927. {block:ifnothidepostrebloginfo}
  928. {block:photo}
  929. {block:RebloggedFrom}
  930. <ul class="post_reblog">
  931. <li><a href="" data-icon="&#xe024;"></a></li>
  932. <li class="post_reblog_avatar"><img src="{ReblogParentPortraitURL-64}"></li>
  933. <li><a href="{ReblogParentURL}" target="_blank" rel="no-follow">{ReblogRootName}</a></li>
  934. </ul>
  935. {/block:RebloggedFrom}
  936. {/block:photo}
  937. {/block:ifnothidepostrebloginfo}
  938. <ul class="post_control opacity-transition">
  939. <li class="fl w-50 no-ls left-control">
  940. <a class="di v-mid relative icon"><span class="icon-heart" data-icon="T"></span>{LikeButton}</a>
  941. <a class="di v-mid notecount left" href="{permalink}">{NoteCount}</a>
  942. <a class="di v-mid relative left">Notes</a>
  943. {block:permalinkpage}
  944. <a class="di v-mid relative">/</a>
  945. <a class="di v-mid relative">{Month} {DayOfMonth}, {Year}</a>
  946. {/block:permalinkpage}
  947.  
  948. </li>
  949. <li class="fl w-50 share no-ls relative tr">
  950. {block:indexpage}
  951. <a class="di v-mid relative share_cont" target="_blank" href="{reblogURL}" data-icon="D"></a>
  952. {block:photo}
  953. <a class="di v-mid relative share_cont" data-pinterest="https://pinterest.com/pin/create/button/?url=&media={PhotoURL-Highres}" target="_blank" data-icon="l"></a>
  954. {/block:photo}
  955. <a class="dib v-mid relative share_cont share-trigger" data-icon="&#xe006;" onclick="openShare(this)"></a>
  956. {/block:indexpage}
  957. {block:permalinkpage}
  958. <a class="dib v-mid relative share_cont">Share</a>
  959. {/block:permalinkpage}
  960. <ul {block:indexpage}
  961. class="share-tooltip absolute dn"{/block:indexpage}
  962. {block:permalinkpage}class="perma-share"{/block:permalinkpage}>
  963. <li><a href="https://twitter.com/home?status={EmbedURL}" rel="no-follow" target="blank">Tweet</a></li>
  964. <li><a href="https://www.facebook.com/sharer/sharer.php?{block:answer}description={EmbedURL}&u={permalink}&picture={PortraitURL-128}{/block:answer}{block:photo}description={PhotoAlt}&picture={PhotoURL-500}&u={permalink}{/block:photo}{block:link}description={EmbedURL}&u={permalink}&picture={PortraitURL-128}{/block:link}{block:audio}{block:Artist}description={Artist}-{TrackName}{/block:Artist}&picture={AlbumArtURL}&u={permalink}{/block:audio}{block:text}title={title}&description={EmbedURL}&u={permalink}&picture={PortraitURL-128}{/block:text}{block:quote}description={quote}&u={permalink}&picture={PortraitURL-128}{/block:quote}{block:chat}description={EmbedURL}&u={permalink}&picture={PortraitURL-128}{/block:chat}{block:video}{block:Thumbnail}picture={Thumbnail}&{/block:Thumbnail}description={EmbedURL}&u={permalink}&picture={PortraitURL-128}{/block:video}{block:photoset}description={PhotoAlt}{block:photos}&picture={PhotoURL-500}{/block:photos}&u={permalink}{/block:photoset}" target="blank" rel="no-follow">Facebook</a></li>
  965. <li class="permalink-link"><a href="{permalink}" target="_blank">Permalink</a></li>
  966. <li><a href="{ReblogURL}" target="_blank">Reblog</a></li>
  967. <li onclick="copyLink(this)" class="copy-link"><a>Embed link</a><input value="{EmbedURL}" class="embed-link-hidden">
  968. </li>
  969. <li class="arrow absolute"></li>
  970. </ul>
  971. </li>
  972.  
  973. </ul>
  974. </li>
  975.  
  976.  
  977. </ul>
  978. {block:permalinkpage}
  979. <ul class="permalink post-content">
  980. {block:PostNotes}
  981. <li class="permalink-note">
  982. {PostNotes-64}</li>
  983. {/block:PostNotes}
  984.  
  985. {block:ifNotHideRelatedPhotosOnPermalink}
  986. {block:RelatedPosts}
  987. {block:photo}
  988. <li class="related-posts">
  989. <h3 class="tc pa4 font-lato ttu tracked-mega fw4">Related posts</h3>
  990. <ul>
  991. {block:Posts}
  992. {block:photo}
  993. <li class="related-photo content">
  994. <a href="{permalink}"> <img src="{PhotoURL-250}"></a>
  995.  
  996. <ul class="post_control opacity-transition">
  997. <li class="no-ls left-control">
  998. <a class="di v-mid relative icon"><span class="icon-heart" data-icon="T"></span>{LikeButton}</a>
  999. <a class="di v-mid notecount" href="{permalink}">{NoteCount}</a>
  1000. </li>
  1001.  
  1002. <li class="fl w-third share no-ls relative tr">
  1003. </li>
  1004. </ul>
  1005. </li>
  1006. {/block:photo}
  1007. {/block:Posts}
  1008. </ul>
  1009. </li>
  1010. {/block:photo}
  1011. {/block:RelatedPosts}
  1012. {/block:ifNotHideRelatedPhotosOnPermalink}
  1013. {block:ifdisqusshortname}
  1014. <li class="disqus-container">
  1015. <div id="disqus_thread" shortname='{text:Disqus Shortname}'>
  1016. </div>
  1017. </li>
  1018.  
  1019. {/block:ifdisqusshortname}
  1020. </ul>
  1021. {/block:permalinkpage}
  1022. {/block:Posts}
  1023. </div>
  1024. </div>
  1025.  
  1026. {block:Pagination}
  1027. <nav class="pagination is-centered " id="pagination">
  1028. <ul class="pagination-list">
  1029.  
  1030. {block:NextPage}<li>
  1031. <a href="{NextPage}" class="pagination_nextlink">{lang:Next}</a></li>{/block:NextPage}
  1032. {block:JumpPagination length="5"}{block:CurrentPage}
  1033. <li class="pagination-link is-current"><a href="{URL}">{PageNumber}</a></li>
  1034. {/block:CurrentPage}{block:JumpPage}
  1035. <li class="pagination-link"><a href="{URL}">{PageNumber}</a></li>
  1036. {/block:JumpPage}{/block:JumpPagination}
  1037.  
  1038. {block:PreviousPage}
  1039. <li>
  1040. <a href="{PreviousPage}">{lang:Prev}</a>
  1041. </li>{/block:PreviousPage}
  1042. </ul>
  1043. </nav>
  1044. {/block:Pagination}
  1045.  
  1046. <p id="pagination">
  1047. {block:PreviousPage}
  1048. <a href="{PreviousPage}">&#171; {lang:Next}</a>
  1049. {/block:PreviousPage}{block:NextPage}
  1050. <a href="{NextPage}" class="pagination_nextlink">{lang:Next} &#187;</a>
  1051. {/block:NextPage}
  1052. </p>
  1053.  
  1054. {block:indexpage}
  1055. <div class="tc" id="loadmore" onclick="loadMore(this);" data-loading="{lang:Loading}" data-no-posts="{lang:No more posts}" data-load="{lang:Load more posts}">
  1056. <div class="link dim ph3 pv2 dib black w5 fw5 pointer">{lang:Load more posts}</div>
  1057. </div>
  1058.  
  1059.  
  1060.  
  1061. {block:Pagination}
  1062. <div class="mw-100 center baskervile" id="paginateit">
  1063. <nav class="cf pa3 pa4-ns" data-name="pagination-numbers">
  1064. <a class="fl dib link dim black f6 pa2 prev-pagination
  1065. {block:PreviousPage}
  1066. one-prev" href="{PreviousPage}"
  1067. {/block:PreviousPage}title="Previous">{lang:Prev}</a>
  1068. {block:NextPage}
  1069. <a class="fr dib link dim black f6 pa2" href="{NextPage}" title="Next">{lang:Next}</a>{/block:NextPage}
  1070.  
  1071. <div class="overflow-hidden center db tc pnumbers">
  1072.  
  1073. {block:JumpPagination length="5"}{block:CurrentPage}
  1074. <a class="dib link dim black f6 pa2 " href="{URL}" title="{PageNumber}">{PageNumber}</a>
  1075. {/block:CurrentPage}{block:JumpPage}
  1076. <a class="dib link dim black f6 fw4 pa2" href="{URL}" title="{PageNumber}">{PageNumber}</a>
  1077. {/block:JumpPage}{/block:JumpPagination}
  1078.  
  1079. </div>
  1080. </nav>
  1081. </div>
  1082.  
  1083. {/block:Pagination}
  1084. {/block:indexpage}
  1085.  
  1086.  
  1087. {block:ifInstagramFeedAccessToken}
  1088. {block:ifinstagramUsername}
  1089. <div class="instagram-feed-container tc">
  1090.  
  1091. <div class="instagram-label"> <a href="https://instagram.com/{text:instagram Username}" target="_blank">Follow me on Instagram &#8594;</a></div>
  1092. <div class="" id="instagram-feed" data-instagram-accesstoken="{text:Instagram Feed Access Token}">
  1093.  
  1094. </div></div>
  1095.  
  1096. {/block:ifinstagramUsername}
  1097. {/block:ifInstagramFeedAccessToken}
  1098. <footer>
  1099. <ul class="footer">
  1100. <li class="db vm">
  1101. <span>&copy; {CopyrightYears} {title}</span>
  1102. <span id="powered" class="db"><a href="https://www.tumblr.com/theme/40508" target="_blank" title="Salvia Tubmlr theme by Themecloset">Salvia Tumblr theme</a> <i>by</i> <a href="https://themecloset.com" target="_blank" title="Themecloset Tumblr themes">Themecloset.com</a></span>
  1103. </li>
  1104. <li class="tc footer-icons db vm f5">{block:ifpersonalsiteurl}<a href="{text:personal site url}" {target}> <span data-icon=""> </span> </a> {/block:ifpersonalsiteurl} {block:iffacebookurl} <a href="{text:facebook url}" {target}> <span data-icon="i"> </span> </a> {/block:iffacebookurl} {block:iftwitterurl} <a href="{text:twitter url}" class="twitter-click"> <span data-icon="d"> </span> </a> {/block:iftwitterurl} {block:ifpinteresturl} <a href="{text:pinterest url}" class="pinterest-click" {target}> <span data-icon="g"> </span> </a> {/block:ifpinteresturl} {block:ifinstagramUsername} <a href="https://instagram.com/{text:instagram Username}" class="instagram-click" {target}> <span data-icon="e"> </span> </a> {/block:ifinstagramUsername} {block:ifshopurl} <a href="{text:shop url}" {target}> <span data-icon="f"> </span> </a> {/block:ifshopurl} {block:ifsoundcloudurl} <a href="{text:soundcloud url}" {target}> <span data-icon="s"> </span> </a> {/block:ifsoundcloudurl} {block:ifappleappurl} <a href="{text:apple app url}" {target}> <span data-icon="L"> </span> </a> {/block:ifappleappurl} {block:ifandroidappurl} <a href="{text:android app url}" {target}> <span data-icon="M"> </span> </a> {/block:ifandroidappurl} {block:ifgoogleplusurl} <a href="{text:google plus url}" {target}> <span data-icon="6"> </span> </a> {/block:ifgoogleplusurl} {block:ifvimeourl} <a href="{text:vimeo url}" {target}> <span data-icon="7"> </span> </a> {/block:ifvimeourl} {block:ifyoutubeurl} <a href="{text:youtube url}" {target}> <span data-icon="P"> </span> </a> {/block:ifyoutubeurl} {block:ifYelpurl} <a href="{text:Yelp url}" {target}> <span data-icon="9"> </span> </a> {/block:ifYelpurl} {block:ifFlickrURL} <a href="{text:Flickr URL}" {target}> <span data-icon="1"> </span> </a> {/block:ifFlickrURL} {block:ifusearchivebutton} <a href="/archive" {target}> <span data-icon="k"> </span> </a> {/block:ifusearchivebutton} {block:ifgithuburl} <a href="{text:Github URL}" {target}> <span data-icon="/"> </span> </a> {/block:ifgithuburl} {block:if500pxurl} <a href="{text:500px URL}" {target}> <span data-icon="0"> </span> </a> {/block:if500pxurl} {block:ifmediumurl} <a href="{text:Medium URL}" {target}> <span data-icon="x"> </span> </a> {/block:ifmediumurl} {block:ifdribbleurl} <a href="{text:Dribble URL}" {target}> <span data-icon="y"> </span> </a> {/block:ifdribbleurl} {block:ifbehenceurl} <a href="{text:Behence URL}" {target}> <span data-icon="&#xe00b;"> </span> </a> {/block:ifbehenceurl} {block:ifpicasaurl} <a href="{text:Picasa URL}" {target}> <span data-icon="&#xe00c;"> </span> </a> {/block:ifpicasaurl} {block:ifredditurl} <a href="{text:Reddit URL}" {target}> <span data-icon="&#xe00e;"> </span> </a> {/block:ifredditurl} {block:ifbloggerurl} <a href="{text:Blogger URL}" {target}> <span data-icon="&#xe01a;"> </span> </a> {/block:ifbloggerurl} {block:ifdiigourl} <a href="{text:Diigo URL}" {target}> <span data-icon="&#xe018;"> </span> </a> {/block:ifdiigourl} {block:ifspotifyurl} <a href="{text:Spotify URL}" {target}> <span data-icon="&#xe016;"> </span> </a> {/block:ifspotifyurl} {block:ifhi5url} <a href="{text:Hi5 URL}" {target}> <span data-icon="&#xe013;"> </span> </a> {/block:ifhi5url} {block:ifSnapchatUsername} <a href="https://snapchat.com/add/{text:Snapchat Username}" {target}> <span data-icon="&#xe01c;"> </span> </a> {/block:ifSnapchatUsername} {block:ifEmailAddress} <a href="mailto:{text:Email Address}?subject=Hello!" {target}> <span data-icon="'"> </span> </a> {/block:ifEmailAddress} </li>
  1105. </ul>
  1106. </footer>
  1107.  
  1108. </body>
  1109. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement