API tools faq
paste
Advertisement
feiinho

THEMECLOSET - PERSONA

feiinho
Jan 27th, 2018
464
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 92.21 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" id="{block:indexpage}ind{/block:indexpage}{block:permalinkpage}per{/block:permalinkpage}" class="not-mobile {block:ifnotusecaption} hide-post-nav hide-caption {/block:ifnotusecaption} {select:Change Layout} {block:ifhidelinkborder}hide-link-border{/block:ifhidelinkborder} {block:SearchPage}this-is-tag{block:SearchPage} {block:NoSearchResults}no-results{/block:NoSearchResults} {block:ifhidecaptiononly}hide-caption{/block:ifhidecaptiononly} {select:Loading type} not-high-res {block:ifHideTopHeaderBackground}no-top-bg{/block:ifHideTopHeaderBackground} {block:ifautoscrolltolayoutonpermalink}auto-scroll{/block:ifautoscrolltolayoutonpermalink} {block:NoSearchResults}no-search-available{/block:NoSearchResults} no-tags {block:ifnotheader1image}header1-enabled{/block:ifnotheader1image} {block:ifheader1image}header1-enabled{/block:ifheader1image} {block:ifheader2image}header2-enabled{/block:ifheader2image} Normal {block:ifusehdimageonmobile}hd-image{/block:ifusehdimageonmobile} {block:iflandingpagemode}landing-page{/block:iflandingpagemode} {block:ifenablesocialiconsonmobile}social-mobile{/block:ifenablesocialiconsonmobile} persona {block:ifdisableimagelightbox}disable-lightbox{/block:ifdisableimagelightbox} {block:ifmobileheaderimage}mobile-header{/block:ifmobileheaderimage} responsive-footer {block:ifusecubiceffect}post-cubig-effect{/block:ifusecubiceffect}" data-layout="{select:Change Layout}" data-post-padding="{select:Post Padding}" background-color="{color:body background color}" mobilewidth="390">
  5.  
  6. <head>
  7. <!--
  8. ==========================================================
  9.  
  10.  
  11. Name : PERSONA (FREE)
  12. AUTHOR : YONGJU / YONGJU.CO.KR
  13. PUBLISHER : THEMECLOSET
  14. ALL RIGHTS RESERVED BY AUTHOR AND PUBLISHER
  15. CURRENT VERSION : 1.3.0
  16. COPYRIGHTED OPEN SOURCES ARE DECLARED BY STATEMENT
  17.  
  18.  
  19. ==========================================================
  20.  
  21. DO NOT ALTER STRUCTURE.CSS
  22.  
  23. ==========================================================
  24.  
  25. @2013-2014 THEMECLOSET / ALL RIGHTS RESERVED
  26. CHECK README FILE TO LEARN MORE
  27. FEEDBACK IS WELCOME / @ DYDWN600@NAVER.COMl
  28.  
  29. jQuery Colorbox v1.4.14 - 2013-04-16
  30. (c) 2013 Jack Moore - jacklmoore.com/colorbox
  31. license: http://www.opensource.org/licenses/mit-license.php
  32.  
  33. Infinite Scroll
  34. + https://github.com/paulirish/infinite-scroll
  35. + version 2.0b2.120519
  36. + Copyright 2011/12 Paul Irish & Luke Shumard
  37. + Licensed under the MIT license
  38. + Documentation: http://infinite-scroll.com/
  39.  
  40. jQuery Masonry v2.0.110825 & Imagesloaded.js
  41. * A dynamic layout plugin for jQuery
  42. * The flip-side of CSS Floats
  43. * http://masonry.desandro.com
  44. * Licensed under the MIT license.
  45. * Copyright 2011 David DeSandro
  46.  
  47. Font Credit : http://fontastic.me / Google fonts
  48. * Font Awesome / MIT License
  49. + Entypo / Creative License 3.0
  50. + Steadsets / Free for personal and commercial projects
  51. + Linetons / Free
  52. * 80shades / Free
  53. * Justverctor Free Icons / Free
  54. + Open sans & Lato by goolge fonts / Free license
  55.  
  56. Browser Selectr.js
  57. * License :http://creativecommons.org/licenses/by/2.5/
  58. * Original Author: Rafael Lima: http://rafael.adm.br
  59. * Based on idea by 37signals
  60. * http://37signals.com/svn/archives2/browser_selectors_in_css.php
  61.  
  62. Html shiv.js
  63. * Dual licensed under the MIT or GPL Version 2 licenses
  64. * https://code.google.com/p/html5shiv/
  65.  
  66. jQuery Unveil
  67. + A very lightweight jQuery plugin to lazy load images
  68. + http://luis-almeida.github.com/unveil
  69. + Licensed under the MIT license.
  70. + Copyright 2013 Luís Almeida
  71. + https://github.com/luis-almeida
  72.  
  73. Css reset
  74. * http://meyerweb.com/eric/tools/css/reset/
  75. * v2.0 | 20110126
  76. * License: none (public domain)
  77.  
  78. /*! Superslides - v0.6.2 - 2013-07-10
  79. * https://github.com/nicinabox/superslides
  80. * Copyright (c) 2013 Nic Aitch; Licensed MIT */
  81.  
  82. /*! VelocityJS.org (1.3.2). (C) 2014 Julian Shapiro. MIT @license: en.wikipedia.org/wiki/MIT_License */
  83. /*! VelocityJS.org jQuery Shim (1.0.1). (C) 2014 The jQuery Foundation. MIT @license: en.wikipedia.org/wiki/MIT_License. */
  84. ==========================================================
  85. -->
  86. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  87. <title>
  88. {Title}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}
  89. </title>
  90.  
  91. <link rel="shortcut icon" href="{Favicon}" />
  92. <link rel="icon" href="/img/favicon/72.png" type="image/x-icon">
  93. <link rel="apple-touch-icon" sizes="60x60" href="{favicon}">
  94.  
  95. <meta name="Keywords" content="{text:Blog Keywords}" />
  96. <link rel="alternate" type="application/rss+xml" href="{RSS}
  97. ">
  98. {block:indexpage}
  99. <meta property="og:title" content="{title}">{block:Description}
  100. <meta name="description" content="{MetaDescription}" />
  101. <meta name="og:description" content="{Description}" />
  102. {/block:Description}
  103. {/block:indexpage}
  104. {block:PostSummary}
  105. <meta property="og:title" content="{title} - {PostSummary}">
  106. <meta name="description" content="{PostSummary}" />
  107. {/block:PostSummary}
  108. {block:permalinkpage}
  109. {block:posts}
  110. {block:photo}
  111. <meta property="og:image" content="{PhotoURL-Highres}">
  112. {/block:photo}
  113. {/block:posts}
  114. {/block:permalinkpage}
  115. {block:indexpage}
  116. <meta property="og:image" content="{PortraitURL-128}">
  117. {/block:indexpage}
  118. <meta name="viewport" id="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1,width=390">
  119. <style title="show-mobile-lightbox">
  120. .this-mobile.mobile-version.portrait-mobile .hidden-body .show-mobile-lightbox,
  121. .this-mobile.mobile-version.portrait-mobile .photoset-frame-content iframe,
  122. .this-mobile.mobile-version.portrait-mobile body.hidden-body,
  123. .this-mobile.mobile-version.portrait-mobile .post-container{width:390px !important}
  124.  
  125. .this-mobile.mobile-version.landscape-mobile .hidden-body .show-mobile-lightbox,
  126. .this-mobile.mobile-version.landscape-mobile .photoset-frame-content iframe,
  127. .this-mobile.mobile-version.landscape-mobile body.hidden-body,
  128. .this-mobile.mobile-version.landscape-mobile .post-container{width:600px !important}
  129.  
  130. .landscape-mobile .top-header.animated{display:none !Important}
  131. </style>
  132. <meta name="image:Background Image" content="" />
  133. <meta name="image:Logo" content="" />
  134.  
  135.  
  136. <meta name="image:Header1" content="" />
  137. <meta name="image:Header2" content="" />
  138. <meta name="image:Header3" content="" />
  139.  
  140.  
  141.  
  142.  
  143. <meta name="if:Use Caption" content="" />
  144. <meta name="if:Hide Tags" content="" />
  145. <meta name="if:Hide Caption Only" content="" />
  146. <meta name="if:Hide Header Title" content="" />
  147. <meta name="if:Hide Header Overlay" content="" />
  148. <meta name="if:Hide Top Header Background" content="" />
  149. <meta name="if:Auto Scroll To Layout On Permalink" content="1" />
  150. <meta name="if:Use HD Image on Mobile" content="" />
  151. <meta name="if:Disable Image Lightbox" content="" />
  152. <meta name="if:Landing page mode" content="" />
  153. <meta name="if:Enable Social Icons on Mobile" content="" />
  154. <meta name="if:Use Cubic Effect" content="" />
  155.  
  156. <meta name="color:Link Color" content="#7b7b7b" />
  157. <meta name="color:Post Content Color" content="#535353" />
  158. <meta name="color:Post Title Color" content="#222222" />
  159. <meta name="color:Footer Border Color" content="#efefef" />
  160. <meta name="color:Footer Icon Color" content="#aeaeae" />
  161. <meta name="color:Footer Icon Hover Color" content="#ea7474" />
  162. <meta name="color:Footer Text Color" content="#222222" />
  163. <meta name="color:Pagination Color" content="#222222" />
  164. <meta name="color:Load more Color" content="#222222" />
  165.  
  166. <meta name="color:Top Header Background" content="#ffffff" />
  167. <meta name="color:Header Background" content="#222222" />
  168. <meta name="color:Header Description" content="#ffffff" />
  169. <meta name="color:Header Links" content="#222222" />
  170. <meta name="color:Header Icons" content="#ffffff" />
  171. <meta name="color:Hidden Menu Background" content="#ffffff" />
  172. <meta name="color:Hidden Menu Link" content="#222222" />
  173.  
  174. <meta name="color:Footer Background" content="#efefef" />
  175. <meta name="color:Footer Icons" content="#aeaeae" />
  176. <meta name="color:Footer Text" content="#222222" />
  177.  
  178.  
  179.  
  180. <meta name="font:Header Links Font" content="Arial" />
  181. <meta name="font:Header Description Font" content="Arial" />
  182. <meta name="font:Body Font" content="Arial" />
  183. <meta name="font:Post Title Font" content="Arial" />
  184. <meta name="font:Hidden Menu Link Font" content="Arial" />
  185.  
  186. <meta name="select:Loading Type" content="load-more" title="Load More Button">
  187. <meta name="select:Loading Type" content="infinite" title="Infinite Scroll">
  188. <meta name="select:Loading Type" content="paginate-it" title="Pagination">
  189.  
  190. <meta name="select:Post Padding" content="25" title="25px">
  191. <meta name="select:Post Padding" content="0" title="0px">
  192. <meta name="select:Post Padding" content="5" title="5px">
  193. <meta name="select:Post Padding" content="10" title="10px">
  194. <meta name="select:Post Padding" content="15" title="15px">
  195. <meta name="select:Post Padding" content="35" title="35px">
  196. <meta name="select:Post Padding" content="45" title="45px">
  197.  
  198. <meta name="select:Change Layout" content="fourpx" title="400px">
  199. <meta name="select:Change Layout" content="two-fourpx" title="Two Columns 400px">
  200. <meta name="select:Change Layout" content="three-fourpx" title="Three Columns 400px">
  201. <meta name="select:Change Layout" content="four-fourpx" title="Four Columns 400px">
  202. <meta name="select:Change Layout" content="five-fourpx" title="Five Columns 400px">
  203. <meta name="select:Change Layout" content="twopx" title="250px">
  204. <meta name="select:Change Layout" content="threepx" title="300px">
  205. <meta name="select:Change Layout" content="onecolumn1200px" title="One Column 1200px">
  206. <meta name="select:Change Layout" content="onecolumn800px" title="One Column 800px">
  207.  
  208.  
  209.  
  210. <meta name="select:Title Size" content="24px" title="24px">
  211. <meta name="select:Title Size" content="12px" title="12px">
  212. <meta name="select:Title Size" content="14px" title="14px">
  213. <meta name="select:Title Size" content="16px" title="16px">
  214. <meta name="select:Title Size" content="18px" title="18px">
  215. <meta name="select:Title Size" content="20px" title="20px">
  216. <meta name="select:Title Size" content="22px" title="22px">
  217. <meta name="select:Title Size" content="26px" title="26px">
  218. <meta name="select:Title Size" content="28px" title="28px">
  219. <meta name="select:Title Size" content="30px" title="30px">
  220. <meta name="select:Title Size" content="32px" title="32px">
  221. <meta name="select:Title Size" content="34px" title="34px">
  222. <meta name="select:Title Size" content="36px" title="36px">
  223. <meta name="select:Title Size" content="38px" title="38px">
  224. <meta name="select:Title Size" content="41px" title="41px">
  225. <meta name="select:Title Size" content="43px" title="43px">
  226.  
  227.  
  228. <meta name="select:Description Size" content="18pt" title="18pt">
  229. <meta name="select:Description Size" content="12pt" title="12pt">
  230. <meta name="select:Description Size" content="15pt" title="15pt">
  231. <meta name="select:Description Size" content="21pt" title="21pt">
  232. <meta name="select:Description Size" content="24pt" title="24pt">
  233. <meta name="select:Description Size" content="27pt" title="27pt">
  234. <meta name="select:Description Size" content="30pt" title="30pt">
  235. <meta name="select:Description Size" content="33pt" title="33pt">
  236. <meta name="select:Description Size" content="36pt" title="36pt">
  237. <meta name="select:Description Size" content="39pt" title="39pt">
  238. <meta name="select:Description Size" content="42pt" title="42pt">
  239. <meta name="select:Description Size" content="47pt" title="47pt">
  240. <meta name="select:Description Size" content="52pt" title="52pt">
  241. <meta name="select:Description Size" content="57pt" title="57pt">
  242. <meta name="select:Description Size" content="62pt" title="62pt">
  243.  
  244.  
  245. <meta name="text:Custom link 1 URL" content="" />
  246. <meta name="text:Custom link 1 title" content="" />
  247. <meta name="text:Custom link 2 URL" content="" />
  248. <meta name="text:Custom link 2 title" content="" />
  249. <meta name="text:Custom link 3 URL" content="" />
  250. <meta name="text:Custom link 3 title" content="" />
  251. <meta name="text:Custom link 4 URL" content="" />
  252. <meta name="text:Custom link 4 title" content="" />
  253. <meta name="text:Custom link 5 URL" content="" />
  254. <meta name="text:Custom link 5 title" content="" />
  255. <meta name="text:Custom link 6 URL" content="" />
  256. <meta name="text:Custom link 6 title" content="" />
  257. <meta name="text:Custom link 7 URL" content="" />
  258. <meta name="text:Custom link 7 title" content="" />
  259. <meta name="text:Custom link 8 URL" content="" />
  260. <meta name="text:Custom link 8 title" content="" />
  261.  
  262. <meta name="text:Blog Keywords" content="">
  263. <meta name="text:Google analytics Web Property ID" content="">
  264. <meta name='text:Custom Javascript 1' content=''>
  265. <meta name='text:Custom Javascript 2' content=''>
  266. <meta name='text:Disqus Shortname' content=''>
  267.  
  268.  
  269. <meta name="text:Personal Site URL" content="" />
  270. <meta name="text:Facebook URL" content="" />
  271. <meta name="text:Twitter URL" content="" />
  272. <meta name="text:Pinterest URL" content="" />
  273. <meta name="text:Instagram Username" content="" />
  274. <meta name="text:Shop URL" content="" />
  275. <meta name="text:SoundCloud URL" content="" />
  276. <!-- New Update -->
  277. <meta name="text:Yelp URL" content="" />
  278. <meta name="text:Apple App URL" content="" />
  279. <meta name="text:Android App URL" content="" />
  280. <meta name="text:Google Plus URL" content="" />
  281. <meta name="text:Vimeo URL" content="" />
  282. <meta name="text:Youtube URL" content="" />
  283. <!-- New Update -->
  284.  
  285. <meta name="text:Github URL" content="" />
  286. <meta name="text:500px URL" content="" />
  287. <meta name="text:Medium URL" content="" />
  288. <meta name="text:Dribble URL" content="" />
  289. <meta name="text:Behence URL" content="" />
  290. <meta name="text:Flickr URL" content="" />
  291. <meta name="text:Picasa URL" content="" />
  292. <meta name="text:Reddit URL" content="" />
  293. <meta name="text:Blogger URL" content="" />
  294. <meta name="text:Diigo URL" content="" />
  295. <meta name="text:Spotify URL" content="" />
  296. <meta name="text:Hi5 URL" content="" />
  297. <meta name="text:Snapchat Username" content="" />
  298.  
  299.  
  300. <script src="http://static.tumblr.com/eeiisdz/abuossof3/all.js"></script>
  301. <script src="http://static.tumblr.com/bnjocu5/y0Got1j9i/mobile-detect.js">
  302. </script>
  303.  
  304. <!--[if IE 7]>
  305. <script>
  306. var url="http://browsehappy.com";$(location).attr('href',url);
  307. </script>
  308. <![endif]-->
  309. <!--[if IE 8]>
  310. <script>
  311. var url="http://browsehappy.com";$(location).attr('href',url);
  312. </script>
  313. <![endif]-->
  314.  
  315. <link href="http://static.tumblr.com/eeiisdz/oYMosb3f4/bulma.css" rel="stylesheet" type="text/css">
  316.  
  317. <script src="https://static.tumblr.com/bnjocu5/78Kom1c32/promote.js">
  318.  
  319. </script>
  320. <link href="http://static.tumblr.com/bnjocu5/Xfnot8fxt/promo.css" rel="stylesheet" type="text/css">
  321. <link href="http://static.tumblr.com/bnjocu5/f59ot8evy/body.css" rel="stylesheet" type="text/css">
  322.  
  323. <link rel="stylesheet" type="text/css" href="https://assets.tumblr.com/fonts/avalon/stylesheet.css?v=1">
  324.  
  325. <script src="http://static.tumblr.com/bnjocu5/KAXote84k/b_w.js">
  326. </script>
  327. <script src="http://static.tumblr.com/bnjocu5/92bot8ex6/header-j.js">
  328. </script>
  329.  
  330. <script src="http://static.tumblr.com/bnjocu5/WEMot8ftv/layout.js"></script>
  331. {text:custom javascript 1}
  332. {text:custom javascript 2}
  333. {block:IfGoogleAnalyticsWebPropertyID}
  334. <script>
  335. (function(i, s, o, g, r, a, m) {
  336. i['GoogleAnalyticsObject'] = r;
  337. i[r] = i[r] || function() {
  338. (i[r].q = i[r].q || []).push(arguments)
  339. }, i[r].l = 1 * new Date();
  340. a = s.createElement(o),
  341. m = s.getElementsByTagName(o)[0];
  342. a.async = 1;
  343. a.src = g;
  344. m.parentNode.insertBefore(a, m)
  345. })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
  346. ga('create', '{text:Google Analytics ID}', auto);
  347. ga('send', 'pageview');
  348. </script>
  349. {/block:IfGoogleAnalyticsWebPropertyID}
  350.  
  351. </script>
  352. <script type="text/javascript">
  353. WebFontConfig = {
  354. google: { families: ['Cormorant+Garamond:400,700:latin','Lato:100,300,400,700:latin' ] }
  355. };
  356. (function() {
  357. var wf = document.createElement('script');
  358. wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  359. wf.type = 'text/javascript';
  360. wf.async = 'true';
  361. var s = document.getElementsByTagName('script')[0];
  362. s.parentNode.insertBefore(wf, s);
  363. })(); </script>
  364.  
  365.  
  366. <style>
  367. .top-header{text-align:center}
  368. body{background-image:url('{image:background image}');background-size:cover;background-position:center;}
  369. html,body{background-color:{BackgroundColor};min-height:100%;}
  370. .hide-image #header-overlay{display:none}
  371. /** layout options **/
  372. #ind.not-mobile:not(.two-columns):not(.three-columns):not(.four-columns):not(.five-columns):not(.six-columns):not(.this-is-tag) .post-container{margin:{select:Post Padding}px;}
  373. #ind.this-is-tag .post-container{margin-top:20px;margin-bottom:20px;}
  374.  
  375.  
  376. #ind.not-mobile.two-columns .post-container,
  377. #ind.not-mobile.three-columns .post-container,
  378. #ind.not-mobile.four-columns .post-container,
  379. #ind.not-mobile.five-columns .post-container,
  380. #ind.not-mobile.six-columns .post-container{margin:calc({select:Post Padding}px / 2)}
  381.  
  382.  
  383. {customCSS}
  384. .post-container.text-based .post, .post-container:not(.text-based) .post .caption,.perma-post-notes{font-family:{font:Body Font}, 'Arial'}
  385. a{color:{color:Link Color};}
  386.  
  387.  
  388. #ind.not-mobile.two-fourpx .max-width-fix{width:calc(800px + {select:post padding}px * 4);}
  389. #ind.not-mobile.three-fourpx .max-width-fix{width:calc(1200px + {select:post padding}px * 6);}
  390. #ind.not-mobile.four-fourpx .max-width-fix{width:calc(1600px + {select:post padding}px * 8);}
  391. #ind.not-mobile.five-fourpx .max-width-fix{width:calc(2000px + {select:post padding}px * 10);}
  392.  
  393. #ind.not-mobile.two-threepx .max-width-fix{width:calc(600px + {select:post padding}px * 4);}
  394. #ind.not-mobile.three-threepx .max-width-fix{width:calc(900px + {select:post padding}px * 6);}
  395. #ind.not-mobile.four-threepx .max-width-fix{width:calc(1200px + {select:post padding}px * 8);}
  396. #ind.not-mobile.five-threepx .max-width-fix{width:calc(1500px + {select:post padding}px * 10);}
  397. #ind.not-mobile.six-threepx .max-width-fix{width:calc(1800px + {select:post padding}px * 12);}
  398.  
  399.  
  400. #ind.not-mobile.two-twopx .max-width-fix{width:calc(500px + {select:post padding}px * 4);}
  401. #ind.not-mobile.three-twopx .max-width-fix{width:calc(750px + {select:post padding}px * 6);}
  402. #ind.not-mobile.four-twopx .max-width-fix{width:calc(1000px + {select:post padding}px * 8);}
  403. #ind.not-mobile.five-twopx .max-width-fix{width:calc(1250px + {select:post padding}px * 10);}
  404. #ind.not-mobile.six-twopx .max-width-fix{width:calc(1500px + {select:post padding}px * 12);}
  405. #ind.not-mobile.seven-twopx .max-width-fix{width:calc(1750px + {select:post padding}px * 14);}
  406.  
  407.  
  408. #ind.not-mobile.two-fivepx .max-width-fix{width:calc(1000px + {select:post padding}px * 4);}
  409. #ind.not-mobile.three-fivepx .max-width-fix{width:calc(1500px + {select:post padding}px * 6);}
  410.  
  411.  
  412. #ind.not-mobile.two-sixxpx .max-width-fix{width:calc(1200px + {select:post padding}px * 4);}
  413. #ind.not-mobile.three-sixxpx .max-width-fix{width:calc(1800px + {select:post padding}px * 6);}
  414.  
  415.  
  416. #ind.not-mobile.two-sevenpx .max-width-fix{width:calc(1400px + {select:post padding}px * 4);}
  417. #ind.not-mobile.three-sevenpx .max-width-fix{width:calc(2100px + {select:post padding}px * 6);}
  418. /** layout optiosn **/
  419.  
  420.  
  421. /** sets post background color **/
  422. #posts .post, #posts .caption,.reblogged.index,.permalink-content li,.post_nav,.tags,.video-player,.player{background-color:#fff}
  423. .lightbox-plugin .post_nav,.lightbox-plugin .reblogged{background-color:#fff}
  424. /** sets post background color **/
  425.  
  426.  
  427.  
  428. /** page navi color **/
  429.  
  430.  
  431. .load-more-container,.load-more-scroll-down{color:{color:Load More Color}}
  432. .pagination a:not(.is-current){color:{color:Pagination Color}}
  433. .pagination .is-current{background-color:{color:Pagination Color};border:1px solid {color:Pagination Color};
  434. }
  435. .pagination li a{border-bottom:0px;}
  436. .pagination .is-current a{color:#fff;border-bottom:0px;}
  437. .load-more-container{font-family:baskervile;}
  438. /** page navi color **/
  439.  
  440.  
  441. /** footer **/
  442.  
  443. #footer{border-top:1px solid {color:Footer Border Color};background-color:transparent !Important;}
  444. #footer .center a{color:{color:Footer Icon Color}}
  445. #footer .center a:hover{color:{color:Footer Icon Hover Color}}
  446. #footer a, #footer,#credit,#credit,#copyright-content{color:{color:Footer Text Color};font-family:Avalon;}
  447. /** footer **/
  448.  
  449.  
  450. /** text **/
  451. .post.link .link,.post.text h3 a,.post.quote .source, .post.chat h3 a{color:{color:Post Title Color};font-family:{font:Post Title Font};}
  452.  
  453. .post-container.text-based .post, .post-container:not(.text-based) .post .caption{color:{color:post content color};}
  454. /** Posts **/
  455. a,.tags li a{border-bottom:1px solid {color:Link Border Color}}
  456. .tags li a{color:{color:Link Color}}
  457. .perma-post-notes .notes{border-top:0px !Important}
  458. .chat .label{color:{color:post content color}}
  459.  
  460.  
  461. {block:ifnothideheaderoverlay}
  462. #header-overlay{opacity:0.7}
  463. {/block:ifnothideheaderoverlay}
  464. .header{background-color:{color:Header Background}}
  465. .top-header a{color:{TitleColor};font-family:{TitleFont};font-weight:{TitleFontWeight};}
  466.  
  467. #left-header-menu a, #right-header-menu a{color:{color:Header Links};font-family:{font:Header Links Font};}
  468. .menu-trigger{color:{color:Header Title}}
  469. .header-description-content{color:{color:Header Description};font-family:{font:Header Description Font}}
  470. .description-socials a,.header-bottom-socials a{color:{color:Header Icons};}
  471. .description-socials a{font-size:12pt;}
  472. .description-socials{margin-top:5px}
  473. .hidden-menu{background-color:{color:Hidden Menu Background}}
  474. .link-element a{color:{color:Hidden Menu Link};font-family:{font:Hidden Menu Link Font};}
  475.  
  476. .hidden-menu .close-hidden-menu{color:{color:Hidden Menu Link}}
  477. .top-header{background-color:{color:Top Header Background}}
  478. .no-top-bg .top-header{background-color:transparent}
  479. .no-top-bg .top-header:not(.animated) .top-title a,
  480. .no-top-bg .top-header:not(.animated) #right-header-menu a,
  481. .no-top-bg .top-header:not(.animated) #left-header-menu a,
  482. .no-top-bg .top-header:not(.animated) .menu-trigger{color:{color:Header Description}}
  483. .top-header.animated{background-color:{color:Top Header Background}}
  484. #ind.not-mobile #content-per{margin-top:{select:post padding}px}
  485. .footer-socials a{color:{color:Footer Icons};}
  486. .top-title{font-size:{select:Title Size}}
  487. .header-description p#description{font-size:{select:Description Size};line-height:160% !Important}
  488. .this-mobile.mobile-version .header-description p#description{font-size:23pt}
  489.  
  490.  
  491. .this-mobile .search-right{display:none !Important}
  492. .mobile-version .header-description-content{font-size:25pt;letter-spacing:normal;}
  493. .header-description-content img{max-width:100%}
  494. /** tag box options **/
  495.  
  496. .persona-tags{font-family:{font:Tag Box Link Font};}
  497. .persona-tags a{color:{color:Tag Box Link}}
  498. .persona-tags span:hover a{color:{color:Tag Box Background}}
  499. .persona-tags span{background-color:{color:Tag Box Background};
  500. border-radius:18px;;border:1px solid {color:Tag Box Border};}
  501. .persona-tags span:hover{background-color:{color:Tag Box Link}}
  502. .persona-tags span.tags-all{background-color:{color:Tag Box Link};}
  503. .persona-tags span.tags-all a{color:{color:Tag Box Background};}
  504.  
  505.  
  506. /** tag box options **/
  507. /* fixes the title in right order */
  508. {block:ifsearchbuttonontop}
  509.  
  510. .search-right{top:120px}
  511. {/block:ifsearchbuttonontop}
  512. .tag-search input{background-color:#ededed;;}
  513.  
  514. .tag-search button{color:#222222}
  515. #per.this-is-page .post-background .post.text{background-color:{color:Custom Page Background} !Important}
  516. #per.this-is-page .post.text p{color:{color:Custom Page Text};font-family:{font:custom page text};}
  517. #per.this-is-page .post.text h3,#per.this-is-page .post.text h3 a{color:{color:Custom Page Title} ;font-family:{font:custom page title};}
  518.  
  519. nav{display:inline-block}
  520. /** disables lightbox **/
  521. .disable-lightbox .light-tri{display: none !Important}
  522. /** disables lightbox **/
  523. /** fixes extra left when menu overflow **/
  524. .overflow-menu #top-header-content{left:0px !Important}
  525. /** fixes extra left when menu overflow **/
  526. .top-header.align-center h1{display:none}
  527. .first-image-only,.first-image-only img{display:block;margin-bottom:-3px}
  528. .first-image-only img:not(:first-child){display:none;}
  529.  
  530. .top-header{background-color:{color:Top Header Background}}
  531. html.no-tags.not-mobile #posts{margin-top:{select:post padding}px}
  532. html:not(.no-tags).not-mobile #posts{margin-top:-{select:post padding}px}
  533. .this-mobile.mobile-version .photoset-frame-content,.this-mobile.mobile-version .video-content{padding:8px;padding-bottom:10px;border-top:1px solid #efefef;}
  534. .permaphotoset.photoset-frame-content{display:block;}
  535. #header-wrapper{display:inline-block}
  536. ul.tags{border-bottom:0px !Important}
  537.  
  538. .hide-post-nav .post-container.photo .post_nav{border-top:0px !Important}
  539. .tmblr-iframe{z-index:9999999999 !Important;}
  540. #social_icons{margin-top:20px;}
  541. #per.this-mobile.mobile-version .max-width-fix{
  542. margin-top: 8px;}
  543. </style>
  544.  
  545.  
  546.  
  547.  
  548.  
  549. <header class="header">
  550. <div class="top-header {block:ifhideheadertitle}align-center{/block:ifhideheadertitle}">
  551. <div class="menu-trigger" data-icon="o"></div>
  552.  
  553.  
  554. <div id="top-header-content">
  555.  
  556. <div id="header-wrapper">
  557. <!-- left menu -->
  558. <ul id="left-header-menu">
  559. </ul>
  560.  
  561. <!-- left menu -->
  562.  
  563. <!-- top title -->
  564. <h1 class="top-title no-style">
  565. <a href="/">
  566. {block:iflogoimage}<img src="{image:logo}" alt="{Title}">{/block:iflogoimage}
  567. {block:ifnotlogoimage}{title}{/block:ifnotlogoimage}
  568. </a>
  569. </h1>
  570. <!-- top title -->
  571.  
  572.  
  573. <!-- Appending right menu -->
  574. <nav>
  575. <ul id="right-header-menu">
  576. {block:ifCustomlink1title}
  577. <li>
  578. <a href="{text:Custom link 1 URL}" {target}>
  579. {text:Custom link 1 title}
  580. </a>
  581. </li>
  582. {/block:ifCustomlink1title}{block:ifCustomlink2title}
  583. <li>
  584. <a href="{text:Custom link 2 URL}" {target}>
  585. {text:Custom link 2 title}
  586. </a>
  587. </li>
  588. {/block:ifCustomlink2title}{block:ifCustomlink3title}
  589. <li>
  590. <a href="{text:Custom link 3 URL}" {target}>
  591. {text:Custom link 3 title}
  592. </a>
  593. </li>
  594. {/block:ifCustomlink3title}{block:ifCustomlink4title}
  595. <li>
  596. <a href="{text:Custom link 4 URL}" {target}>
  597. {text:Custom link 4 title}
  598. </a>
  599. </li>
  600. {/block:ifCustomlink4title}
  601.  
  602. {block:ifCustomlink5title}
  603. <li>
  604. <a href="{text:Custom link 5 URL}" {target}>
  605. {text:Custom link 5 title}
  606. </a>
  607. </li>
  608. {/block:ifCustomlink5title}
  609.  
  610. {block:ifCustomlink6title}
  611. <li>
  612. <a href="{text:Custom link 6 URL}" {target}>
  613. {text:Custom link 6 title}
  614. </a>
  615. </li>
  616. {/block:ifCustomlink6title}
  617.  
  618. {block:ifCustomlink7title}
  619. <li>
  620. <a href="{text:Custom link 7 URL}" {target}>
  621. {text:Custom link 7 title}
  622. </a>
  623. </li>
  624. {/block:ifCustomlink7title}
  625.  
  626. {block:ifCustomlink8title}
  627. <li>
  628. <a href="{text:Custom link 8 URL}" {target}>
  629. {text:Custom link 8 title}
  630. </a>
  631. </li>
  632. {/block:ifCustomlink8title}
  633. {block:HasPages}
  634. {block:Pages}
  635. <li class="page-trigger">
  636. <a href="{URL}" {target}>
  637. {Label}
  638. </a>
  639. </li>
  640. {/block:Pages} {/block:HasPages}
  641.  
  642. {block:SubmissionsEnabled}
  643. <li>
  644. <a class="submit-trigger">{SubmitLabel}</a>
  645. </li>
  646. {/block:SubmissionsEnabled}
  647.  
  648. {block:AskEnabled}
  649. <li>
  650. <a class='ask-trigger'>
  651. {AskLabel}
  652. </a>
  653. </li>
  654. {/block:AskEnabled}
  655. </ul>
  656. </nav>
  657. </div>
  658. <!-- Appending right menu -->
  659.  
  660. </div>
  661.  
  662. <form class="mobile-header-search">
  663. <div class="mobile-header-search-input-icon" data-icon="c"></div>
  664. <input id="header-search" type="text" name="q" value="{SearchQuery}"/>
  665. <button data-icon="c" value="Search" style="display:none"></button>
  666. </form>
  667.  
  668. </div>
  669.  
  670.  
  671. <div class="header-description">
  672. <div class="header-description-content">
  673. <p id="description">{description}</p>
  674. <div class="description-socials">{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="http://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:AskEnabled} <a class='ask-trigger'> <span data-icon="'"> </span></a> {/block:AskEnabled} {block:SubmissionsEnabled} <a class='submit-trigger'> <span data-icon="{"> </span></a> {/block:SubmissionsEnabled} {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=""> </span> </a> {/block:ifbehenceurl} {block:ifpicasaurl} <a href="{text:Picasa URL}" {target}> <span data-icon=""> </span> </a> {/block:ifpicasaurl} {block:ifredditurl} <a href="{text:Reddit URL}" {target}> <span data-icon=""> </span> </a> {/block:ifredditurl} {block:ifbloggerurl} <a href="{text:Blogger URL}" {target}> <span data-icon=""> </span> </a> {/block:ifbloggerurl} {block:ifdiigourl} <a href="{text:Diigo URL}" {target}> <span data-icon=""> </span> </a> {/block:ifdiigourl} {block:ifspotifyurl} <a href="{text:Spotify URL}" {target}> <span data-icon=""> </span> </a> {/block:ifspotifyurl} {block:ifhi5url} <a href="{text:Hi5 URL}" {target}> <span data-icon=""> </span> </a> {/block:ifhi5url} {block:ifSnapchatUsername} <a href="http://snapchat.com/add/{text:Snapchat Username}" {target}> <span data-icon=""> </span> </a> {/block:ifSnapchatUsername} {block:ifEmailAddress} <a href="mailto:{text:Email Address}?subject=Hello!" {target}> <span data-icon="'"> </span> </a> {/block:ifEmailAddress}
  675. </div>
  676. </div>
  677. </div>
  678.  
  679.  
  680.  
  681. <ul class="header-bottom-socials">
  682. {block:ifpersonalsiteurl}
  683. <li>
  684. <a href="{text:personal site url}" {target}>
  685. <span data-icon="">
  686. My website
  687. </span>
  688. </a>
  689. </li>
  690. {/block:ifpersonalsiteurl}
  691. {block:iffacebookurl}
  692. <li>
  693. <a href="{text:facebook url}" {target}>
  694. <span data-icon="i">
  695. Facebook
  696. </span>
  697. </a>
  698. </li>
  699. {/block:iffacebookurl}
  700. {block:iftwitterurl}
  701. <li>
  702. <a href="{text:twitter url}" class="twitter-click">
  703. <span data-icon="d">
  704. Twitter
  705. </span>
  706. </a>
  707. </li>
  708. {/block:iftwitterurl}
  709. {block:ifpinteresturl}
  710. <li>
  711. <a href="{text:pinterest url}" class="pinterest-click" {target}>
  712. <span data-icon="g">
  713. Pinterest
  714. </span>
  715. </a>
  716. </li>
  717. {/block:ifpinteresturl}
  718. {block:ifinstagramUsername}
  719. <li>
  720. <a href="http://instagram.com/{text:instagram Username}" class="instagram-click" {target}>
  721. <span data-icon="e">
  722. Instagram
  723. </span>
  724. </a>
  725. </li>
  726. {/block:ifinstagramUsername}
  727. {block:ifshopurl}
  728. <li>
  729. <a href="{text:shop url}" {target}>
  730. <span data-icon="f">
  731. Store
  732. </span>
  733. </a>
  734. </li>
  735. {/block:ifshopurl}
  736. {block:ifsoundcloudurl}
  737. <li>
  738. <a href="{text:soundcloud url}" {target}>
  739. <span data-icon="s">
  740. SoundCloud
  741. </span>
  742. </a>
  743. </li>
  744. {/block:ifsoundcloudurl}
  745.  
  746.  
  747. {block:ifappleappurl}
  748. <li>
  749. <a href="{text:apple app url}" {target}>
  750. <span data-icon="L">
  751. App store
  752. </span>
  753. </a>
  754. </li>
  755. {/block:ifappleappurl}
  756. {block:ifandroidappurl}
  757. <li>
  758. <a href="{text:android app url}" {target}>
  759. <span data-icon="M">
  760. Play store
  761. </span>
  762. </a>
  763. </li>
  764. {/block:ifandroidappurl}
  765.  
  766. {block:ifgoogleplusurl}
  767. <li>
  768. <a href="{text:google plus url}" {target}>
  769. <span data-icon="6">
  770. Google Plus
  771. </span>
  772. </a>
  773. </li>
  774. {/block:ifgoogleplusurl}
  775.  
  776. {block:ifvimeourl}
  777. <li>
  778. <a href="{text:vimeo url}" {target}>
  779. <span data-icon="7">
  780. Vimeo
  781. </span>
  782. </a>
  783. </li>
  784. {/block:ifvimeourl}
  785.  
  786. {block:ifyoutubeurl}
  787. <li>
  788. <a href="{text:youtube url}" {target}>
  789. <span data-icon="P">
  790. Youtube
  791. </span>
  792. </a>
  793. </li>
  794. {/block:ifyoutubeurl}
  795.  
  796. {block:ifYelpurl}
  797. <li>
  798. <a href="{text:Yelp url}" {target}>
  799. <span data-icon="9">
  800. Yelp
  801. </span>
  802. </a>
  803. </li>
  804. {/block:ifYelpurl}
  805.  
  806. {block:ifFlickrURL}
  807. <li>
  808. <a href="{text:Flickr URL}" {target}>
  809. <span data-icon="1">
  810. Flickr
  811. </span>
  812. </a>
  813. </li>
  814. {/block:ifFlickrURL}
  815.  
  816. {block:ifusearchivebutton}
  817. <li>
  818. <a href="/archive" {target}>
  819. <span data-icon="k">
  820. Archive
  821. </span>
  822. </a>
  823. </li>
  824. {/block:ifusearchivebutton}
  825.  
  826. {block:ifGithuburl}
  827. <li>
  828. <a href="{text:Github URL}" {target}>
  829. <span data-icon="/">
  830. Github
  831. </span>
  832. </a>
  833. </li>
  834. {/block:ifGithuburl}
  835.  
  836. {block:if500pxurl}
  837. <li>
  838. <a href="{text:500px URL}" {target}>
  839. <span data-icon="0">
  840. 500px
  841. </span>
  842. </a>
  843. </li>
  844. {/block:if500pxurl}
  845.  
  846. {block:ifmediumurl}
  847. <li>
  848. <a href="{text:Medium URL}" {target}>
  849. <span data-icon="x">
  850. Medium
  851. </span>
  852. </a>
  853. </li>
  854. {/block:ifmediumurl}
  855.  
  856. {block:ifdribbleurl}
  857. <li>
  858. <a href="{text:Dribble URL}" {target}>
  859. <span data-icon="y">
  860. Dribble
  861. </span>
  862. </a>
  863. </li>
  864. {/block:ifdribbleurl}
  865. {block:ifbehenceurl}
  866. <li>
  867. <a href="{text:Behence URL}" {target}>
  868. <span data-icon="">
  869. Behence
  870. </span>
  871. </a>
  872. </li>
  873. {/block:ifbehenceurl}
  874.  
  875. {block:ifpicasaurl}
  876. <li>
  877. <a href="{text:Picasa URL}" {target}>
  878. <span data-icon="">
  879. Picasa
  880. </span>
  881. </a>
  882. </li>
  883. {/block:ifpicasaurl}
  884.  
  885. {block:ifredditurl}
  886. <li>
  887. <a href="{text:Reddit URL}" {target}>
  888. <span data-icon="">
  889. Reddit
  890. </span>
  891. </a>
  892. </li>
  893. {/block:ifredditurl}
  894.  
  895. {block:ifbloggerurl}
  896. <li>
  897. <a href="{text:Blogger URL}" {target}>
  898. <span data-icon="">
  899. Blogger
  900. </span>
  901. </a>
  902. </li>
  903. {/block:ifbloggerurl}
  904.  
  905. {block:ifdiigourl}
  906. <li>
  907. <a href="{text:Diigo URL}" {target}>
  908. <span data-icon="">
  909. Diig
  910. </span>
  911. </a>
  912. </li>
  913. {/block:ifdiigourl}
  914.  
  915. {block:ifspotifyurl}
  916. <li>
  917. <a href="{text:Spotify URL}" {target}>
  918. <span data-icon="">
  919. Spotify
  920. </span>
  921. </a>
  922. </li>
  923. {/block:ifspotifyurl}
  924.  
  925. {block:ifhi5url}
  926. <li>
  927. <a href="{text:Hi5 URL}" {target}>
  928. <span data-icon="">
  929. Hi5
  930. </span>
  931. </a>
  932. </li>
  933. {/block:ifhi5url}
  934.  
  935.  
  936. {block:ifEmailAddress}
  937. <li>
  938. <a href="mailto:{text:Email Address}" {target}>
  939. <span data-icon="'">
  940. Email us
  941.  
  942. </span>
  943. </a>
  944. </li>
  945. {/block:ifEmailAddress}
  946.  
  947. {block:ifLinkedInURL}
  948. <li>
  949. <a href="{text:LinkedIn URL}" {target}>
  950. <span data-icon="w">
  951. LinkedIn
  952. </span>
  953. </a>
  954. </li>
  955. {/block:ifLinkedInURL}
  956. </ul>
  957.  
  958. <div id="header-overlay"
  959. {block:ifheader1image}header-image='{image:Header1}'{/block:ifheader1image}
  960. {block:ifnotheader1image}header-image=''{/block:ifnotheader1image}>
  961.  
  962. </div>
  963.  
  964.  
  965.  
  966. <div id="overlay-content">
  967. {block:ifheader2image}
  968. <img src="{Image:Header2}">
  969. {/block:ifheader2image}
  970.  
  971. {block:ifheader3image}
  972. <img src="{Image:Header3}">
  973. {/block:ifheader3image}
  974. {block:ifheader1image}
  975. <img src="{Image:Header1}">
  976. {/block:ifheader1image}
  977.  
  978. {block:ifnotheader1image}
  979.  
  980. <img title="Image by unsplash" index="1" src="http://static.tumblr.com/bnjocu5/i03ot8edy/felix-russell-saw-172492.jpg">
  981.  
  982. <img title="Image by unsplash" index="1" src="https://static.tumblr.com/bb7bb3ade74dfb0f0ea0b30acc37a9e2/bnjocu5/uYIot8gb3/tumblr_static_7sulqwhhkvks40s848w880ocs.jpg">
  983.  
  984. <img title="Image by unsplash" index="1" src="http://static.tumblr.com/bnjocu5/tofote327/n1.jpg">
  985.  
  986. <img title="Image by unsplash" index="1" src="http://static.tumblr.com/bnjocu5/diVote32b/n2.jpg">
  987.  
  988. <img title="Image by unsplash" index="1" src="http://static.tumblr.com/bnjocu5/Um5ote32c/n3.jpg">
  989.  
  990. <img title="Image by unsplash" index="1" src="http://static.tumblr.com/bnjocu5/xa1ote32e/n4.jpg">
  991.  
  992. <img title="Image by unsplash" index="1" src="http://static.tumblr.com/bnjocu5/9oNote32g/n5.jpg">
  993.  
  994. <img title="Image by unsplash" index="1" src="http://static.tumblr.com/bnjocu5/xdzote32h/n6.jpg">
  995.  
  996. <img title="Image by unsplash" index="1" src="http://static.tumblr.com/bnjocu5/uYqote32j/n7.jpg">
  997.  
  998. <img title="Image by unsplash" index="1" src="http://static.tumblr.com/bnjocu5/FoYote32l/n8.jpg">
  999.  
  1000. <img title="Image by unsplash" index="1" src="http://static.tumblr.com/bnjocu5/5Jsote32o/n9.jpg">
  1001.  
  1002. <img title="Image by unsplash" index="1" src="http://static.tumblr.com/bnjocu5/fRYote32s/n10.jpg">
  1003.  
  1004. <img title="Image by unsplash" index="1" src="http://static.tumblr.com/bnjocu5/aCfote32w/n11.jpg">
  1005.  
  1006.  
  1007. <img title="Image by unsplash" index="1" src="http://static.tumblr.com/bnjocu5/i03ot8edy/felix-russell-saw-172492.jpg">
  1008. {/block:ifnotheader1image}
  1009.  
  1010. </div>
  1011.  
  1012.  
  1013. </div>
  1014.  
  1015. </header>
  1016.  
  1017.  
  1018. </head>
  1019. <body>
  1020.  
  1021. <div class="promotion-bar">
  1022. <div class="promotion-bar-text">
  1023. Try Persona Pro</div> <span class="promotion-bar-close">X</span>
  1024. </div>
  1025.  
  1026. <main class="max-width-fix">
  1027.  
  1028.  
  1029. <div id="posts">
  1030. {block:Posts}
  1031.  
  1032.  
  1033.  
  1034. <div class="post-container not-animated {block:chat}chat text-based{/block:chat} {block:quote}quote text-based{/block:quote} {block:text}text text-based not-reblog{block:RebloggedFrom}Reblogged{/block:RebloggedFrom}{/block:text} {block:photoset}photoset{/block:photoset} {block:audio}audio{/block:audio} {block:photo}photo {block:tags}has-tag{/block:tags}{/block:photo} {block:video}video{/block:video} {block:link}link text-based{/block:link} {block:Answer}answer text-based{/block:Answer}" id="{postID}">
  1035.  
  1036.  
  1037.  
  1038. <ol id="post_ul">
  1039.  
  1040.  
  1041. {block:permalinkpage}
  1042. <!-- audio play button -->
  1043. {block:Audio}
  1044.  
  1045. <div class="player">
  1046. {block:AlbumArt}
  1047. <div class="responsive-album-art"><img src="{AlbumArtURL}"></div>
  1048. {/block:AlbumArt}
  1049. <div class="frame">{AudioPlayer}</div>
  1050. </div>
  1051. {block:Audio}
  1052. <!-- audio play button -->
  1053.  
  1054.  
  1055. {/block:permalinkpage}
  1056.  
  1057. {block:answer}
  1058. <li class="post answer">
  1059.  
  1060. <div class="">
  1061. <span id="question">{question}</span>
  1062. <span id="answer">{answer}</span>
  1063. </div>
  1064. </li>
  1065.  
  1066. <div class="answer-info">
  1067. <span id="asker-portrait"><a rel="nofollow"><img src="{AskerPortraitURL-40}"></a></span>
  1068. <span id="asker">{Asker} left a question.</span>
  1069. </div>
  1070. <!--goes answers and blah blah -->
  1071. {/block:answer}
  1072.  
  1073. {block:Text}
  1074. <li class="post text">
  1075. {block:Title}
  1076. <h3><a href="{Permalink}" {target}>{Title}</a></h3>
  1077. {/block:Title}{Body}
  1078. </li>
  1079. {/block:Text}{block:Photo}
  1080. <li class="post photo" data-image-element="{PhotoURL-100}" data-image-element-perma="{PhotoURL-250}" data-image-400px="{PhotoURL-400}" data-image-element-perma-ipad="{PhotoURL-500}" data-image-retina="{PhotoURL-Highres}">
  1081. <a href="{permalink}" class="photo-content">
  1082. {block:indexpage}<img src="{PhotoURL-400}" alt="{PhotoAlt}" class="post-height" id="changeWidth">{/block:indexpage}
  1083. {block:permalinkpage}<img src="{PhotoURL-Highres}" alt="{PhotoAlt}">{/block:permalinkpage}
  1084.  
  1085. </a>
  1086. {block:Caption}
  1087. <div class="caption">{Caption}
  1088.  
  1089. </div>
  1090. {/block:Caption}
  1091. </li>
  1092. {/block:Photo}{block:Panorama}
  1093. <li class="post panorama">
  1094. {LinkOpenTag}
  1095. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  1096. {LinkCloseTag}{block:Caption}
  1097. <div class="caption">{Caption}</div>
  1098. {/block:Caption}
  1099. </li>
  1100. {/block:Panorama}
  1101.  
  1102. {block:Photoset}
  1103. <li class="post photoset">
  1104. {block:indexpage}
  1105. <div class="photoset-frame-content">
  1106. {Photoset}</div>
  1107. <a class="photoset-image" href="{permalink}" target="_blank">
  1108. {block:photos}
  1109. <img src="{PhotoURL-500}">
  1110. {/block:photos}
  1111. </a>
  1112. {/block:indexpage}
  1113. {block:permalinkpage}
  1114. <div class="permaphotoset photoset-frame-content">
  1115. {Photoset}</div>
  1116. {/block:permalinkpage}
  1117.  
  1118.  
  1119. {block:Caption}
  1120. <div class="caption">{Caption}</div>
  1121. {/block:Caption}
  1122. </li>
  1123. {/block:Photoset}{block:Quote}
  1124. <li class="post quote">
  1125. <div class="quote-content">"{Quote}"</div>
  1126.  
  1127. {block:Source}
  1128. <div class="source">– {Source}</div>
  1129. {/block:Source}
  1130. </li>
  1131. {/block:Quote}{block:Link}
  1132. {block:Thumbnail}
  1133. <li class="link_thumb_image">
  1134. <img src="{Thumbnail-HighRes}">
  1135. </li>
  1136. {/block:Thumbnail}
  1137. <li class="post link">
  1138.  
  1139.  
  1140. {LinkCloseTag}
  1141. <a class="link-button button is-small">
  1142. <span class="icon is-small">
  1143. <span data-icon=""></span>
  1144. </span>
  1145. <span>Link</span>
  1146. </a><br>
  1147. <span class="link" {Target}>{Name}</span>
  1148.  
  1149.  
  1150. {block:Description}
  1151. <div class="description">{Description}</div>
  1152. {/block:Description}
  1153. </li>
  1154. {/block:Link}{block:Chat}
  1155. <li class="post chat">
  1156. {block:Title}
  1157. <h3><a href="{Permalink}" {target}>{Title}</a></h3>
  1158. {/block:Title}
  1159.  
  1160. <ul class="chat">
  1161. {block:Lines}
  1162. <li class="{Alt} user_{UserNumber}">
  1163. {block:Label}
  1164. <span class="label">{Label}</span>
  1165. {/block:Label}{Line}
  1166. </li>
  1167. {/block:Lines}
  1168. </ul>
  1169. </li>
  1170. {/block:Chat}{block:Video}
  1171. <li class="post video">
  1172.  
  1173. <div class="video-content">
  1174. {block:indexpage}{Video-500}{/block:indexpage}
  1175. {block:permalinkpage}{Video-700}{/block:permalinkpage}</div>
  1176.  
  1177. {block:VideoThumbnail}
  1178. <div class="video-image">
  1179.  
  1180. <img src="{VideoThumbnailURL}"></div>
  1181. {/block:VideoThumbnail}
  1182. {block:Caption}
  1183. <div class="caption">{Caption}</div>
  1184. {/block:Caption}
  1185. </li>
  1186. {/block:Video}{block:Audio}
  1187. <li class="post audio">
  1188. {block:AlbumArt}
  1189. <div class="album-art">
  1190. <img src="{AlbumArtURL}"></div>
  1191. {/block:AlbumArt}
  1192. {block:Caption}
  1193. <div class="caption">{Caption}</div>
  1194. {/block:Caption}
  1195. </li>
  1196. {/block:Audio}
  1197.  
  1198.  
  1199. <!-- Check if have tags -->
  1200. {block:ifnothidetags}
  1201. {block:HasTags}
  1202. <ul class="tags">
  1203. <li id="tag-title">Tags:</li>
  1204. {block:Tags}
  1205. <li>
  1206. <a href="{TagURL}" {target}>#{Tag}</a>
  1207. </li>
  1208. {/block:Tags}
  1209. </ul>
  1210.  
  1211. {/block:HasTags}
  1212. {/block:ifnothidetags}
  1213. <!-- Check if have tags -->
  1214.  
  1215.  
  1216.  
  1217.  
  1218. {block:indexpage}
  1219. <!-- audio play button -->
  1220. {block:Audio}
  1221.  
  1222. <div class="player">
  1223. {block:AlbumArt}
  1224. <div class="responsive-album-art"><img src="{AlbumArtURL}"></div>
  1225. {/block:AlbumArt}
  1226. <div class="frame">{AudioPlayer}</div>
  1227. </div>
  1228. {block:Audio}
  1229. <!-- audio play button -->
  1230.  
  1231.  
  1232. <!-- video play button -->
  1233. {block:video}
  1234.  
  1235. <div class="video-player">
  1236. <div class="video-trigger">
  1237. <span id="play_icon" data-icon=")">
  1238. </span>
  1239. <span> Play <span id="insta-not-loaded-element">Instagram</span> video</span>
  1240. </div>
  1241. </div>
  1242. {block:video}
  1243. <!-- video play button -->
  1244. <!-- Bottom Share -->
  1245.  
  1246.  
  1247. <div class="post_nav table no-href-border">
  1248. <div class="tqable-cell" id="post-notes"><a class="like">{likebutton color="grey" size="14"}</a><a id="number-chnage" href="{permalink}" class="not-changed" {target}>{NoteCount}</a></div>
  1249. <div class="table-cell reblog post-icons" data-icon="D"></div>{block:photo}
  1250.  
  1251. <div class="table-cell post-icons light-tri">
  1252. <a class="hover-search" data-lightbox-link="{permalink}" data-lightbox="{photoURL-Highres}" data-icon="" data-reblog="{reblogURL}" data-facebook="https://www.facebook.com/sharer/sharer.php?description={PhotoAlt}&picture={PhotoURL-500}&u={permalink}" data-twitter="https://twitter.com/home?status={EmbedURL}" data-pinterest="https://pinterest.com/pin/create/button/?url=&media={PhotoURL-500}" data-width="{PhotoWidth-HighRes}" {block:RebloggedFrom}data-reblog-avatar="{ReblogParentPortraitURL-64}" data-reblog-name="{ReblogRootName}" data-reblog-url="{ReblogParentURL}"{/block:RebloggedFrom} {target} rel="no-follow"></a>
  1253. </div>
  1254. <div class="table-cell post-icons"><a id="post-pinterest" href="https://pinterest.com/pin/create/button/?url=&media={PhotoURL-500}" target="blank" data-icon="l" {target} rel="no-follow"></a></div>{/block:photo}
  1255. <div class="table-cell post-icons share">
  1256. <a id="share" data-icon=""></a>
  1257. <a id="close" data-icon="" rel="no-follow"></a>
  1258. </div>
  1259.  
  1260.  
  1261.  
  1262. </div>
  1263. <!-- Share tooltip -->
  1264.  
  1265. <!-- Share tooltip -->
  1266.  
  1267. <div class="share_tooltip">
  1268.  
  1269. <div class="post-share">
  1270.  
  1271.  
  1272. <a id="post-twitter" data-icon="d" href="https://twitter.com/home?status={EmbedURL}" rel="no-follow" target="blank"></a>
  1273. <a id="post-facebook" data-icon="i" 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"></a>
  1274.  
  1275. <a id="post-embed" data-icon="'" href="mailto:?body=Check%20this%20amazing%20post!:{EmbedUrl}" reblogurl="{ReblogURL}" rel="no-follow"></a>
  1276. <a href="{permalink}" target="_blank" data-icon=""></a>
  1277. </div>
  1278.  
  1279. <div class="arrow"></div>
  1280.  
  1281. </div>
  1282. <!-- Share tooltip -->
  1283. {/block:indexpage}
  1284.  
  1285.  
  1286. </ol>
  1287.  
  1288.  
  1289. {block:permalinkpage}
  1290.  
  1291. <ul class="permalink-content">
  1292. <li>
  1293.  
  1294. <!-- Reblog & notes & cntler -->
  1295. <div class="perma-navi">
  1296. {block:RebloggedFrom}
  1297. <div class="inline-block reblogged">
  1298. <div id="reblogged">
  1299. <span><a href="{ReblogParentURL}" data-icon="" {target} rel="no-follow"></a></span>
  1300. <span><img src="{ReblogParentPortraitURL-64}"></span>
  1301. <span>
  1302. {ReblogRootName}</span>
  1303. </div>
  1304. </div>{/block:RebloggedFrom}
  1305. <div class="inline-block perma-controller">
  1306. {block:photo}
  1307. <span><a data-icon="l" {target} href="https://pinterest.com/pin/create/button/?url=&media={PhotoURL-500}" target="blank"></a><a href="https://pinterest.com/pin/create/button/?url={BlogURL}&media={PhotoURL-500}&description={PhotoAlt}" {target}></a></span>
  1308. {/block:photo}
  1309. <span><a data-icon="i" 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}></a></span>
  1310. <span><a data-icon="d" href="https://twitter.com/home?status={EmbedURL}" {target}></a></span>
  1311. <span id="stick"></span>
  1312. <span>{likebutton color="grey" size="20"}</span>
  1313. <span><a href="{reblogURL}" {target} data-icon="C"></a></span>
  1314. <span id="stick"></span>
  1315. <span id="perma-note">{NoteCountWithLabel}</span></div>
  1316. </div>
  1317. <!-- Reblog & notes & cntler -->
  1318.  
  1319. {block:PostNotes}
  1320. <div class="perma-post-notes">
  1321. {PostNotes-64}
  1322. </div>
  1323. {/block:PostNotes}
  1324.  
  1325. {block:ifdisqusshortname}
  1326.  
  1327. <div class="disqus-container">
  1328. <div id="disqus_thread">
  1329. </div>
  1330. <script type="text/javascript">
  1331. /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
  1332. var disqus_shortname = '{text:Disqus Shortname}';
  1333. // Required - Replace <example> with your forum shortname
  1334.  
  1335. /* * * DON'T EDIT BELOW THIS LINE * * */
  1336. (function() {
  1337. var dsq = document.createElement('script');
  1338. dsq.type = 'text/javascript';
  1339. dsq.async = true;
  1340. dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
  1341. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1342. $('#posts').masonry();
  1343. $(window).trigger('resize')
  1344. })();
  1345. </script>
  1346. </div>
  1347.  
  1348. </li>
  1349. {/block:ifdisqusshortname}
  1350.  
  1351. </ul>
  1352.  
  1353. {/block:permalinkpage}
  1354.  
  1355. </div>
  1356.  
  1357.  
  1358. {/block:Posts}
  1359.  
  1360.  
  1361. </div></div>
  1362. </main>
  1363. </body>
  1364.  
  1365.  
  1366. <footer>
  1367. <div class="load-more-paginiate-it-container">
  1368. <div class="load-more-container {block:Pagination}{block:NextPage}next-is{/block:NextPage}{/block:Pagination}">
  1369. <div class="load-label"> Load more posts</div>
  1370. <div class="load-more-scroll-down">></div>
  1371. </div>
  1372. {block:Pagination}
  1373. <nav class="pagination is-centered " id="pagination">
  1374. <ul>
  1375.  
  1376. {block:PreviousPage}
  1377. <li>
  1378. <a href="{PreviousPage}">Prev</a>
  1379. </li>{/block:PreviousPage}
  1380. {block:JumpPagination length="5"}{block:CurrentPage}
  1381. <li><a href="{URL}">{PageNumber}</a></li>
  1382. {/block:CurrentPage}{block:JumpPage}
  1383. <li><a href="{URL}">{PageNumber}</a></li>
  1384. {/block:JumpPage}{/block:JumpPagination}
  1385.  
  1386.  
  1387. {block:NextPage}<li>
  1388. <a href="{NextPage}" class="pagination_nextlink">Next</a></li>{/block:NextPage}
  1389. </ul>
  1390. </nav>
  1391. {/block:Pagination}
  1392. </div>
  1393.  
  1394.  
  1395. <div class="no-href-border table" id="footer">
  1396. <div class="table-cell" id="copyright">
  1397. <span id="copyright-content">© {CopyrightYears} {title}</span>
  1398. <span id="credit">Powered by <a href="https://tumblr.com">Tumblr</a></span></div>
  1399. <div class="table-cell center" id="social_icons">
  1400. <ul>
  1401. {block:ifpersonalsiteurl}
  1402. <li>
  1403. <a href="{text:personal site url}" {target}>
  1404. <span data-icon="">
  1405. My website
  1406. </span>
  1407. </a>
  1408. </li>
  1409. {/block:ifpersonalsiteurl}
  1410. {block:iffacebookurl}
  1411. <li>
  1412. <a href="{text:facebook url}" {target}>
  1413. <span data-icon="i">
  1414. Facebook
  1415. </span>
  1416. </a>
  1417. </li>
  1418. {/block:iffacebookurl}
  1419. {block:iftwitterurl}
  1420. <li>
  1421. <a href="{text:twitter url}" class="twitter-click">
  1422. <span data-icon="d">
  1423. Twitter
  1424. </span>
  1425. </a>
  1426. </li>
  1427. {/block:iftwitterurl}
  1428. {block:ifpinteresturl}
  1429. <li>
  1430. <a href="{text:pinterest url}" class="pinterest-click" {target}>
  1431. <span data-icon="g">
  1432. Pinterest
  1433. </span>
  1434. </a>
  1435. </li>
  1436. {/block:ifpinteresturl}
  1437. {block:ifinstagramUsername}
  1438. <li>
  1439. <a href="http://instagram.com/{text:instagram Username}" class="instagram-click" {target}>
  1440. <span data-icon="e">
  1441. Instagram
  1442. </span>
  1443. </a>
  1444. </li>
  1445. {/block:ifinstagramUsername}
  1446. {block:ifshopurl}
  1447. <li>
  1448. <a href="{text:shop url}" {target}>
  1449. <span data-icon="f">
  1450. Store
  1451. </span>
  1452. </a>
  1453. </li>
  1454. {/block:ifshopurl}
  1455. {block:ifsoundcloudurl}
  1456. <li>
  1457. <a href="{text:soundcloud url}" {target}>
  1458. <span data-icon="s">
  1459. SoundCloud
  1460. </span>
  1461. </a>
  1462. </li>
  1463. {/block:ifsoundcloudurl}
  1464.  
  1465.  
  1466. {block:ifappleappurl}
  1467. <li>
  1468. <a href="{text:apple app url}" {target}>
  1469. <span data-icon="L">
  1470. App store
  1471. </span>
  1472. </a>
  1473. </li>
  1474. {/block:ifappleappurl}
  1475. {block:ifandroidappurl}
  1476. <li>
  1477. <a href="{text:android app url}" {target}>
  1478. <span data-icon="M">
  1479. Play store
  1480. </span>
  1481. </a>
  1482. </li>
  1483. {/block:ifandroidappurl}
  1484.  
  1485. {block:ifgoogleplusurl}
  1486. <li>
  1487. <a href="{text:google plus url}" {target}>
  1488. <span data-icon="6">
  1489. Google Plus
  1490. </span>
  1491. </a>
  1492. </li>
  1493. {/block:ifgoogleplusurl}
  1494.  
  1495. {block:ifvimeourl}
  1496. <li>
  1497. <a href="{text:vimeo url}" {target}>
  1498. <span data-icon="7">
  1499. Vimeo
  1500. </span>
  1501. </a>
  1502. </li>
  1503. {/block:ifvimeourl}
  1504.  
  1505. {block:ifyoutubeurl}
  1506. <li>
  1507. <a href="{text:youtube url}" {target}>
  1508. <span data-icon="P">
  1509. Youtube
  1510. </span>
  1511. </a>
  1512. </li>
  1513. {/block:ifyoutubeurl}
  1514.  
  1515. {block:ifYelpurl}
  1516. <li>
  1517. <a href="{text:Yelp url}" {target}>
  1518. <span data-icon="9">
  1519. Yelp
  1520. </span>
  1521. </a>
  1522. </li>
  1523. {/block:ifYelpurl}
  1524.  
  1525. {block:ifFlickrURL}
  1526. <li>
  1527. <a href="{text:Flickr URL}" {target}>
  1528. <span data-icon="1">
  1529. Flickr
  1530. </span>
  1531. </a>
  1532. </li>
  1533. {/block:ifFlickrURL}
  1534.  
  1535. {block:ifusearchivebutton}
  1536. <li>
  1537. <a href="/archive" {target}>
  1538. <span data-icon="k">
  1539. Archive
  1540. </span>
  1541. </a>
  1542. </li>
  1543. {/block:ifusearchivebutton}
  1544.  
  1545. {block:ifGithuburl}
  1546. <li>
  1547. <a href="{text:Github URL}" {target}>
  1548. <span data-icon="/">
  1549. Github
  1550. </span>
  1551. </a>
  1552. </li>
  1553. {/block:ifGithuburl}
  1554.  
  1555. {block:if500pxurl}
  1556. <li>
  1557. <a href="{text:500px URL}" {target}>
  1558. <span data-icon="0">
  1559. 500px
  1560. </span>
  1561. </a>
  1562. </li>
  1563. {/block:if500pxurl}
  1564.  
  1565. {block:ifmediumurl}
  1566. <li>
  1567. <a href="{text:Medium URL}" {target}>
  1568. <span data-icon="x">
  1569. Medium
  1570. </span>
  1571. </a>
  1572. </li>
  1573. {/block:ifmediumurl}
  1574.  
  1575. {block:ifdribbleurl}
  1576. <li>
  1577. <a href="{text:Dribble URL}" {target}>
  1578. <span data-icon="y">
  1579. Dribble
  1580. </span>
  1581. </a>
  1582. </li>
  1583. {/block:ifdribbleurl}
  1584. {block:ifbehenceurl}
  1585. <li>
  1586. <a href="{text:Behence URL}" {target}>
  1587. <span data-icon="">
  1588. Behence
  1589. </span>
  1590. </a>
  1591. </li>
  1592. {/block:ifbehenceurl}
  1593.  
  1594. {block:ifpicasaurl}
  1595. <li>
  1596. <a href="{text:Picasa URL}" {target}>
  1597. <span data-icon="">
  1598. Picasa
  1599. </span>
  1600. </a>
  1601. </li>
  1602. {/block:ifpicasaurl}
  1603.  
  1604. {block:ifredditurl}
  1605. <li>
  1606. <a href="{text:Reddit URL}" {target}>
  1607. <span data-icon="">
  1608. Reddit
  1609. </span>
  1610. </a>
  1611. </li>
  1612. {/block:ifredditurl}
  1613.  
  1614. {block:ifbloggerurl}
  1615. <li>
  1616. <a href="{text:Blogger URL}" {target}>
  1617. <span data-icon="">
  1618. Blogger
  1619. </span>
  1620. </a>
  1621. </li>
  1622. {/block:ifbloggerurl}
  1623.  
  1624. {block:ifdiigourl}
  1625. <li>
  1626. <a href="{text:Diigo URL}" {target}>
  1627. <span data-icon="">
  1628. Diig
  1629. </span>
  1630. </a>
  1631. </li>
  1632. {/block:ifdiigourl}
  1633.  
  1634. {block:ifspotifyurl}
  1635. <li>
  1636. <a href="{text:Spotify URL}" {target}>
  1637. <span data-icon="">
  1638. Spotify
  1639. </span>
  1640. </a>
  1641. </li>
  1642. {/block:ifspotifyurl}
  1643.  
  1644. {block:ifhi5url}
  1645. <li>
  1646. <a href="{text:Hi5 URL}" {target}>
  1647. <span data-icon="">
  1648. Hi5
  1649. </span>
  1650. </a>
  1651. </li>
  1652. {/block:ifhi5url}
  1653.  
  1654.  
  1655. {block:ifEmailAddress}
  1656. <li>
  1657. <a href="mailto:{text:Email Address}" {target}>
  1658. <span data-icon="'">
  1659. Email us
  1660.  
  1661. </span>
  1662. </a>
  1663. </li>
  1664. {/block:ifEmailAddress}
  1665.  
  1666. {block:ifLinkedInURL}
  1667. <li>
  1668. <a href="{text:LinkedIn URL}" {target}>
  1669. <span data-icon="w">
  1670. LinkedIn
  1671. </span>
  1672. </a>
  1673. </li>
  1674. {/block:ifLinkedInURL}</ul>
  1675. </div>
  1676. <div class="table-cell" id="search">
  1677. <a data-icon="" class="search-trigger"></a>
  1678. </div>
  1679. </div>
  1680. </footer>
  1681.  
  1682.  
  1683. <!-- full layer plugins -->
  1684.  
  1685.  
  1686. <!-- Lightbox -->
  1687. <div class="lightbox-plugin" data-number="0">
  1688. <div class="lightbox-fullscreen">
  1689. <div class="lightbox-image-share">
  1690. <div class="inline-block reblogged index">
  1691. <div id="reblogged" style="text-align:left">
  1692. <span id="reblog-icon"><a href="" data-icon="" target="_blank"></a></span>
  1693. <span id="reblog-avatar-lightbox"><img src="https://68.media.tumblr.com/avatar_297e86920dba_64.png"></span>
  1694. <span><a id="reblogurl" href="" target="_blank">
  1695. </a></span>
  1696. <span id="controller">
  1697. <a id="close" data-icon=""></a>
  1698. </span>
  1699. </div>
  1700. </div>
  1701. <a href="" class="lightbox-link">
  1702. <img src=""></a>
  1703.  
  1704. <!-- Bottom Share -->
  1705. <div class="post_nav table no-href-border">
  1706.  
  1707. <div class="table-cell" id="share-pinterest"><a href="https://pinterest.com/pin/create/button/?url=&media=imageurl" data-icon="l" target="_blank"></a></div>
  1708. <div class="table-cell" id="share-facebook"><a href="https://www.facebook.com/sharer/sharer.php?picture=imageurl&u=permalink"data-icon="i" target="_blank"></a></div>
  1709. <div class="table-cell" id="share-twitter"><a href="https://twitter.com/home?status=permalink" data-icon="d" target="_blank"></a></div>
  1710.  
  1711. <div class="table-cell" id="share-reblog"><a href="" data-icon="C" target="_blank"></a></div>
  1712. <div class="table-cell" id="share-perma"><a href="" data-icon="c" target="_blank"></a></div>
  1713.  
  1714.  
  1715.  
  1716. </div>
  1717.  
  1718. </div>
  1719. </div>
  1720. </div>
  1721.  
  1722.  
  1723. <!-- Lightbox -->
  1724.  
  1725.  
  1726. <div class="search-container">
  1727. <div class="search-close">X</div>
  1728. <form action="/search" method="get">
  1729. <input type="text" name="q" value="{SearchQuery}"/>
  1730. <button type="submit" data-icon="c"></button>
  1731. </form>
  1732. </div>
  1733.  
  1734.  
  1735. <!-- ask enabled -->
  1736. {block:AskEnabled}
  1737. <div class="ask-container">
  1738. <div class="ask-content"><iframe frameborder="0" scrolling="no" width="100%" height="190" src="https://www.tumblr.com/ask_form/{name}.tumblr.com" id="ask_form"></iframe></div>
  1739. </div>
  1740. {/block:AskEnabled}
  1741. <!-- ask enabled -->
  1742.  
  1743.  
  1744.  
  1745. <!-- Submission enabled -->
  1746. {block:SubmissionsEnabled}
  1747. <div class="submit-container">
  1748. <div class="submit-content"><iframe frameborder="0" scrolling="no" width="100%" height="370" src="https://www.tumblr.com/submit_form/{name}.tumblr.com/regular" id="submit-form"></iframe></div>
  1749. </div>
  1750. {/block:SubmissionsEnabled}
  1751. <!-- Submission enabled -->
  1752.  
  1753.  
  1754.  
  1755.  
  1756. <!-- Page not found -->
  1757.  
  1758. <div class="not-found-container">
  1759. <div class="close-this">X</div>
  1760. <ul class="not-found-content">
  1761.  
  1762. <li><h2>404</h2></li>
  1763. <li id="desc"><p>Your reuqested data doesn't seem to exist.</p></li>
  1764. </ul>
  1765.  
  1766. </div>
  1767.  
  1768. <!-- Page not found -->
  1769.  
  1770.  
  1771. <!-- video container -->
  1772. <div class="video-container">
  1773. <div class="video-content-box">
  1774. <iframe src="" frameborder="0" allowfullscreen></iframe>
  1775. </div></div>
  1776. <!-- video container -->
  1777.  
  1778.  
  1779.  
  1780.  
  1781.  
  1782. <div class="hidden-menu">
  1783. <div class="close-hidden-menu">X</div>
  1784. <div class="hidden-menu-content">
  1785. <div class="link-element">
  1786. {block:ifCustomlink1title}
  1787. <span>
  1788. <a href="{text:Custom link 1 URL}" {target}>
  1789. {text:Custom link 1 title}
  1790. </a>
  1791. </span>
  1792. {/block:ifCustomlink1title}{block:ifCustomlink2title}
  1793. <span>
  1794. <a href="{text:Custom link 2 URL}" {target}>
  1795. {text:Custom link 2 title}
  1796. </a>
  1797. </span>
  1798. {/block:ifCustomlink2title}{block:ifCustomlink3title}
  1799. <span>
  1800. <a href="{text:Custom link 3 URL}" {target}>
  1801. {text:Custom link 3 title}
  1802. </a>
  1803. </span>
  1804. {/block:ifCustomlink3title}{block:ifCustomlink4title}
  1805. <span>
  1806. <a href="{text:Custom link 4 URL}" {target}>
  1807. {text:Custom link 4 title}
  1808. </a>
  1809. </span>
  1810. {/block:ifCustomlink4title}
  1811.  
  1812. {block:ifCustomlink5title}
  1813. <span>
  1814. <a href="{text:Custom link 5 URL}" {target}>
  1815. {text:Custom link 5 title}
  1816. </a>
  1817. </span>
  1818. {/block:ifCustomlink5title}
  1819.  
  1820. {block:ifCustomlink6title}
  1821. <span>
  1822. <a href="{text:Custom link 6 URL}" {target}>
  1823. {text:Custom link 6 title}
  1824. </a>
  1825. </span>
  1826. {/block:ifCustomlink6title}
  1827.  
  1828. {block:ifCustomlink7title}
  1829. <span>
  1830. <a href="{text:Custom link 7 URL}" {target}>
  1831. {text:Custom link 7 title}
  1832. </a>
  1833. </span>
  1834. {/block:ifCustomlink7title}
  1835.  
  1836. {block:ifCustomlink8title}
  1837. <span>
  1838. <a href="{text:Custom link 8 URL}" {target}>
  1839. {text:Custom link 8 title}
  1840. </a>
  1841. </span>
  1842. {/block:ifCustomlink8title}
  1843. {block:HasPages}
  1844. {block:Pages}
  1845. <span>
  1846. <a href="{URL}" {target}>
  1847. {Label}
  1848. </a>
  1849. </span>
  1850. {/block:Pages} {/block:HasPages}
  1851.  
  1852. {block:SubmissionsEnabled}
  1853. <span>
  1854. <a class="submit-trigger">{SubmitLabel}</a>
  1855. </span>
  1856. {/block:SubmissionsEnabled}
  1857. {block:ifpersonalsiteurl}
  1858. <span>
  1859. <a href="{text:personal site url}" {target}>
  1860. Website
  1861. </a></span>
  1862. {/block:ifpersonalsiteurl}
  1863. {block:iffacebookurl}
  1864. <span>
  1865. <a href="{text:facebook url}" {target}>
  1866. Facebook
  1867. </a> </span>
  1868. {/block:iffacebookurl}
  1869. {block:iftwitterurl}
  1870. <span>
  1871. <a href="{text:twitter url}" {target} class="twitter-click">
  1872. Twitter
  1873. </a></span>
  1874. {/block:iftwitterurl}
  1875. {block:ifpinteresturl}
  1876. <span>
  1877. <a href="{text:pinterest url}" {target} class="pinterest-click">
  1878. Pinterest
  1879. </a></span>
  1880. {/block:ifpinteresturl}
  1881. {block:ifinstagramUsername}
  1882. <span>
  1883. <a href="http://instagram.com/{text:instagram Username}" {target} class="instagram-click"> Instagram
  1884. </a></span>
  1885. {/block:ifinstagramUsername}
  1886. {block:ifshopurl}
  1887. <span>
  1888. <a href="{text:shop url}" {target}>
  1889. Shop
  1890. </a></span>
  1891. {/block:ifshopurl}
  1892. {block:ifsoundcloudurl}
  1893. <span>
  1894. <a href="{text:soundcloud url}" {target}>
  1895. SoundCloud
  1896. </a></span>
  1897. {/block:ifsoundcloudurl}
  1898.  
  1899.  
  1900. {block:ifappleappurl}
  1901. <span>
  1902. <a href="{text:apple app url}" {target}>
  1903. App Store
  1904. </a></span>
  1905. {/block:ifappleappurl}
  1906. {block:ifandroidappurl}
  1907. <span>
  1908. <a href="{text:android app url}" {target}>
  1909. Play Store
  1910. </a></span>
  1911. {/block:ifandroidappurl}
  1912.  
  1913. {block:ifgoogleplusurl}
  1914. <span>
  1915. <a href="{text:google plus url}" {target}>
  1916. Google Plus
  1917. </a></span>
  1918. {/block:ifgoogleplusurl}
  1919.  
  1920. {block:ifvimeourl}
  1921. <span>
  1922. <a href="{text:vimeo url}" {target}>
  1923. Vimeo
  1924. </a></span>
  1925. {/block:ifvimeourl}
  1926.  
  1927. {block:ifyoutubeurl}
  1928. <span>
  1929. <a href="{text:youtube url}" {target}>
  1930. Youtube
  1931. </a></span>
  1932. {/block:ifyoutubeurl}
  1933.  
  1934. {block:ifYelpurl}
  1935. <span>
  1936. <a href="{text:Yelp url}" {target}>
  1937. Yelp
  1938. </a></span>
  1939. {/block:ifYelpurl}
  1940.  
  1941. {block:ifEmailAddress}
  1942. <span>
  1943. <a href="mailto:{text:Email Address}" {target}>
  1944. Contact
  1945. </a></span>
  1946. {/block:ifEmailAddress}
  1947.  
  1948. {block:ifLinkedInURL}
  1949. <span>
  1950. <a href="{text:LinkedIn URL}" {target}>
  1951. LinkedIn
  1952. </a></span>
  1953. {/block:ifLinkedInURL}
  1954. {block:ifusearchivebutton}
  1955. <span>
  1956. <a href="/archive" {target}>
  1957. Archive
  1958. </a></span>
  1959. {/block:ifusearchivebutton}
  1960. {block:AskEnabled}
  1961.  
  1962. <span>
  1963. <a class='ask-trigger'>
  1964. {AskLabel}
  1965. </a></span>
  1966. {/block:AskEnabled}
  1967.  
  1968.  
  1969.  
  1970. {block:ifGithuburl}
  1971. <span>
  1972. <a href="{text:Github URL}" {target}>
  1973. Github
  1974. </a></span>
  1975. {/block:ifGithuburl}
  1976.  
  1977. {block:if500pxurl} <span>
  1978. <a href="{text:500px URL}" {target}>
  1979. 500px
  1980. </a></span>
  1981. {/block:if500pxurl}
  1982.  
  1983. {block:ifmediumurl} <span>
  1984. <a href="{text:Medium URL}" {target}>
  1985. Medium
  1986. </a></span>
  1987. {/block:ifmediumurl}
  1988.  
  1989. {block:ifdribbleurl} <span>
  1990. <a href="{text:Dribble URL}" {target}>
  1991. Dribble
  1992. </a></span>
  1993. {/block:ifdribbleurl}
  1994. {block:ifbehenceurl} <span>
  1995. <a href="{text:Behence URL}" {target}>
  1996. Behence
  1997. </a></span>
  1998. {/block:ifbehenceurl}
  1999.  
  2000. {block:ifpicasaurl} <span>
  2001. <a href="{text:Picasa URL}" {target}>
  2002. Picasa
  2003. </a></span>
  2004. {/block:ifpicasaurl}
  2005.  
  2006. {block:ifredditurl} <span>
  2007. <a href="{text:Reddit URL}" {target}>
  2008. Reddit
  2009. </a></span>
  2010. {/block:ifredditurl}
  2011.  
  2012. {block:ifbloggerurl} <span>
  2013. <a href="{text:Blogger URL}" {target}>
  2014. Blogger
  2015. </a></span>
  2016. {/block:ifBloggerurl}
  2017. {block:ifdiigourl} <span>
  2018. <a href="{text:Diigo URL}" {target}>
  2019. Diigo
  2020. </a></span>
  2021. {/block:ifdiigourl}
  2022. {block:ifspotifyurl} <span>
  2023. <a href="{text:Spotify URL}" {target}>
  2024. Spotify
  2025. </a></span>
  2026. {/block:ifspotifyurl}
  2027. {block:ifhi5url} <span>
  2028. <a href="{text:Hi5 URL}" {target}>
  2029. Hi5
  2030. </a></span>
  2031. {/block:ifhi5url}
  2032.  
  2033.  
  2034.  
  2035. </div>
  2036. </div>
  2037. </div>
  2038. <div class="search-container">
  2039. <div class="search-close">X</div>
  2040. <form action="/search" method="get">
  2041. <input type="text" name="q" value="{SearchQuery}"/>
  2042. <button type="submit" data-icon="c"></button>
  2043. </form>
  2044. </div>
  2045.  
  2046.  
  2047.  
  2048.  
  2049. <div class="hidden-overlay"></div>
  2050. <div class="scrolling"></div>
  2051. <!-- full layer plugins -->
  2052. <script>
  2053.  
  2054.  
  2055. /** global variable **/
  2056. var selectsPosts = $('#posts');
  2057. var selectsPostsContainer = $('.post-container');
  2058. var selectsPostsWithContainer = $('#posts .post-container');
  2059. var html = $('html');
  2060. var photo = $('.photo');
  2061. var photoWidth = '0';
  2062. var mobileWidth = document.getElementsByTagName("html")[0].getAttribute("mobilewidth");
  2063. var tagBoxColor = '{color:Tag Box Link}';
  2064. var TagBoxBackColor = '{color:Tag Box Background}';
  2065. var TagBoxOverlayColor = '{color:Tag Box Background}';
  2066. var TagBoxOverlayBackColor = '{color:Tag Box Link}';
  2067. var blogURL = '{blogURL}';
  2068. var postpadding = '{select:Post Padding}';
  2069. var imageDuration = 3000;
  2070.  
  2071. /** global variable **/
  2072.  
  2073. </script>
  2074.  
  2075. {block:ifnotheader1image}
  2076. <script src="http://static.tumblr.com/bnjocu5/BFaot8efn/free-version.js"> </script>
  2077. {/block:ifnotheader1image}
  2078.  
  2079. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!