Advertisement
feiinho

theflow 2.0

Oct 7th, 2014
355
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 94.79 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <!--
  5. A big thank you for choosing theflow theme.
  6. To get update and new feature information make sure you follow theflow at http://www.theflowtheme.co.uk
  7. For support go to: http://www.themecloud.co
  8. To get your own copy of 'theflow 2.0' visit: http://themecloud.co/themes/theflow-2.0/
  9. For ideas on how to style and get the most from your theme go to: http://theflow-ideas.tumblr.com
  10. Download the user guide from http://www.theflowtheme.co.uk/userguide/
  11. Copyright (c)2012 Themester http://www.themester.co.uk
  12. The following terms and conditions must be adhered to: Visit http://www.themester.co.uk/license/theflow-license.htm for more details
  13. __ __ __
  14. /\ \__/\ \ /\ \__
  15. \ \ ,_\ \ \___ __ ___ ___ __ ____\ \ ,_\ __ _ __
  16. \ \ \/\ \ _ `\ /'__`\/' __` __`\ /'__`\ /',__\\ \ \/ /'__`\/\`'__\
  17. \ \ \_\ \ \ \ \/\ __//\ \/\ \/\ \/\ __//\__, `\\ \ \_/\ __/\ \ \/
  18. \ \__\\ \_\ \_\ \____\ \_\ \_\ \_\ \____\/\____/ \ \__\ \____\\ \_\
  19. \/__/ \/_/\/_/\/____/\/_/\/_/\/_/\/____/\/___/ \/__/\/____/ \/_/
  20. Copyright (c)2012 - Themester - http://www.themester.co.uk
  21. -->
  22. <meta charset="utf-8" />
  23. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  24. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  25. <link rel="author" href="http://www.themester.co.uk">
  26. <link rel="stylesheet" href="http://www.themester-assets.co.uk/theflow-v2/stylesheets/core.live.v201.css"/>
  27. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  28. <link rel="icon" type="image/x-icon" href="{Favicon}"/>
  29. <link rel="shortcut icon" type="image/x-icon" href="{Favicon}"/>
  30. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  31. <meta name="viewport" content="width=device-width">
  32.  
  33. <meta name="image:Header" content="" />
  34. <meta name="image:Background" content="" />
  35.  
  36. <meta name="if:Background Full Width" content="0" />
  37. <meta name="if:Background Tiled" content="0" />
  38. <meta name="if:Background Fixed" content="0" />
  39. <meta name="if:Background Texture Light" content="1" />
  40. <meta name="if:Background Texture Dark" content="0" />
  41.  
  42. <meta name="color:Background Color" content="#c7c7c7" />
  43. <meta name="color:Highlite Color" content="#970000" />
  44. <meta name="color:Highlite Hover Color" content="#747474" />
  45. <meta name="color:Navigation Text Color" content="#383838" />
  46. <meta name="color:Navigation Text Hover Color" content="#ffffff" />
  47. <meta name="color:Navigation Hover Background Color" content="#970000" />
  48. <meta name="color:Trim Color" content="#FFFFFF" />
  49. <meta name="color:Logo Color" content="#970000" />
  50. <meta name="color:Text Color" content="#747474" />
  51.  
  52.  
  53. <meta name="if:Header Full Width" content="0" />
  54. <meta name="if:Header Center Aligned" content="1" />
  55. <meta name="if:Header Left Aligned" content="0" />
  56. <meta name="if:Header Font League Gothic" content="0" />
  57. <meta name="if:Header Font Chunk Five" content="0" />
  58. <meta name="if:Header Font Lobster" content="1" />
  59. <meta name="if:Header Font Blackout" content="0" />
  60. <meta name="if:Header Font Linden Hill" content="0" />
  61. <meta name="if:Header Font Drop Shadow" content="1" />
  62. <meta name="if:Header Hide Background Color" content="0" />
  63. <meta name="if:Header Show Follow Me" content="1" />
  64.  
  65. <meta name="font:Theme Font" content="" />
  66. <meta name="if:Font Lato" content="1" />
  67. <meta name="if:Font Arimo" content="0" />
  68. <meta name="if:Font Open Sans" content="0" />
  69. <meta name="if:Font Junge" content="0" />
  70.  
  71. <meta name="if:Columns Large" content="0" />
  72. <meta name="if:Columns Medium" content="1" />
  73. <meta name="if:Columns Small" content="0" />
  74. <meta name="if:Columns Full Width Mode" content="1" />
  75. <meta name="if:Columns Hide Drop Shadow" content="0" />
  76. <meta name="if:Infinite Scroll On" content="1" />
  77.  
  78. <meta name="if:Image Gallery On" content="1" />
  79. <meta name="if:Image Gallery Full Width" content="0" />
  80. <meta name="if:Image Gallery Zoom Fit" content="0" />
  81. <meta name="if:Image Gallery Hide Info Panel" content="0" />
  82. <meta name="if:Image Gallery Hide Thumbnails" content="0" />
  83.  
  84. <meta name="if:Footer Show People I Follow" content="1" />
  85. <meta name="if:Footer Show About Me" content="1" />
  86. <meta name="if:Footer Show RSS Feed" content="0" />
  87. <meta name="if:Footer Hide All" content="0" />
  88.  
  89. <meta name="if:Show Whos Online" content="0" />
  90. <meta name="text:Google Analytics Acc No" content="" />
  91. <meta name="text:Google Plus Page" content="https://plus.google.com" />
  92. <meta name="text:Twitter Username" content="" />
  93. <meta name="text:Flickr User ID" content="" />
  94. <meta name="text:Facebook page" content="http://www.facebook.com/" />
  95. <meta name="text:LinkedIn page" content="http://uk.linkedin.com/" />
  96. <meta name="text:YouTube page" content="http://www.youtube.com" />
  97. <meta name="text:Vimeo page" content="http://www.vimeo.com/" />
  98.  
  99. <meta name="text:Music Player Code" content="" />
  100.  
  101. <meta name="text:Tag Nav Label" content="tags" />
  102. <meta name="text:Tag Nav One" content="" />
  103. <meta name="text:Tag Nav Two" content="" />
  104. <meta name="text:Tag Nav Three" content="" />
  105. <meta name="text:Tag Nav Four" content="" />
  106. <meta name="text:Tag Nav Five" content="" />
  107. <meta name="text:Tag Nav Six" content="" />
  108. <meta name="text:Tag Nav Seven" content="" />
  109. <meta name="text:Tag Nav Eight" content="" />
  110. <meta name="text:Tag Nav Nine" content="" />
  111. <meta name="text:Tag Nav Ten" content="" />
  112.  
  113. <meta name="text:Custom Link One URL" content="" />
  114. <meta name="text:Custom Link One Label" content="" />
  115. <meta name="text:Custom Link Two URL" content="" />
  116. <meta name="text:Custom Link Two Label" content="" />
  117. <meta name="text:Custom Link Three URL" content="" />
  118. <meta name="text:Custom Link Three Label" content="" />
  119. <meta name="text:Custom Link Four URL" content="" />
  120. <meta name="text:Custom Link Four Label" content="" />
  121. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  122. <!--[if lt IE 9]>
  123. <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  124. <![endif]-->
  125. <script src="http://www.themester-assets.co.uk/theflow-v2/scripts/jquery.1.7.live.v201.js" type="text/javascript"></script>
  126. <script src="http://static.tumblr.com/lba83dv/t4Lm0w2r5/cufon-1.09.js" type="text/javascript"></script>
  127. <script src="http://www.themester-assets.co.uk/theflow-v2/scripts/404.live.v201.js" type="text/javascript"></script>
  128. <script src="http://www.themester-assets.co.uk/theflow-v2/scripts/plugin-1.live.v201.js" type="text/javascript"></script>
  129. {block:IfImageGalleryOn}
  130. <script src="http://www.themester-assets.co.uk/theflow-v2/scripts/plugin-2.live.v201.js" type="text/javascript"></script>
  131. {/block:IfImageGalleryOn}
  132. {block:IfShowWhosOnline}
  133. <script id="_waun97">
  134. var stringToReplace="{JSTitle}",imcrementor=stringToReplace.replace(/['`~!@#$%^&*()_|+-=?;:'",.<>\{\}\[\]\\\/]/gi,""),imcrementor=imcrementor.replace(/ /g,""),originclength=imcrementor.length;if(12<=originclength)imcrementor=imcrementor.substring(0,10),imcrementor="99"+imcrementor;else if(12>originclength)var incfiller="123456789123",temporiginclength=12-originclength,incfiller=incfiller.substring(0,temporiginclength),imcrementor=incfiller+imcrementor;var _wau=_wau||[];
  135. _wau.push(["tab",imcrementor,"n97","left-middle"]);(function(){var a=document.createElement("script");a.async=!0;a.src="http://widgets.amung.us/tab.js";document.getElementsByTagName("head")[0].appendChild(a)})();
  136. </script>
  137. {/block:IfShowWhosOnline}
  138. <script type="text/javascript">
  139. var _gaq = _gaq || [];
  140. _gaq.push(
  141. ['_setAccount', '{text:Google Analytics Acc No}'],
  142. ['_trackPageview'],
  143. ['b._setAccount', 'UA-2375338-22'],
  144. ['b._trackPageview']
  145. );
  146. (function() {
  147. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  148. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  149. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  150. })();
  151. //is loading
  152. var spinningopts = {
  153. color: '{color:Text Color}',
  154. //shadow: true
  155. };
  156. //notes loading
  157. var spinningoptstwo = {
  158. color: '{color:Text Color}',
  159. //shadow: true
  160. };
  161. </script>
  162. <style type="text/css">
  163. {block:IfImageGalleryFullWidth}
  164. .galleria-stage {
  165. width:920px;
  166. {block:IfNotImageGalleryZoomFit}
  167. height:362px;
  168. border-left:0;
  169. border-right:0;
  170. border-bottom:0;
  171. border-top:0;
  172. {/block:IfNotImageGalleryZoomFit}
  173. {block:IfImageGalleryZoomFit}
  174. height:342px;
  175. border-left:0;
  176. border-right:0;
  177. border-bottom:10px solid #000000;
  178. border-top:10px solid #000000;
  179. {/block:IfImageGalleryZoomFit}
  180. }
  181. .galleria-image-nav {
  182. left: 0;
  183. }
  184. {/block:IfImageGalleryFullWidth}
  185. {block:IfImageGalleryHideInfoPanel}
  186. .galleria-layer-inner{
  187. display:none;
  188. }
  189. {/block:IfImageGalleryHideInfoPanel}
  190. {block:IfImageGalleryHideThumbnails}
  191. .galleria-thumbnails-container, .galleria-footer, .galleria-navigation-back, .galleria-navigation-forward, .galleria-navigation-start, .galleria-navigation{
  192. display:none;
  193. }
  194. #galleria-initial-loading{
  195. margin-bottom:0;
  196. }
  197. {/block:IfImageGalleryHideThumbnails}
  198. {block:IfInfiniteScrollOn}
  199. .post-navigation{
  200. margin-top:380px
  201. }
  202. {/block:IfInfiniteScrollOn}
  203. {block:IfNotInfiniteScrollOn}
  204. .galleria-thumbnails-container {
  205. width:920px;
  206. }
  207. {/block:IfNotInfiniteScrollOn}
  208. {block:ifColumnsHideDropShadow}
  209. .frame-outer-holder, .header-outer, .post, #permalinkpage .permalinkinfoholder, .more-outer-holder-detail, .more-inset-holder, .more-inset-holder-scroll-flickr, .more-inset-holder-scroll-about-me, .more-inset-holder-scroll-following {
  210. -webkit-box-shadow: 0 0 0 0;
  211. -moz-box-shadow: 0 0 0 0;
  212. box-shadow: 0 0 0 0;
  213. }
  214. {/block:ifColumnsHideDropShadow}
  215. .more-inner-holder h2, .more-inset-holder-scroll-flickr h2 a, .media-other .media-other-inner, #permalinkpage .permalinksplitter p, #permalinkpage .permalinksplitter ul li, .post-navigation p span, .more-inset-holder-scroll-about-me p, .media-other h2, .quote-text, .media-other ul li, #permalinkpage .permalinksplitter h3, #permalinkpage .more_notes_link_container span, .more-inner-holder h4, .more-inner-holder h4 a, .noscriptfaderholder p, .noscriptfaderholder h2, .holder404 p, .holder404 h2, .version5holder p, .version5holder h2, #infscr-loading p, .footer-holder p, .more-credits p#footertempmessage, .more-credits p#footertempmessage a, .footer-holder p a{
  216. color:{color:Text Color};
  217. }
  218. .jspDrag{
  219. background-color:{color:Text Color};
  220. }
  221. ul.top-nav li a:hover, .top-nav *:hover > a.category, ul.top-nav li.selected a, ul.top-nav li ul li a, .tooltip, .post-navigation p a {
  222. color:{color:Navigation Text Hover Color};
  223. }
  224. ul.top-nav li a:hover, .top-nav *:hover > a.category, ul.top-nav li ul, ul.top-nav li.selected a, .tooltip, .post-navigation p a {
  225. background-color:{color:Navigation Hover Background Color};
  226. }
  227. ul.top-nav li a{
  228. color:{color:Navigation Text Color};
  229. }
  230. h1 a{
  231. color:{color:Logo Color};
  232. }
  233. .frame-outer-holder, .header-outer, .post, .post-navigation p span, #permalinkpage .permalinkinfoholder, .submitholder, .askholder, .noscriptfaderholder, .holder404, .version5holder, .social-holder, .more-inset-holder-scroll-flickr, .more-inset-holder-scroll-following, .more-inset-holder-scroll-about-me, .footer-holder {
  234. background-color:{color:Trim Color};
  235. }
  236. .social-holder{
  237. border-top:1px solid {color:Trim Color};
  238. border-bottom:1px solid {color:Trim Color};
  239. }
  240. {block:IfHeaderHideBackgroundColor}
  241. .header-outer{
  242. background-color:transparent;
  243. -webkit-box-shadow: 0 0 0 0;
  244. -moz-box-shadow: 0 0 0 0;
  245. box-shadow: 0 0 0 0;
  246. -webkit-box-shadow: 0 0 0 0;
  247. -moz-box-shadow: 0 0 0 0;
  248. box-shadow: 0 0 0 0;
  249. }
  250. {/block:IfHeaderHideBackgroundColor}
  251. .post-functions-menu .noteslabel p a, .quotationbottom, .quotationtop, .highliteone, .more-inset-holder-scroll-about-me p a, .media-other a, .quote-source a, #permalinkpage .permalinksplitter a, #permalinkpage p.rebloggedfrom a:hover, .more-inset-holder-scroll-about-me p a, .more-inner-holder h4 a:hover, .noscriptfaderholder a, .holder404 a, .version5holder a{
  252. color:{color:Highlite Color};
  253. }
  254. .media-other .link:hover, .media-other .audio .audio-holder:hover, #galleria-status, .galleria-thumb-nav-left, .galleria-thumb-nav-right, .galleria-navigation .galleria-navigation-link, .more-link-holder{
  255. background-color:{color:Highlite Color};
  256. }
  257. .more-link-holder:hover, .galleria-thumb-nav-left:hover, .galleria-thumb-nav-right:hover, .galleria-navigation .galleria-navigation-link:hover, .media-other .audio .audio-holder, .media-other .link{
  258. background-color:{color:Highlite Hover Color};
  259. }
  260. .media-other .text blockquote{
  261. border-left:2px solid {color:Highlite Color};
  262. }
  263. .more-inset-holder-scroll-flickr h2 a:hover, .post-functions-menu .noteslabel p a:hover, .more-inset-holder-scroll-about-me p a:hover, .quote-source a:hover, #permalinkpage .permalinksplitter a:hover, .more-inset-holder-scroll-about-me p a:hover{
  264. color:{color:Highlite Hover Color};
  265. }
  266. #permalinkpage .permalinksplitter .permalinktags span{
  267. background-color:{color:Navigation Hover Background Color};
  268. border:{color:Navigation Hover Background Color};
  269. }
  270. #permalinkpage .permalinksplitter .permalinktags span a{
  271. color:{color:Navigation Text Hover Color};
  272. }
  273. #permalinkpage .rebloggednotes a.more_notes_link{
  274. background-color:{color:Navigation Hover Background Color};
  275. color:{color:Navigation Text Hover Color};
  276. }
  277. #moreinfo{
  278. background-color:{color:Background Color};
  279. {block:IfBackgroundTextureLight}{block:IfNotBackgroundTextureDark}
  280. background-image:url('http://static.tumblr.com/lba83dv/8o7m0u1gc/theflow-texture-lt.png');
  281. background-repeat:repeat;
  282. background-attachment:fixed;
  283. {/block:IfNotBackgroundTextureDark}{/block:IfBackgroundTextureLight}
  284.  
  285. {block:IfBackgroundTextureDark}
  286. background-image:url('http://static.tumblr.com/lba83dv/Zjzm0u3e8/theflow-texture-dk.png');
  287. background-repeat:repeat;
  288. background-attachment:fixed;
  289. {/block:IfBackgroundTextureDark}
  290. }
  291. body{
  292. background-color: {color:Background Color};
  293. {block:IfNotBackgroundImage}
  294. {block:IfBackgroundTextureLight}
  295. {block:IfNotBackgroundTextureDark}
  296. background-image:url('http://static.tumblr.com/lba83dv/8o7m0u1gc/theflow-texture-lt.png');
  297. background-repeat:repeat;
  298. background-attachment:fixed;
  299. {/block:IfNotBackgroundTextureDark}
  300. {/block:IfBackgroundTextureLight}
  301. {block:IfBackgroundTextureDark}
  302. background-image:url('http://static.tumblr.com/lba83dv/Zjzm0u3e8/theflow-texture-dk.png');
  303. background-repeat:repeat;
  304. background-attachment:fixed;
  305. {/block:IfBackgroundTextureDark}
  306. {/block:IfNotBackgroundImage}
  307. {block:IfBackgroundImage}
  308. background-image: url('{image:Background}');
  309. background-repeat:no-repeat;
  310. {block:IfBackgroundTiled}
  311. background-repeat:repeat;
  312. {/block:IfBackgroundTiled}
  313. {block:IfBackgroundFullWidth}
  314. background-size:100%;
  315. {/block:IfBackgroundFullWidth}
  316. {block:IfBackgroundFixed}
  317. background-attachment:fixed;
  318. {/block:IfBackgroundFixed}
  319. {block:IfBackgroundImage}
  320. font-family:{font:Theme Font}, Arial, Helvetica, sans-serif;
  321. font-size:12px;
  322. }
  323. h2{
  324. font-size:14px;
  325. }
  326. h3{
  327. font-size:14px;
  328. }
  329. h4{
  330. font-size:16px;
  331. }
  332. .functions-button-background{
  333. background:{color:Highlite Color};
  334. }
  335. </style>
  336. <script type="text/javascript">
  337. function functionsbuttonhover(){
  338. if(!permalinkpage){
  339. $('.post-functions-menu div').unbind('mouseenter mouseleave');
  340. $('.post-functions-menu div').hover(function(){
  341. $(this).find('.functions-button-background').css({'background':'{color:Highlite Hover Color}'});
  342. },function(){
  343. $('.functions-button-background').css({'background':'{color:Highlite Color}'});
  344. });
  345. }
  346. }
  347. {block:IfHeaderFontDropShadow}
  348. $(document).ready(function(){
  349. var rgbcolor = hex2rgb('{color:Logo Color}');
  350. $('h1').css({textShadow:'3px 3px rgba('+rgbcolor+',.3)'});
  351. })
  352. {/block:IfHeaderFontDropShadow}
  353. </script>
  354. {block:IfFontLato}
  355. <link href='http://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
  356. <style type="text/css">
  357. body{
  358. font-family: 'Lato', Arial, Helvetica, sans-serif;
  359. font-weight:400;
  360. }
  361. strong{
  362. font-weight:700;
  363. }
  364. #headertwo h1{
  365. font-size:44px;
  366. }
  367. #headerone h1, #headerthree h1{
  368. font-size:36px;
  369. }
  370. </style>
  371. {/block:IfFontLato}
  372. {block:IfFontArimo}
  373. <link href='http://fonts.googleapis.com/css?family=Arimo:400,700' rel='stylesheet' type='text/css'>
  374. <style type="text/css">
  375. body{
  376. font-family: 'Arimo', Arial, Helvetica, sans-serif;
  377. font-weight:400;
  378. }
  379. strong{
  380. font-weight:700;
  381. }
  382. #headertwo h1{
  383. font-size:44px;
  384. }
  385. #headerone h1, #headerthree h1{
  386. font-size:36px;
  387. }
  388. </style>
  389. {/block:IfFontArimo}
  390. {block:IfFontOpenSans}
  391. <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
  392. <style type="text/css">
  393. body{
  394. font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  395. font-weight:400;
  396. }
  397. strong{
  398. font-weight:700;
  399. }
  400. #headertwo h1{
  401. font-size:44px;
  402. }
  403. #headerone h1, #headerthree h1{
  404. font-size:36px;
  405. }
  406. </style>
  407. {/block:IfFontOpenSans}
  408. {block:IfFontJunge}
  409. <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Junge" type="text/css" charset="utf-8" />
  410. <style type="text/css">
  411. body{
  412. font-family: 'Junge', Georgia, Garamond, serif;
  413. }
  414. #headertwo h1{
  415. font-size:40px;
  416. }
  417. #headerone h1, #headerthree h1{
  418. font-size:32px;
  419. }
  420. </style>
  421. {/block:IfFontJunge}
  422. {block:IfHeaderFontLeagueGothic}
  423. <script src="http://static.tumblr.com/lba83dv/grim0w2xj/league_gothic_400.font.js" type="text/javascript"></script>
  424. <script type="text/javascript">
  425. $(document).ready(function(){
  426. var rgbcolor = hex2rgb('{color:Logo Color}');
  427. Cufon.replace('h1'{block:IfHeaderFontDropShadow}, {textShadow:'3px 3px rgba('+rgbcolor+',.3)'}{/block:IfHeaderFontDropShadow});
  428. Cufon.replace('h2');
  429. Cufon.replace('h3');
  430. Cufon.replace('h4');
  431. })
  432. </script>
  433. <style type="text/css">
  434. h1, h2, h3, h4 {
  435. font-family:'LeagueGothicRegular', {font:Theme Font}, Arial, Helvetica, sans-serif;
  436. letter-spacing:0;
  437. }
  438. h1 {
  439. font-size: 40px;
  440. }
  441. h2, h3 {
  442. font-size: 20px;
  443. line-height:24px;
  444. }
  445. h4 {
  446. font-size: 22px;
  447. line-height:26px;
  448. }
  449. </style>
  450. {/block:IfHeaderFontLeagueGothic}
  451. {block:IfHeaderFontChunkFive}
  452. <script src="http://static.tumblr.com/lba83dv/44Km0w5h0/chunkfive_400.font.js" type="text/javascript"></script>
  453. <script type="text/javascript">
  454. $(document).ready(function(){
  455. var rgbcolor = hex2rgb('{color:Logo Color}');
  456. Cufon.replace('h1'{block:IfHeaderFontDropShadow}, {textShadow:'3px 3px rgba('+rgbcolor+',.3)'}{/block:IfHeaderFontDropShadow});
  457. Cufon.replace('h2');
  458. Cufon.replace('h3');
  459. Cufon.replace('h4');
  460. })
  461. </script>
  462. <style type="text/css">
  463. h1, h2, h3, h4 {
  464. font-family:'ChunkFiveRegular', {font:Theme Font}, Arial, Helvetica, sans-serif;
  465. letter-spacing:0;
  466. }
  467. h1 {
  468. font-size: 36px
  469. }
  470. h2, h3{
  471. font-size:14px;
  472. line-height:18px;
  473. }
  474. h4{
  475. font-size:16px;
  476. line-height:20px;
  477. }
  478. </style>
  479. {/block:IfHeaderFontChunkFive}
  480. {block:IfHeaderFontLobster}
  481. <script src="http://static.tumblr.com/lba83dv/Q8bm0xarf/lobster_13_400.font.js" type="text/javascript"></script>
  482. <script type="text/javascript">
  483. $(document).ready(function(){
  484. var rgbcolor = hex2rgb('{color:Logo Color}');
  485. Cufon.replace('h1 a'{block:IfHeaderFontDropShadow}, {textShadow:'3px 3px rgba('+rgbcolor+',.3)'}{/block:IfHeaderFontDropShadow});
  486. Cufon.replace('h2');
  487. Cufon.replace('h3');
  488. Cufon.replace('h4');
  489. })
  490. </script>
  491. <style type="text/css">
  492. h1, h2, h3, h4{
  493. font-family:'Lobster', {font:Theme Font}, Arial, Helvetica, sans-serif;
  494. letter-spacing:0;
  495. }
  496. h1 {
  497. font-size: 36px
  498. }
  499. h2, h3{
  500. font-size:16px;
  501. line-height:20px;
  502. }
  503. h4{
  504. font-size:18px;
  505. line-height:22px;
  506. }
  507. </style>
  508. {/block:IfHeaderFontLobster}
  509. {block:IfHeaderFontBlackout}
  510. <script src="http://static.tumblr.com/lba83dv/4dhm0xfqh/blackout_400.font.js" type="text/javascript"></script>
  511. <script type="text/javascript">
  512. $(document).ready(function(){
  513. var rgbcolor = hex2rgb('{color:Logo Color}');
  514. Cufon.replace('h1'{block:IfHeaderFontDropShadow}, {textShadow:'3px 3px rgba('+rgbcolor+',.3)'}{/block:IfHeaderFontDropShadow});
  515. Cufon.replace('h2');
  516. Cufon.replace('h3');
  517. Cufon.replace('h4');
  518. })
  519. </script>
  520. <style type="text/css">
  521. h1, h2, h3, h4 {
  522. font-family:'Blackout', {font:Theme Font}, Arial, Helvetica, sans-serif;
  523. letter-spacing:0;
  524. }
  525. h1 {
  526. font-size: 40px
  527. }
  528. h2, h3{
  529. font-size:18px;
  530. line-height:20px;
  531. }
  532. h4{
  533. font-size:20px;
  534. line-height:22px;
  535. }
  536. </style>
  537. {/block:IfHeaderFontBlackout}
  538. {block:IfHeaderFontLindenHill}
  539. <script src="http://static.tumblr.com/lba83dv/vQCm0xxfa/linden_hill_400.font.js" type="text/javascript"></script>
  540. <script type="text/javascript">
  541. $(document).ready(function(){
  542. var rgbcolor = hex2rgb('{color:Logo Color}');
  543. Cufon.replace('h1 a'{block:IfHeaderFontDropShadow}, {textShadow:'3px 3px rgba('+rgbcolor+',.3)'}{/block:IfHeaderFontDropShadow});
  544. Cufon.replace('h2');
  545. Cufon.replace('h3');
  546. Cufon.replace('h4');
  547. })
  548. </script>
  549. <style type="text/css">
  550. h1, h2, h3, h4 {
  551. font-family:'LindenHill', {font:Theme Font}, Arial, Helvetica, sans-serif;
  552. letter-spacing:0;
  553. }
  554. h1 {
  555. font-size: 36px
  556. }
  557. h2, h3{
  558. font-size:16px;
  559. line-height:20px;
  560. }
  561. h4{
  562. font-size:18px;
  563. line-height:22px;
  564. }
  565. </style>
  566. {/block:IfHeaderFontLindenHill}
  567. <style type="text/css">
  568.  
  569.  
  570. @media all and (max-width: 480px){
  571. .cornersash, .getthemecornersash, .getthemecornersashpost, .getthemecornersashpostdark{
  572. display:none;
  573. }
  574. .nav-holder{
  575. display:none;
  576. }
  577. .top-nav{
  578. display:none;
  579. }
  580. #moreouterholder{
  581. display:none;
  582. }
  583. .post-holder, .post-navigation, .section-holder {
  584. width:480px;
  585. }
  586. .header-outer {
  587. width:460px;
  588. }
  589. .logo-holder{
  590. width:466px;
  591. }
  592. }
  593. @media all and (max-width: 320px){
  594. .cornersash, .getthemecornersash, .getthemecornersashpost, .getthemecornersashpostdark{
  595. display:none;
  596. }
  597. .nav-holder{
  598. display:none;
  599. }
  600. .top-nav{
  601. display:none;
  602. }
  603. #moreouterholder{
  604. display:none;
  605. }
  606. .post-navigation, .section-holder, .post-holder {
  607. width:320px;
  608. }
  609. .header-outer {
  610. width:300px;
  611. }
  612. .logo-holder{
  613. width:306px;
  614. }
  615. }
  616. {CustomCSS}
  617. </style>
  618. <!--[if lte IE 8]>
  619. <style type="text/css">
  620. #cornersash
  621. {
  622. display:none;
  623. #cornersash p{
  624. display:none;
  625. }
  626. </style>
  627. <![endif]-->
  628. </head>
  629. <body {block:IndexPage}{block:IfColumnsSmall} id="fourcolumlayout" {/block:IfColumnsSmall}{block:IfColumnsMedium}{block:IfNotColumnsSmall} id="threecolumlayout" {/block:IfNotColumnsSmall}{/block:IfColumnsMedium}{block:IfColumnsLarge}{block:IfNotColumnsSmall}{block:IfNotColumnsMedium} id="twocolumnlayout" {/block:IfNotColumnsMedium}{/block:IfNotColumnsSmall}{/block:IfColumnsLarge}{/block:IndexPage}{block:PermalinkPage} id="permalinkpage" {/block:PermalinkPage} onLoad="check404()">
  630. <div class="wrapper">
  631. <a id="backtotop" name="backtotop"></a>
  632. <header class="section-holder ldl-grad md-line">
  633. <!--
  634. <div class="cornersash" id="cornersash">
  635. <p><a href="http://themecloud.co/themes/theflow-2.0/" target="_blank">theflow 2.0<br/> <strong>Tumblr theme</strong><br/> is FREE to Install</a></p>
  636. </div>
  637. -->
  638. <div class="header-outer" {block:IfNotHeaderFullWidth}{block:IfNotHeaderCenterAligned}{block:IfNotHeaderLeftAligned}id="headerone"{/block:IfNotHeaderLeftAligned}{/block:IfNotHeaderCenterAligned}{/block:IfNotHeaderFullWidth}{block:IfHeaderFullWidth}{block:IfNotHeaderCenterAligned}{block:IfNotHeaderLeftAligned}id="headerthree"{/block:IfNotHeaderLeftAligned}{/block:IfNotHeaderCenterAligned}{/block:IfHeaderFullWidth}{block:IfHeaderCenterAligned}{block:IfNotHeaderLeftAligned}id="headertwo"{/block:IfNotHeaderLeftAligned}{/block:IfHeaderCenterAligned}{block:IfHeaderLeftAligned}id="headerone"{/block:IfHeaderLeftAligned}>
  639. <!--header one-->
  640. {block:IfHeaderLeftAligned}
  641. <nav class="nav-holder">
  642. <ul class="top-nav">
  643. <li><a href="/">home</a></li>
  644. {block:IfTagNavOne}
  645. <li class="tag-nav"><a href="#" class="category">{block:IfTagNavLabel}{text:Tag Nav Label}{/block:IfTagNavLabel}{block:IfNotTagNavLabel}tags{/block:IfNotTagNavLabel}</a>
  646. <ul>
  647. <li><a href="/tagged/{text:Tag Nav One}">{text:Tag Nav One}</a></li>
  648. {block:IfTagNavTwo}
  649. <li><a href="/tagged/{text:Tag Nav Two}">{text:Tag Nav Two}</a></li>
  650. {/block:IfTagNavTwo}
  651. {block:IfTagNavThree}
  652. <li><a href="/tagged/{text:Tag Nav Three}">{text:Tag Nav Three}</a></li>
  653. {/block:IfTagNavThree}
  654. {block:IfTagNavFour}
  655. <li><a href="/tagged/{text:Tag Nav Four}">{text:Tag Nav Four}</a></li>
  656. {/block:IfTagNavFour}
  657. {block:IfTagNavFive}
  658. <li><a href="/tagged/{text:Tag Nav Five}">{text:Tag Nav Five}</a></li>
  659. {/block:IfTagNavFive}
  660. {block:IfTagNavSix}
  661. <li><a href="/tagged/{text:Tag Nav Six}">{text:Tag Nav Six}</a></li>
  662. {/block:IfTagNavSix}
  663. {block:IfTagNavSeven}
  664. <li><a href="/tagged/{text:Tag Nav Seven}">{text:Tag Nav Seven}</a></li>
  665. {/block:IfTagNavSeven}
  666. {block:IfTagNavEight}
  667. <li><a href="/tagged/{text:Tag Nav Eight}">{text:Tag Nav Eight}</a></li>
  668. {/block:IfTagNavEight}
  669. {block:IfTagNavNine}
  670. <li><a href="/tagged/{text:Tag Nav Nine}">{text:Tag Nav Nine}</a></li>
  671. {/block:IfTagNavNine}
  672. {block:IfTagNavTen}
  673. <li><a href="/tagged/{text:Tag Nav Ten}">{text:Tag Nav Ten}</a></li>
  674. {/block:IfTagNavTen}
  675. </ul>
  676. </li>
  677. {/block:IfTagNavOne}
  678. {block:IfHeaderShowFollowMe}
  679. <li><a href="http://www.tumblr.com/follow/{Name}">follow</a></li>
  680. {/block:IfHeaderShowFollowMe}
  681. {block:AskEnabled}
  682. <li id="asklink"><a href="/ask">{AskLabel}</a></li>
  683. {/block:AskEnabled}
  684. {block:SubmissionsEnabled}
  685. <li id="submitlink"><a href="/submit">{SubmitLabel}</a></li>
  686. {/block:SubmissionsEnabled}
  687. {block:HasPages}
  688. {block:Pages}
  689. <li><a href="{URL}">{Label}</a></li>
  690. {/block:Pages}
  691. {/block:HasPages}
  692. {block:IfCustomLinkOneURL}
  693. <li><a href="{text:Custom Link One URL}" target="_blank">{text:Custom Link One Label}</a></li>
  694. {/block:IfCustomLinkOneURL}
  695. {block:IfCustomLinkTwoURL}
  696. <li><a href="{text:Custom Link Two URL}" target="_blank">{text:Custom Link Two Label}</a></li>
  697. {/block:IfCustomLinkTwoURL}
  698. {block:IfCustomLinkThreeURL}
  699. <li><a href="{text:Custom Link Three URL}" target="_blank">{text:Custom Link Three Label}</a></li>
  700. {/block:IfCustomLinkThreeURL}
  701. {block:IfCustomLinkFourURL}
  702. <li><a href="{text:Custom Link Four URL}" target="_blank">{text:Custom Link Four Label}</a></li>
  703. {/block:IfCustomLinkFourURL}
  704. <li><a href="/archive">archive</a></li>
  705. <li><a href="http://themecloud.co/themes/theflow-2.0/" target="_blank">tumblr theme</a></li>
  706. </ul>
  707. </nav>
  708. {/block:IfHeaderLeftAligned}
  709. {block:IfHeaderImage}
  710. <div class="logo-holder">
  711. <h1 class="logo-h1" id="logo-h1"><a href="/" id="logoa"><img src="{image:Header}" alt="{Title}" class="logo"/></a></h1>
  712. </div>
  713. {/block:IfHeaderImage}
  714. {block:IfNotHeaderImage}
  715. <div class="logo-holder">
  716. <h1 class="text-h1" id="text-h1"><a href="/">{Title}</a></h1>
  717. </div>
  718. {/block:IfNotHeaderImage}
  719. <!--header three-->
  720. {block:IfHeaderFullWidth}{block:IfNotHeaderCenterAligned}{block:IfNotHeaderLeftAligned}
  721. <ul class="top-nav">
  722. <li><a href="/">home</a></li>
  723. </ul>
  724. {block:IfTagNavOne}
  725. <ul class="top-nav tag-nav">
  726. <li><a href="#" class="category">{block:IfTagNavLabel}{text:Tag Nav Label}{/block:IfTagNavLabel}{block:IfNotTagNavLabel}tags{/block:IfNotTagNavLabel}</a>
  727. <ul>
  728. <li><a href="/tagged/{text:Tag Nav One}">{text:Tag Nav One}</a></li>
  729. {block:IfTagNavTwo}
  730. <li><a href="/tagged/{text:Tag Nav Two}">{text:Tag Nav Two}</a></li>
  731. {/block:IfTagNavTwo}
  732. {block:IfTagNavThree}
  733. <li><a href="/tagged/{text:Tag Nav Three}">{text:Tag Nav Three}</a></li>
  734. {/block:IfTagNavThree}
  735. {block:IfTagNavFour}
  736. <li><a href="/tagged/{text:Tag Nav Four}">{text:Tag Nav Four}</a></li>
  737. {/block:IfTagNavFour}
  738. {block:IfTagNavFive}
  739. <li><a href="/tagged/{text:Tag Nav Five}">{text:Tag Nav Five}</a></li>
  740. {/block:IfTagNavFive}
  741. {block:IfTagNavSix}
  742. <li><a href="/tagged/{text:Tag Nav Six}">{text:Tag Nav Six}</a></li>
  743. {/block:IfTagNavSix}
  744. {block:IfTagNavSeven}
  745. <li><a href="/tagged/{text:Tag Nav Seven}">{text:Tag Nav Seven}</a></li>
  746. {/block:IfTagNavSeven}
  747. {block:IfTagNavEight}
  748. <li><a href="/tagged/{text:Tag Nav Eight}">{text:Tag Nav Eight}</a></li>
  749. {/block:IfTagNavEight}
  750. {block:IfTagNavNine}
  751. <li><a href="/tagged/{text:Tag Nav Nine}">{text:Tag Nav Nine}</a></li>
  752. {/block:IfTagNavNine}
  753. {block:IfTagNavTen}
  754. <li><a href="/tagged/{text:Tag Nav Ten}">{text:Tag Nav Ten}</a></li>
  755. {/block:IfTagNavTen}
  756. </ul>
  757. </li>
  758. </ul>
  759. {/block:IfTagNavOne}
  760. {block:IfHeaderShowFollowMe}
  761. <ul class="top-nav">
  762. <li><a href="http://www.tumblr.com/follow/{Name}">follow</a></li>
  763. </ul>
  764. {/block:IfHeaderShowFollowMe}
  765. {block:AskEnabled}
  766. <ul class="top-nav">
  767. <li id="asklink"><a href="/ask">{AskLabel}</a></li>
  768. </ul>
  769. {/block:AskEnabled}
  770. {block:SubmissionsEnabled}
  771. <ul class="top-nav">
  772. <li id="submitlink"><a href="/submit">{SubmitLabel}</a></li>
  773. </ul>
  774. {/block:SubmissionsEnabled}
  775. {block:HasPages}
  776. {block:Pages}
  777. <ul class="top-nav">
  778. <li><a href="{URL}">{Label}</a></li>
  779. </ul>
  780. {/block:Pages}
  781. {/block:HasPages}
  782. {block:IfCustomLinkOneURL}
  783. <ul class="top-nav">
  784. <li><a href="{text:Custom Link One URL}" target="_blank">{text:Custom Link One Label}</a></li>
  785. </ul>
  786. {/block:IfCustomLinkOneURL}
  787. {block:IfCustomLinkTwoURL}
  788. <ul class="top-nav">
  789. <li><a href="{text:Custom Link Two URL}" target="_blank">{text:Custom Link Two Label}</a></li>
  790. </ul>
  791. {/block:IfCustomLinkTwoURL}
  792. {block:IfCustomLinkThreeURL}
  793. <ul class="top-nav">
  794. <li><a href="{text:Custom Link Three URL}" target="_blank">{text:Custom Link Three Label}</a></li>
  795. </ul>
  796. {/block:IfCustomLinkThreeURL}
  797. {block:IfCustomLinkFourURL}
  798. <ul class="top-nav">
  799. <li><a href="{text:Custom Link Four URL}" target="_blank">{text:Custom Link Four Label}</a></li>
  800. </ul>
  801. {/block:IfCustomLinkFourURL}
  802. <ul class="top-nav">
  803. <li><a href="/archive">archive</a></li>
  804. </ul>
  805. <ul class="top-nav">
  806. <li><a href="http://themecloud.co/themes/theflow-2.0/" target="_blank">tumblr theme</a></li>
  807. </ul>
  808. {/block:IfNotHeaderLeftAligned}{/block:IfNotHeaderCenterAligned}{/block:IfHeaderFullWidth}
  809. <!--header two-->
  810. {block:IfHeaderCenterAligned}{block:IfNotHeaderLeftAligned}
  811. <nav class="nav-holder">
  812. <ul class="top-nav">
  813. <li><a href="/">home</a></li>
  814. {block:IfTagNavOne}
  815. <li class="tag-nav"><a href="#" class="category">{block:IfTagNavLabel}{text:Tag Nav Label}{/block:IfTagNavLabel}{block:IfNotTagNavLabel}tags{/block:IfNotTagNavLabel}</a>
  816. <ul>
  817. <li><a href="/tagged/{text:Tag Nav One}">{text:Tag Nav One}</a></li>
  818. {block:IfTagNavTwo}
  819. <li><a href="/tagged/{text:Tag Nav Two}">{text:Tag Nav Two}</a></li>
  820. {/block:IfTagNavTwo}
  821. {block:IfTagNavThree}
  822. <li><a href="/tagged/{text:Tag Nav Three}">{text:Tag Nav Three}</a></li>
  823. {/block:IfTagNavThree}
  824. {block:IfTagNavFour}
  825. <li><a href="/tagged/{text:Tag Nav Four}">{text:Tag Nav Four}</a></li>
  826. {/block:IfTagNavFour}
  827. {block:IfTagNavFive}
  828. <li><a href="/tagged/{text:Tag Nav Five}">{text:Tag Nav Five}</a></li>
  829. {/block:IfTagNavFive}
  830. {block:IfTagNavSix}
  831. <li><a href="/tagged/{text:Tag Nav Six}">{text:Tag Nav Six}</a></li>
  832. {/block:IfTagNavSix}
  833. {block:IfTagNavSeven}
  834. <li><a href="/tagged/{text:Tag Nav Seven}">{text:Tag Nav Seven}</a></li>
  835. {/block:IfTagNavSeven}
  836. {block:IfTagNavEight}
  837. <li><a href="/tagged/{text:Tag Nav Eight}">{text:Tag Nav Eight}</a></li>
  838. {/block:IfTagNavEight}
  839. {block:IfTagNavNine}
  840. <li><a href="/tagged/{text:Tag Nav Nine}">{text:Tag Nav Nine}</a></li>
  841. {/block:IfTagNavNine}
  842. {block:IfTagNavTen}
  843. <li><a href="/tagged/{text:Tag Nav Ten}">{text:Tag Nav Ten}</a></li>
  844. {/block:IfTagNavTen}
  845. </ul>
  846. </li>
  847. {/block:IfTagNavOne}
  848. {block:IfHeaderShowFollowMe}
  849. <li><a href="http://www.tumblr.com/follow/{Name}">follow</a></li>
  850. {/block:IfHeaderShowFollowMe}
  851. {block:AskEnabled}
  852. <li id="asklink"><a href="/ask">{AskLabel}</a></li>
  853. {/block:AskEnabled}
  854. {block:SubmissionsEnabled}
  855. <li id="submitlink"><a href="/submit">{SubmitLabel}</a></li>
  856. {/block:SubmissionsEnabled}
  857. {block:HasPages}
  858. {block:Pages}
  859. <li><a href="{URL}">{Label}</a></li>
  860. {/block:Pages}
  861. {/block:HasPages}
  862. {block:IfCustomLinkOneURL}
  863. <li><a href="{text:Custom Link One URL}" target="_blank">{text:Custom Link One Label}</a></li>
  864. {/block:IfCustomLinkOneURL}
  865. {block:IfCustomLinkTwoURL}
  866. <li><a href="{text:Custom Link Two URL}" target="_blank">{text:Custom Link Two Label}</a></li>
  867. {/block:IfCustomLinkTwoURL}
  868. {block:IfCustomLinkThreeURL}
  869. <li><a href="{text:Custom Link Three URL}" target="_blank">{text:Custom Link Three Label}</a></li>
  870. {/block:IfCustomLinkThreeURL}
  871. {block:IfCustomLinkFourURL}
  872. <li><a href="{text:Custom Link Four URL}" target="_blank">{text:Custom Link Four Label}</a></li>
  873. {/block:IfCustomLinkFourURL}
  874. <li><a href="/archive">archive</a></li>
  875. <li><a href="http://themecloud.co/themes/theflow-2.0/" target="_blank">tumblr theme</a></li>
  876. </ul>
  877. </nav>
  878. {/block:IfNotHeaderLeftAligned}{/block:IfHeaderCenterAligned}
  879. <!--defaults to this if no header selected-->
  880. {block:IfNotHeaderLeftAligned}{block:IfNotHeaderCenterAligned}{block:IfNotHeaderFullWidth}
  881. <nav class="nav-holder">
  882. <ul class="top-nav">
  883. <li><a href="/">home</a></li>
  884. {block:IfTagNavOne}
  885. <li class="tag-nav"><a href="#" class="category">{block:IfTagNavLabel}{text:Tag Nav Label}{/block:IfTagNavLabel}{block:IfNotTagNavLabel}tags{/block:IfNotTagNavLabel}</a>
  886. <ul>
  887. <li><a href="/tagged/{text:Tag Nav One}">{text:Tag Nav One}</a></li>
  888. {block:IfTagNavTwo}
  889. <li><a href="/tagged/{text:Tag Nav Two}">{text:Tag Nav Two}</a></li>
  890. {/block:IfTagNavTwo}
  891. {block:IfTagNavThree}
  892. <li><a href="/tagged/{text:Tag Nav Three}">{text:Tag Nav Three}</a></li>
  893. {/block:IfTagNavThree}
  894. {block:IfTagNavFour}
  895. <li><a href="/tagged/{text:Tag Nav Four}">{text:Tag Nav Four}</a></li>
  896. {/block:IfTagNavFour}
  897. {block:IfTagNavFive}
  898. <li><a href="/tagged/{text:Tag Nav Five}">{text:Tag Nav Five}</a></li>
  899. {/block:IfTagNavFive}
  900. {block:IfTagNavSix}
  901. <li><a href="/tagged/{text:Tag Nav Six}">{text:Tag Nav Six}</a></li>
  902. {/block:IfTagNavSix}
  903. {block:IfTagNavSeven}
  904. <li><a href="/tagged/{text:Tag Nav Seven}">{text:Tag Nav Seven}</a></li>
  905. {/block:IfTagNavSeven}
  906. {block:IfTagNavEight}
  907. <li><a href="/tagged/{text:Tag Nav Eight}">{text:Tag Nav Eight}</a></li>
  908. {/block:IfTagNavEight}
  909. {block:IfTagNavNine}
  910. <li><a href="/tagged/{text:Tag Nav Nine}">{text:Tag Nav Nine}</a></li>
  911. {/block:IfTagNavNine}
  912. {block:IfTagNavTen}
  913. <li><a href="/tagged/{text:Tag Nav Ten}">{text:Tag Nav Ten}</a></li>
  914. {/block:IfTagNavTen}
  915. </ul>
  916. </li>
  917. {/block:IfTagNavOne}
  918. {block:IfHeaderShowFollowMe}
  919. <li><a href="http://www.tumblr.com/follow/{Name}">follow</a></li>
  920. {/block:IfHeaderShowFollowMe}
  921. {block:AskEnabled}
  922. <li id="asklink"><a href="/ask">{AskLabel}</a></li>
  923. {/block:AskEnabled}
  924. {block:SubmissionsEnabled}
  925. <li id="submitlink"><a href="/submit">{SubmitLabel}</a></li>
  926. {/block:SubmissionsEnabled}
  927. {block:HasPages}
  928. {block:Pages}
  929. <li><a href="{URL}">{Label}</a></li>
  930. {/block:Pages}
  931. {/block:HasPages}
  932. {block:IfCustomLinkOneURL}
  933. <li><a href="{text:Custom Link One URL}" target="_blank">{text:Custom Link One Label}</a></li>
  934. {/block:IfCustomLinkOneURL}
  935. {block:IfCustomLinkTwoURL}
  936. <li><a href="{text:Custom Link Two URL}" target="_blank">{text:Custom Link Two Label}</a></li>
  937. {/block:IfCustomLinkTwoURL}
  938. {block:IfCustomLinkThreeURL}
  939. <li><a href="{text:Custom Link Three URL}" target="_blank">{text:Custom Link Three Label}</a></li>
  940. {/block:IfCustomLinkThreeURL}
  941. {block:IfCustomLinkFourURL}
  942. <li><a href="{text:Custom Link Four URL}" target="_blank">{text:Custom Link Four Label}</a></li>
  943. {/block:IfCustomLinkFourURL}
  944. <li><a href="/archive">archive</a></li>
  945. <li><a href="http://themecloud.co/themes/theflow-2.0/" target="_blank">tumblr theme</a></li>
  946. </ul>
  947. </nav>
  948. {/block:IfNotHeaderFullWidth}{/block:IfNotHeaderCenterAligned}{/block:IfNotHeaderLeftAligned}
  949. <div class="clear"></div>
  950. </div>
  951.  
  952. </header>
  953. {block:IndexPage}
  954. {block:IfImageGalleryOn}
  955. <section class="section-holder ldl-grad lt-line" id="section-galleria">
  956. <div class="galleria-aligning-container">
  957. <div class="frame-outer-holder" id="galleria-initial-loading">
  958. <div id="galleria-initial-loading-inner">
  959. <p class="galleria-initial-loading-p">Loading image gallery </p>
  960. <p class="galleria-initial-loading-p"><img src="http://static.tumblr.com/lba83dv/CeHltk94v/galleria-loader.gif" alt="Loading image gallery" width="16" height="16" /></p>
  961. </div>
  962. </div>
  963. <div class="frame-outer-holder" id="galleria-outer-holder">
  964. <!--get theme banner-->
  965. {block:IndexPage}
  966. <!--<div class="getthemecornersash" id="getthemecornersash">
  967. <a href="http://themecloud.co/themes/theflow-2.0/" target="_blank"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="126" height="126" alt="Install theflow theme for Tumblr here"/></a>
  968. </div>-->
  969. {/block:IndexPage}
  970. <div class="galleria-status">
  971. <p><span id="galleria-status"></span></p>
  972. </div>
  973. <div id="galleria">
  974. <div class="galleria-selector" id="galleria-selector">
  975. {block:Posts}
  976. {block:Photo}
  977. <a href="{PhotoURL-500}" class="imageholder"><img alt="{PhotoAlt}" src="{PhotoURL-250}"/></a>
  978. <div>
  979. <div class="galleria-layer-inner post-info">
  980. {block:Caption}<p class="galleria-photo-alt">{PhotoAlt}</p>{/block:Caption}
  981. <menu class="post-functions-menu">
  982. <div class="like">
  983. <div class="functions-button-background"></div>
  984. <div class="functions-button-image-holder">
  985. <a id="gallerialike{PostID}" href="javascript:likelink('{PostID}','{Permalink}','galleria');">
  986. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="24" height="24" alt="Like this post" id="gallerialikeimage{PostID}"/>
  987. </a>
  988. </div>
  989. </div>
  990. <div class="reblog">
  991. <div class="functions-button-background"></div>
  992. <div class="functions-button-image-holder">
  993. <a id="galleriareblog{PostID}" href="javascript:;" onclick="rebloglink(this,'{Permalink}');">
  994. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="30" height="24" alt="Reblog post"/>
  995. </a>
  996. </div>
  997. </div>
  998. {block:ContentSource}
  999. <div class="sourcegalleria">
  1000. <div class="functions-button-background"></div>
  1001. <div class="functions-button-image-holder">
  1002. <a href="{SourceURL}" target="_blank">
  1003. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="30" height="24" title="Source: {SourceTitle}"/>
  1004. </a>
  1005. </div>
  1006. </div>
  1007. {/block:ContentSource}
  1008. <div class="lightbox">
  1009. <div class="functions-button-background"></div>
  1010. <div class="functions-button-image-holder">
  1011. <a href="{PhotoURL-500}" data-lightbox="lightboxgalleria">
  1012. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="30" height="24" alt="View image in light box" class="lightboxtrigger"/>
  1013. </a>
  1014. </div>
  1015. </div>
  1016. {block:HighRes}
  1017. <div class="highres">
  1018. <div class="functions-button-background"></div>
  1019. <div class="functions-button-image-holder">
  1020. <a href="{PhotoURL-HighRes}" data-lightbox="lightboxgalleriares">
  1021. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="20" height="24" alt="View image in light box" class="lightboxtrigger"/>
  1022. </a>
  1023. </div>
  1024. </div>
  1025. {/block:HighRes}
  1026. <div class="permalinkicon">
  1027. <div class="functions-button-background"></div>
  1028. <div class="functions-button-image-holder">
  1029. <a href="{Permalink}">
  1030. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="30" height="24" alt="Permalink"/>
  1031. </a>
  1032. </div>
  1033. </div>
  1034. {block:NoteCount}
  1035. <div class="noteslabel">
  1036. <p><a id="gallerianotes{PostID}" href="{Permalink}">{NoteCount}</a></p>
  1037. </div>
  1038. {/block:NoteCount}
  1039. </menu>
  1040. </div>
  1041. </div>
  1042. {/block:Photo}
  1043. {/block:Posts}
  1044. </div>
  1045. </div>
  1046. <div class="galleria-footer" id="galleria-footer" style="display:none;">
  1047. <menu class="galleria-navigation" id="galleria-navigation">
  1048. <div id="galleria-navigation-forward" class="galleria-navigation-link"><a href="javascript:loadnextpictureposts();" title="Load more images"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="24" height="24" alt="Load more images"/></a></div>
  1049. <div id="galleria-navigation-back" class="galleria-navigation-link"><a href="javascript:loadpreviouspictureposts();" title="Load previous set of images"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="24" height="24" alt="Load previous set of images"/></a></div>
  1050. <div id="galleria-navigation-start" class="galleria-navigation-link"><a href="javascript:loadstartingpictureposts();" title="Go to the beginning"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="24" height="24" alt="Go to the beginning"/></a></div>
  1051. </menu>
  1052. </div>
  1053. </div>
  1054. </div>
  1055. </section>
  1056. {/block:IfImageGalleryOn}
  1057. {/block:IndexPage}
  1058. <section class="section-holder dld-grad lt-line" id="section-tradition-layout">
  1059. <div class="black-lines">
  1060. <div class="post-holder" id="content">
  1061. <!--get theme banner-->
  1062. {block:IndexPage}
  1063. <!--<div class="getthemecornersashpost" id="getthemecornersashpost">
  1064. <a href="http://themecloud.co/themes/theflow-2.0/" target="_blank"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="126" height="126" alt="Install theflow theme for Tumblr here"/></a>
  1065. </div>-->
  1066. {/block:IndexPage}
  1067. {block:Posts}
  1068. {block:Photo}
  1069. <div class="post">
  1070. <div class="media media-picture" id="{PostID}" data-postid="{PostID}">
  1071. {block:IndexPage}{block:IfColumnsSmall}<a href="{Permalink}"><img src="{PhotoURL-500}" class="contentphoto"/></a>{/block:IfColumnsSmall}{/block:IndexPage}
  1072. {block:IndexPage}{block:IfColumnsMedium}{block:IfNotColumnsSmall}<a href="{Permalink}"><img src="{PhotoURL-500}" class="contentphoto"/></a>{/block:IfNotColumnsSmall}{/block:IfColumnsMedium}{/block:IndexPage}
  1073. {block:IndexPage}{block:IfColumnsLarge}{block:IfNotColumnsSmall}{block:IfNotColumnsMedium}<a href="{Permalink}"><img src="{PhotoURL-500}" class="contentphoto"/></a>{/block:IfNotColumnsMedium}{/block:IfNotColumnsSmall}{/block:IfColumnsLarge}{/block:IndexPage}
  1074. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" class="contentphoto"/>{LinkCloseTag}{/block:PermalinkPage}
  1075. <!--default layout -->
  1076. {block:IndexPage}{block:IfNotColumnsSmall}{block:IfNotColumnsMedium}{block:IfNotColumnsLarge}<a href="{Permalink}"><img src="{PhotoURL-500}" class="contentphoto"/></a>{/block:IfNotColumnsLarge}{/block:IfNotColumnsMedium}{/block:IfNotColumnsSmall}{/block:IndexPage}
  1077. </div>
  1078. <div class="post-info-holder post-info post-info-picture">
  1079. {block:Caption}<p class="post-truncate">{PhotoAlt}</p>{/block:Caption}
  1080. <menu class="post-functions-menu">
  1081. <div class="like">
  1082. <div class="functions-button-background"></div>
  1083. <div class="functions-button-image-holder">
  1084. <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');">
  1085. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="24" height="24" alt="Like this post" id="likeimage{PostID}"/>
  1086. </a>
  1087. </div>
  1088. </div>
  1089. <div class="reblog">
  1090. <div class="functions-button-background"></div>
  1091. <div class="functions-button-image-holder">
  1092. <a id="reblog{PostID}" href="javascript:;" onclick="rebloglink(this,'{Permalink}');">
  1093. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="30" height="24" alt="Reblog this post"/>
  1094. </a>
  1095. </div>
  1096. </div>
  1097. {block:ContentSource}
  1098. {block:IndexPage}
  1099. <div class="sourceindex">
  1100. <div class="functions-button-background"></div>
  1101. <div class="functions-button-image-holder">
  1102. <a href="{SourceURL}" target="_blank">
  1103. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="30" height="24" title="Source: {SourceTitle}"/>
  1104. </a>
  1105. </div>
  1106. </div>
  1107. {/block:IndexPage}
  1108. {block:PermalinkPage}
  1109. <div class="source">
  1110. <p><span><a href="{SourceURL}" target="_blank">
  1111. {block:SourceLogo}
  1112. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="Source: {SourceTitle}" />
  1113. {/block:SourceLogo}
  1114. {block:NoSourceLogo}
  1115. Source: {SourceTitle}
  1116. {/block:NoSourceLogo}
  1117. </a></span></p>
  1118. </div>
  1119. {/block:PermalinkPage}
  1120. {/block:ContentSource}
  1121. <div class="lightbox">
  1122. <div class="functions-button-background"></div>
  1123. <div class="functions-button-image-holder">
  1124. <a href="{PhotoURL-500}" data-lightbox="lightboxmain">
  1125. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="30" height="24" alt="View image in light box"/>
  1126. </a>
  1127. </div>
  1128. </div>
  1129. {block:HighRes}
  1130. <div class="highres">
  1131. <div class="functions-button-background"></div>
  1132. <div class="functions-button-image-holder">
  1133. <a href="{PhotoURL-HighRes}" data-lightbox="lightboxres">
  1134. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="20" height="24" alt="View high res image"/>
  1135. </a>
  1136. </div>
  1137. </div>
  1138. {/block:HighRes}
  1139. {block:IndexPage}
  1140. <div class="permalinkicon">
  1141. <div class="functions-button-background"></div>
  1142. <div class="functions-button-image-holder">
  1143. <a href="{Permalink}">
  1144. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="30" height="24" alt="Permalink"/>
  1145. </a>
  1146. </div>
  1147. </div>
  1148. {/block:IndexPage}
  1149. {block:NoteCount}
  1150. <div class="noteslabel">
  1151. <p><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></p>
  1152. </div>
  1153. {/block:NoteCount}
  1154. </menu>
  1155. </div>
  1156. <div class="clear"></div>
  1157. </div>
  1158. {/block:Photo}
  1159. {block:Photoset}
  1160. <div class="post">
  1161. <div class="media media-other">
  1162. <div class="media-other-inner photosetouter" id="{PostID}" data-postid="{PostID}">
  1163. {block:IndexPage}{block:IfColumnsSmall}{Photoset-250}{/block:IfColumnsSmall}{/block:IndexPage}
  1164. {block:IndexPage}{block:IfColumnsMedium}{block:IfNotColumnsSmall}{Photoset-250}{/block:IfNotColumnsSmall}{/block:IfColumnsMedium}{/block:IndexPage}
  1165. {block:IndexPage}{block:IfColumnsLarge}{block:IfNotColumnsSmall}{block:IfNotColumnsMedium}{Photoset-400}{/block:IfNotColumnsMedium}{/block:IfNotColumnsSmall}{/block:IfColumnsLarge}{/block:IndexPage}
  1166. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  1167. <!--default layout -->
  1168. {block:IndexPage}{block:IfNotColumnsSmall}{block:IfNotColumnsMedium}{block:IfNotColumnsLarge}{Photoset-250}{/block:IfNotColumnsLarge}{/block:IfNotColumnsMedium}{/block:IfNotColumnsSmall}{/block:IndexPage}
  1169. </div>
  1170. {block:IndexPage}
  1171. {block:Caption}
  1172. <div class="media-other-inner text">
  1173. {Caption}
  1174. </div>
  1175. {/block:Caption}
  1176. {/block:IndexPage}
  1177. <div class="post-info-holder post-info post-info-other">
  1178. <menu class="post-functions-menu">
  1179. <div class="like">
  1180. <div class="functions-button-background"></div>
  1181. <div class="functions-button-image-holder">
  1182. <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');">
  1183. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="24" height="24" alt="Like this post" id="likeimage{PostID}"/>
  1184. </a>
  1185. </div>
  1186. </div>
  1187. <div class="reblog">
  1188. <div class="functions-button-background"></div>
  1189. <div class="functions-button-image-holder">
  1190. <a id="reblog{PostID}" href="javascript:;" onclick="rebloglink(this,'{Permalink}');">
  1191. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="30" height="24" alt="Click to reblog this post"/>
  1192. </a>
  1193. </div>
  1194. </div>
  1195. {block:ContentSource}
  1196. {block:IndexPage}
  1197. <div class="sourceindex">
  1198. <div class="functions-button-background"></div>
  1199. <div class="functions-button-image-holder">
  1200. <a href="{SourceURL}" target="_blank">
  1201. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="30" height="24" title="Source: {SourceTitle}"/>
  1202. </a>
  1203. </div>
  1204. </div>
  1205. {/block:IndexPage}
  1206. {block:PermalinkPage}
  1207. <div class="source">
  1208. <p><span><a href="{SourceURL}" target="_blank">
  1209. {block:SourceLogo}
  1210. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="Source: {SourceTitle}" />
  1211. {/block:SourceLogo}
  1212. {block:NoSourceLogo}
  1213. Source: {SourceTitle}
  1214. {/block:NoSourceLogo}
  1215. </a></span></p>
  1216. </div>
  1217. {/block:PermalinkPage}
  1218. {/block:ContentSource}
  1219. {block:IndexPage}
  1220. <div class="permalinkicon">
  1221. <div class="functions-button-background"></div>
  1222. <div class="functions-button-image-holder">
  1223. <a href="{Permalink}">
  1224. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="30" height="24" alt="Permalink"/>
  1225. </a>
  1226. </div>
  1227. </div>
  1228. {/block:IndexPage}
  1229. {block:NoteCount}
  1230. <div class="noteslabel">
  1231. <p><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></p>
  1232. </div>
  1233. {/block:NoteCount}
  1234. </menu>
  1235. </div>
  1236. </div>
  1237. <div class="clear"></div>
  1238. </div>
  1239. {/block:Photoset}
  1240. {block:Chat}
  1241. <div class="post">
  1242. <div class="media media-other">
  1243. {block:Title}
  1244. <div class="media-other-inner chat">
  1245. <h2>{Title}</h2>
  1246. </div>
  1247. <style>.chat{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;};</style>
  1248. {/block:Title}
  1249. {block:Lines}
  1250. <div class="media-other-inner chat {Alt}">
  1251. <p>{block:Label}{Label}{/block:Label} {Line}</p>
  1252. </div>
  1253. {/block:Lines}
  1254. <div class="post-info-holder post-info post-info-other">
  1255. <menu class="post-functions-menu">
  1256. <div class="like">
  1257. <div class="functions-button-background"></div>
  1258. <div class="functions-button-image-holder">
  1259. <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');">
  1260. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="24" height="24" alt="Like this post" id="likeimage{PostID}"/>
  1261. </a>
  1262. </div>
  1263. </div>
  1264. <div class="reblog">
  1265. <div class="functions-button-background"></div>
  1266. <div class="functions-button-image-holder">
  1267. <a id="reblog{PostID}" href="javascript:;" onclick="rebloglink(this,'{Permalink}');">
  1268. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="30" height="24" alt="Click to reblog this post"/>
  1269. </a>
  1270. </div>
  1271. </div>
  1272. {block:ContentSource}
  1273. {block:IndexPage}
  1274. <div class="sourceindex">
  1275. <div class="functions-button-background"></div>
  1276. <div class="functions-button-image-holder">
  1277. <a href="{SourceURL}" target="_blank">
  1278. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="30" height="24" title="Source: {SourceTitle}"/>
  1279. </a>
  1280. </div>
  1281. </div>
  1282. {/block:IndexPage}
  1283. {block:PermalinkPage}
  1284. <div class="source">
  1285. <p><span><a href="{SourceURL}" target="_blank">
  1286. {block:SourceLogo}
  1287. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="Source: {SourceTitle}" />
  1288. {/block:SourceLogo}
  1289. {block:NoSourceLogo}
  1290. Source: {SourceTitle}
  1291. {/block:NoSourceLogo}
  1292. </a></span></p>
  1293. </div>
  1294. {/block:PermalinkPage}
  1295. {/block:ContentSource}
  1296. {block:IndexPage}
  1297. <div class="permalinkicon">
  1298. <div class="functions-button-background"></div>
  1299. <div class="functions-button-image-holder">
  1300. <a href="{Permalink}">
  1301. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="30" height="24" alt="Permalink"/>
  1302. </a>
  1303. </div>
  1304. </div>
  1305. {/block:IndexPage}
  1306. {block:NoteCount}
  1307. <div class="noteslabel">
  1308. <p><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></p>
  1309. </div>
  1310. {/block:NoteCount}
  1311. </menu>
  1312. </div>
  1313. </div>
  1314. <div class="clear"></div>
  1315. </div>
  1316. {/block:Chat}
  1317. {block:Text}
  1318. <div class="post">
  1319. <div class="media media-other">
  1320. <div class="media-other-inner text" id="{PostID}" data-postid="{PostID}">
  1321. {block:Title}<h2>{Title}</h2>{/block:Title}
  1322. {Body}
  1323. </div>
  1324. <div class="post-info-holder post-info post-info-other">
  1325. <menu class="post-functions-menu">
  1326. <div class="like">
  1327. <div class="functions-button-background"></div>
  1328. <div class="functions-button-image-holder">
  1329. <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');">
  1330. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="24" height="24" alt="Like this post" id="likeimage{PostID}"/>
  1331. </a>
  1332. </div>
  1333. </div>
  1334. <div class="reblog">
  1335. <div class="functions-button-background"></div>
  1336. <div class="functions-button-image-holder">
  1337. <a id="reblog{PostID}" href="javascript:;" onclick="rebloglink(this,'{Permalink}');">
  1338. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="30" height="24" alt="Click to reblog this post"/>
  1339. </a>
  1340. </div>
  1341. </div>
  1342. {block:ContentSource}
  1343. {block:IndexPage}
  1344. <div class="sourceindex">
  1345. <div class="functions-button-background"></div>
  1346. <div class="functions-button-image-holder">
  1347. <a href="{SourceURL}" target="_blank">
  1348. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="30" height="24" title="Source: {SourceTitle}"/>
  1349. </a>
  1350. </div>
  1351. </div>
  1352. {/block:IndexPage}
  1353. {block:PermalinkPage}
  1354. <div class="source">
  1355. <p><span><a href="{SourceURL}" target="_blank">
  1356. {block:SourceLogo}
  1357. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="Source: {SourceTitle}" />
  1358. {/block:SourceLogo}
  1359. {block:NoSourceLogo}
  1360. Source: {SourceTitle}
  1361. {/block:NoSourceLogo}
  1362. </a></span></p>
  1363. </div>
  1364. {/block:PermalinkPage}
  1365. {/block:ContentSource}
  1366. {block:IndexPage}
  1367. <div class="permalinkicon">
  1368. <div class="functions-button-background"></div>
  1369. <div class="functions-button-image-holder">
  1370. <a href="{Permalink}">
  1371. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="30" height="24" alt="Permalink"/>
  1372. </a>
  1373. </div>
  1374. </div>
  1375. {/block:IndexPage}
  1376. {block:NoteCount}
  1377. <div class="noteslabel">
  1378. <p><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></p>
  1379. </div>
  1380. {/block:NoteCount}
  1381. </menu>
  1382. </div>
  1383. </div>
  1384. <div class="clear"></div>
  1385. </div>
  1386. {/block:Text}
  1387. {block:Link}
  1388. <div class="post">
  1389. <div class="media media-other">
  1390. <div class="media-other-inner link" id="{PostID}" data-postid="{PostID}">
  1391. <h2><a href="{URL}" target="_blank" class="linkurl">{Name}</a></h2>
  1392. </div>
  1393. {block:Description}
  1394. <div class="media-other-inner text">
  1395. <p>{Description}</p>
  1396. </div>
  1397. {/block:Description}
  1398. <div class="post-info-holder post-info post-info-other">
  1399. <menu class="post-functions-menu">
  1400. <div class="like">
  1401. <div class="functions-button-background"></div>
  1402. <div class="functions-button-image-holder">
  1403. <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');">
  1404. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="24" height="24" alt="Like this post" id="likeimage{PostID}"/>
  1405. </a>
  1406. </div>
  1407. </div>
  1408. <div class="reblog">
  1409. <div class="functions-button-background"></div>
  1410. <div class="functions-button-image-holder">
  1411. <a id="reblog{PostID}" href="javascript:;" onclick="rebloglink(this,'{Permalink}');">
  1412. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="30" height="24" alt="Click to reblog this post"/>
  1413. </a>
  1414. </div>
  1415. </div>
  1416. {block:ContentSource}
  1417. {block:IndexPage}
  1418. <div class="sourceindex">
  1419. <div class="functions-button-background"></div>
  1420. <div class="functions-button-image-holder">
  1421. <a href="{SourceURL}" target="_blank">
  1422. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="30" height="24" title="Source: {SourceTitle}"/>
  1423. </a>
  1424. </div>
  1425. </div>
  1426. {/block:IndexPage}
  1427. {block:PermalinkPage}
  1428. <div class="source">
  1429. <p><span><a href="{SourceURL}" target="_blank">
  1430. {block:SourceLogo}
  1431. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="Source: {SourceTitle}" />
  1432. {/block:SourceLogo}
  1433. {block:NoSourceLogo}
  1434. Source: {SourceTitle}
  1435. {/block:NoSourceLogo}
  1436. </a></span></p>
  1437. </div>
  1438. {/block:PermalinkPage}
  1439. {/block:ContentSource}
  1440. {block:IndexPage}
  1441. <div class="permalinkicon">
  1442. <div class="functions-button-background"></div>
  1443. <div class="functions-button-image-holder">
  1444. <a href="{Permalink}">
  1445. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="30" height="24" alt="Permalink"/>
  1446. </a>
  1447. </div>
  1448. </div>
  1449. {/block:IndexPage}
  1450. {block:NoteCount}
  1451. <div class="noteslabel">
  1452. <p><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></p>
  1453. </div>
  1454. {/block:NoteCount}
  1455. </menu>
  1456. </div>
  1457. </div>
  1458. <div class="clear"></div>
  1459. </div>
  1460. {/block:Link}
  1461. {block:Quote}
  1462. <div class="post">
  1463. <div class="media media-other">
  1464. <div class="media-other-inner quote" id="{PostID}" data-postid="{PostID}">
  1465. <div class="quotationtop">“</div>
  1466. <p class="quote-text">{Quote}</p>
  1467. {block:Source}<p class="quote-source">{Source}</p>{/block:Source}
  1468. <div class="quotationbottom">”</div>
  1469. </div>
  1470. <div class="post-info-holder post-info post-info-other">
  1471. <menu class="post-functions-menu">
  1472. <div class="like">
  1473. <div class="functions-button-background"></div>
  1474. <div class="functions-button-image-holder">
  1475. <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');">
  1476. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="24" height="24" alt="Like this post" id="likeimage{PostID}"/>
  1477. </a>
  1478. </div>
  1479. </div>
  1480. <div class="reblog">
  1481. <div class="functions-button-background"></div>
  1482. <div class="functions-button-image-holder">
  1483. <a id="reblog{PostID}" href="javascript:;" onclick="rebloglink(this,'{Permalink}');">
  1484. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="30" height="24" alt="Click to reblog this post"/>
  1485. </a>
  1486. </div>
  1487. </div>
  1488. {block:ContentSource}
  1489. {block:IndexPage}
  1490. <div class="sourceindex">
  1491. <div class="functions-button-background"></div>
  1492. <div class="functions-button-image-holder">
  1493. <a href="{SourceURL}" target="_blank">
  1494. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="30" height="24" title="Source: {SourceTitle}"/>
  1495. </a>
  1496. </div>
  1497. </div>
  1498. {/block:IndexPage}
  1499. {block:PermalinkPage}
  1500. <div class="source">
  1501. <p><span><a href="{SourceURL}" target="_blank">
  1502. {block:SourceLogo}
  1503. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="Source: {SourceTitle}" />
  1504. {/block:SourceLogo}
  1505. {block:NoSourceLogo}
  1506. Source: {SourceTitle}
  1507. {/block:NoSourceLogo}
  1508. </a></span></p>
  1509. </div>
  1510. {/block:PermalinkPage}
  1511. {/block:ContentSource}
  1512. {block:IndexPage}
  1513. <div class="permalinkicon">
  1514. <div class="functions-button-background"></div>
  1515. <div class="functions-button-image-holder">
  1516. <a href="{Permalink}">
  1517. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="30" height="24" alt="Permalink"/>
  1518. </a>
  1519. </div>
  1520. </div>
  1521. {/block:IndexPage}
  1522. {block:NoteCount}
  1523. <div class="noteslabel">
  1524. <p><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></p>
  1525. </div>
  1526. {/block:NoteCount}
  1527. </menu>
  1528. </div>
  1529. </div>
  1530. <div class="clear"></div>
  1531. </div>
  1532. {/block:Quote}
  1533. {block:Audio}
  1534. <div class="post">
  1535. <div class="media media-other" {block:PermalinkPage} id="permalinkaudio{PostID}" {/block:PermalinkPage}>
  1536. <div class="audio" id="{PostID}" data-postid="{PostID}">
  1537. <div class="audio-holder" id="audioholder{PostID}">{AudioPlayerBlack}</div>
  1538. {block:PermalinkPage}
  1539. <script>
  1540. $(document).ready(function(){
  1541. var audioobjecttocheck = $('#permalinkaudio{PostID}');
  1542. fixaudio(audioobjecttocheck);
  1543. })
  1544. </script>
  1545. {/block:PermalinkPage}
  1546. </div>
  1547. <div class="media-other-inner audiotext" id="audiotext{PostID}">
  1548. {block:AlbumArt}
  1549. <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" class="albumartwork"/>
  1550. {/block:AlbumArt}
  1551. {block:Artist}<p><strong>{Artist}</strong></p>{/block:Artist}
  1552. {block:TrackName}<p><strong>{TrackName}</strong></p>{/block:TrackName}
  1553. {block:Album}<p><strong>{Album}</strong></p>{/block:Album}
  1554. {block:ExternalAudio}<p><a href="{ExternalAudioURL}" target="_blank">{lang:Download}</a></p>{/block:ExternalAudio}
  1555. {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}
  1556. </div>
  1557. <div class="post-info-holder post-info post-info-other">
  1558. <menu class="post-functions-menu">
  1559. <div class="like">
  1560. <div class="functions-button-background"></div>
  1561. <div class="functions-button-image-holder">
  1562. <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');">
  1563. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="24" height="24" alt="Like this post" id="likeimage{PostID}"/>
  1564. </a>
  1565. </div>
  1566. </div>
  1567. <div class="reblog">
  1568. <div class="functions-button-background"></div>
  1569. <div class="functions-button-image-holder">
  1570. <a id="reblog{PostID}" href="javascript:;" onclick="rebloglink(this,'{Permalink}');">
  1571. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="30" height="24" alt="Click to reblog this post"/>
  1572. </a>
  1573. </div>
  1574. </div>
  1575. {block:ContentSource}
  1576. {block:IndexPage}
  1577. <div class="sourceindex">
  1578. <div class="functions-button-background"></div>
  1579. <div class="functions-button-image-holder">
  1580. <a href="{SourceURL}" target="_blank">
  1581. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="30" height="24" title="Source: {SourceTitle}"/>
  1582. </a>
  1583. </div>
  1584. </div>
  1585. {/block:IndexPage}
  1586. {block:PermalinkPage}
  1587. <div class="source">
  1588. <p><span><a href="{SourceURL}" target="_blank">
  1589. {block:SourceLogo}
  1590. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="Source: {SourceTitle}" />
  1591. {/block:SourceLogo}
  1592. {block:NoSourceLogo}
  1593. Source: {SourceTitle}
  1594. {/block:NoSourceLogo}
  1595. </a></span></p>
  1596. </div>
  1597. {/block:PermalinkPage}
  1598. {/block:ContentSource}
  1599. {block:IndexPage}
  1600. <div class="permalinkicon">
  1601. <div class="functions-button-background"></div>
  1602. <div class="functions-button-image-holder">
  1603. <a href="{Permalink}">
  1604. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="30" height="24" alt="Permalink"/>
  1605. </a>
  1606. </div>
  1607. </div>
  1608. {/block:IndexPage}
  1609. {block:NoteCount}
  1610. <div class="noteslabel">
  1611. <p><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></p>
  1612. </div>
  1613. {/block:NoteCount}
  1614. </menu>
  1615. </div>
  1616. </div>
  1617. <div class="clear"></div>
  1618. </div>
  1619. {/block:Audio}
  1620. {block:Video}
  1621. <div class="post">
  1622. <div class="media media-other">
  1623. <div class="media-other-inner video" id="{PostID}" data-postid="{PostID}">
  1624. {block:IndexPage}{block:IfColumnsSmall}{Video-250}{/block:IfColumnsSmall}{/block:IndexPage}
  1625. {block:IndexPage}{block:IfColumnsMedium}{block:IfNotColumnsSmall}{Video-250}{/block:IfNotColumnsSmall}{/block:IfColumnsMedium}{/block:IndexPage}
  1626. {block:IndexPage}{block:IfColumnsLarge}{block:IfNotColumnsSmall}{block:IfNotColumnsMedium}{Video-500}{/block:IfNotColumnsMedium}{/block:IfNotColumnsSmall}{/block:IfColumnsLarge}{/block:IndexPage}
  1627. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  1628. <!--default layout -->
  1629. {block:IndexPage}{block:IfNotColumnsSmall}{block:IfNotColumnsMedium}{block:IfNotColumnsLarge}{Video-500}{/block:IfNotColumnsLarge}{/block:IfNotColumnsMedium}{/block:IfNotColumnsSmall}{/block:IndexPage}
  1630.  
  1631. </div>
  1632. {block:IndexPage}{block:Caption}
  1633. <div class="media-other-inner text">
  1634. {Caption}
  1635. </div>
  1636. {/block:Caption}{/block:IndexPage}
  1637. <div class="post-info-holder post-info post-info-other">
  1638. <menu class="post-functions-menu">
  1639. <div class="like">
  1640. <div class="functions-button-background"></div>
  1641. <div class="functions-button-image-holder">
  1642. <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');">
  1643. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="24" height="24" alt="Like this post" id="likeimage{PostID}"/>
  1644. </a>
  1645. </div>
  1646. </div>
  1647. <div class="reblog">
  1648. <div class="functions-button-background"></div>
  1649. <div class="functions-button-image-holder">
  1650. <a id="reblog{PostID}" href="javascript:;" onclick="rebloglink(this,'{Permalink}');">
  1651. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="30" height="24" alt="Click to reblog this post"/>
  1652. </a>
  1653. </div>
  1654. </div>
  1655. {block:ContentSource}
  1656. {block:IndexPage}
  1657. <div class="sourceindex">
  1658. <div class="functions-button-background"></div>
  1659. <div class="functions-button-image-holder">
  1660. <a href="{SourceURL}" target="_blank">
  1661. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="30" height="24" title="Source: {SourceTitle}"/>
  1662. </a>
  1663. </div>
  1664. </div>
  1665. {/block:IndexPage}
  1666. {block:PermalinkPage}
  1667. <div class="source">
  1668. <p><span><a href="{SourceURL}" target="_blank">
  1669. {block:SourceLogo}
  1670. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="Source: {SourceTitle}" />
  1671. {/block:SourceLogo}
  1672. {block:NoSourceLogo}
  1673. Source: {SourceTitle}
  1674. {/block:NoSourceLogo}
  1675. </a></span></p>
  1676. </div>
  1677. {/block:PermalinkPage}
  1678. {/block:ContentSource}
  1679. {block:IndexPage}
  1680. <div class="permalinkicon">
  1681. <div class="functions-button-background"></div>
  1682. <div class="functions-button-image-holder">
  1683. <a href="{Permalink}">
  1684. <img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="30" height="24" alt="Permalink"/>
  1685. </a>
  1686. </div>
  1687. </div>
  1688. {/block:IndexPage}
  1689. {block:NoteCount}
  1690. <div class="noteslabel">
  1691. <p><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></p>
  1692. </div>
  1693. {/block:NoteCount}
  1694. </menu>
  1695. </div>
  1696. </div>
  1697. <div class="clear"></div>
  1698. </div>
  1699. {/block:Video}
  1700. {block:PermalinkPage}
  1701. <!--permalink start-->
  1702. <div class="permalinkinfoholder">
  1703. {block:Photo}<div class="permalinksplitter permalinkcaption">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photo}
  1704. {block:Photoset}<div class="permalinksplitter permalinkcaption">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}
  1705. {block:Audio}<div class="permalinksplitter permalinkcaption">{block:Caption}{Caption}{/block:Caption}</div>{/block:Audio}
  1706. {block:Video}<div class="permalinksplitter permalinkcaption"> {block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
  1707. <div class="permalinksplitter">
  1708. <ul>
  1709. {block:HighRes}{block:Photo}<li id="permalinkfullres"><a href="{PhotoURL-HighRes}" data-lightbox="lightboxpermalink">View full resolution image</a></li>{/block:Photo}{/block:HighRes}
  1710. <li><a id="permalinkreblog{PostID}" href="javascript:;" onclick="rebloglink(this,'{Permalink}');">Reblog post</a></li>
  1711. <li><a id="permalinklike{PostID}" href="javascript:likelink('{PostID}','{Permalink}','permalink');">Like post</a></li>
  1712. </ul>
  1713. </div>
  1714. {block:HasTags}
  1715. <div class="permalinksplitter">
  1716. <h3>Tags</h3>
  1717. <p class="permalinktags">{block:Tags}<span><a href="{TagURL}">{Tag}</a></span> {/block:Tags}</p>
  1718. </div>
  1719. {/block:HasTags}
  1720. {block:Exif}
  1721. <div class="permalinksplitter">
  1722. <h3>Exif data</h3>
  1723. <ul>
  1724. {block:Camera}
  1725. <li>Camera: <span class="highliteone">{Camera}</span></li>
  1726. {/block:Camera}
  1727. {block:Aperture}
  1728. <li>Aperture: <span class="highliteone">{Aperture}</span></li>
  1729. {/block:Aperture}
  1730. {block:Exposure}
  1731. <li>Exposure: <span class="highliteone">{Exposure}</span></li>
  1732. {/block:Exposure}
  1733. {block:FocalLength}
  1734. <li>Focal length: <span class="highliteone">{FocalLength}</span></li>
  1735. {/block:FocalLength}
  1736. </ul>
  1737. </div>
  1738. {/block:Exif}
  1739. <div class="permalinksplitter rebloggedfrom">
  1740. <h3>Notes</h3>
  1741. {block:RebloggedFrom}<p>Reblogged from - <a href="{ReblogParentURL}">{ReblogParentTitle}</a></p>{/block:RebloggedFrom}
  1742. {block:ContentSource}<p>Source - <a href="{SourceURL}" target="_blank">{SourceTitle}</a></p>{/block:ContentSource}
  1743. <p>Created - <span class="highliteone">{block:Date}{TimeAgo}{/block:Date}</span></p>
  1744. {block:NoteCount}<p>This post has - <span class="highliteone">{NoteCountWithLabel}</span></p>{/block:NoteCount}
  1745. </div>
  1746. <div class="permalinksplitter rebloggednotes">
  1747. {PostNotes}
  1748. </div><div id="notesloadingspinner"> </div>
  1749. </div>
  1750. <div class="clear"></div>
  1751. <!--permalink end-->
  1752. {/block:PermalinkPage}
  1753. {/block:Posts}
  1754. </div>
  1755. <div class="post-holder" id="section-navigation">
  1756. {block:Pagination}
  1757. <div class="post-navigation" id="navigation">
  1758. <p>
  1759. {block:PreviousPage} <a href="{PreviousPage}">< {lang:Previous}</a> {/block:PreviousPage}
  1760. {block:JumpPagination length="5"}
  1761. {block:CurrentPage}
  1762. <span class="current_page">{PageNumber}</span>
  1763. {/block:CurrentPage}
  1764. {block:JumpPage}
  1765. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1766. {/block:JumpPage}
  1767. {/block:JumpPagination}
  1768. {block:NextPage} <a href="{NextPage}" id="post-next">{lang:Next page} ></a>{/block:NextPage}
  1769. </p>
  1770. </div>
  1771. {/block:Pagination}
  1772. </div>
  1773. <div id="trad-post-spacer"> </div>
  1774. </div>
  1775. </section>
  1776. <!--wrapper-->
  1777. </div>
  1778.  
  1779. {block:IndexPage}
  1780. {block:IfColumnsFullWidthMode}
  1781. <input type="hidden" value="1" id="fullwidthcolumnlayout" name="fullwidthcolumnlayout">
  1782. {/block:IfColumnsFullWidthMode}
  1783. {/block:IndexPage}
  1784. {block:IfColumnsSmall}
  1785. <input type="hidden" name="ColumnWidthInd" id="ColumnWidthInd" value="240">
  1786. <input type="hidden" name="enabletraditionallayout" id="enabletraditionallayout" value="yes"/>
  1787. <input type="hidden" value="{block:IfInfiniteScrollOn}yes{/block:IfInfiniteScrollOn}{block:IfNotInfiniteScrollOn}no{/block:IfNotInfiniteScrollOn}" id="infinitescrollind" name="infinitescrollind">
  1788. {/block:IfColumnsSmall}
  1789. {block:IfColumnsMedium}
  1790. {block:IfNotColumnsSmall}
  1791. <input type="hidden" name="ColumnWidthInd" id="ColumnWidthInd" value="320">
  1792. <input type="hidden" name="enabletraditionallayout" id="enabletraditionallayout" value="yes"/>
  1793. <input type="hidden" value="{block:IfInfiniteScrollOn}yes{/block:IfInfiniteScrollOn}{block:IfNotInfiniteScrollOn}no{/block:IfNotInfiniteScrollOn}" id="infinitescrollind" name="infinitescrollind">
  1794. {/block:IfNotColumnsSmall}
  1795. {/block:IfColumnsMedium}
  1796. {block:IfColumnsLarge}
  1797. {block:IfNotColumnsSmall}
  1798. {block:IfNotColumnsMedium}
  1799. <input type="hidden" name="ColumnWidthInd" id="ColumnWidthInd" value="480">
  1800. <input type="hidden" name="enabletraditionallayout" id="enabletraditionallayout" value="yes"/>
  1801. <input type="hidden" value="{block:IfInfiniteScrollOn}yes{/block:IfInfiniteScrollOn}{block:IfNotInfiniteScrollOn}no{/block:IfNotInfiniteScrollOn}" id="infinitescrollind" name="infinitescrollind">
  1802. {/block:IfNotColumnsMedium}
  1803. {/block:IfNotColumnsSmall}
  1804. {/block:IfColumnsLarge}
  1805. {block:IfNotColumnsSmall}
  1806. {block:IfNotColumnsMedium}
  1807. {block:IfNotColumnsLarge}
  1808. <input type="hidden" name="ColumnWidthInd" id="ColumnWidthInd" value="480">
  1809. {/block:IfNotColumnsLarge}
  1810. {/block:IfNotColumnsMedium}
  1811. {/block:IfNotColumnsSmall}
  1812. <input type="hidden" value="1" id="postcurrentpage" name="postcurrentpage">
  1813. {block:IfImageGalleryOn}
  1814. <input type="hidden" value="" id="galleriafailed" name="galleriafailed">
  1815. <input type="hidden" value="" id="galleriafirstrun" name="galleriafirstrun">
  1816. <input type="hidden" value="" id="galleriasuccess" name="galleriasuccess">
  1817. <input type="hidden" value="" id="gallerialastgoodpage" name="gallerialastgoodpage">
  1818. <input type="hidden" value="0" id="galleriacurrentpage" name="galleriacurrentpage">
  1819. <input type="hidden" value="{CurrentPage}" id="gallerianextpage" name="gallerianextpage">
  1820. <input type="hidden" name="showhidegalleria" id="showhidegalleria" value="yes"/>
  1821. <script type="text/javascript" src="http://www.themester-assets.co.uk/theflow-v2/scripts/core-1.live.v201.js"></script>
  1822. <script type="text/javascript">
  1823. function rungalleria(galleriadatasource,nextpage,navtype) {
  1824. //alert('rungalleria galleriadatasource='+galleriadatasource+' nextpage='+nextpage+' navtype='+navtype)
  1825. $('#galleria').galleria({
  1826. imageCrop: {block:IfImageGalleryZoomFit}false{/block:IfImageGalleryZoomFit}{block:IfNotImageGalleryZoomFit}true{/block:IfNotImageGalleryZoomFit},
  1827. transition: 'fadeslide',
  1828. transitionSpeed: 1200,
  1829. autoplay: 8000,
  1830. //pauseOnInteraction: false,
  1831. extend: function () {
  1832. var gallery = this;
  1833. this.$('container').hover(function () {
  1834. gallery.pause();
  1835. }, function () {
  1836. gallery.play();
  1837. });
  1838. this.bind(Galleria.LOADFINISH, function (e) {
  1839. cleanupcaption('p.galleria-photo-alt', 70);
  1840. calltooltip('.sourcegalleria a img[title]',-26,-58, 'slide');
  1841. functionsbuttonhover();
  1842. $('.lightboxtrigger').click(this.proxy(function (e) {
  1843. e.preventDefault(); // removes the garbage
  1844. var obj = this.getData();
  1845. $.slimbox(obj.big);
  1846. }))
  1847. });
  1848. },
  1849. easing: 'swing',
  1850. imagePan: true,
  1851. preload: 2,
  1852. debug: false,
  1853. idleMode: false,
  1854. thumbCrop: 'height',
  1855. height: {block:IfImageGalleryHideThumbnails}361{/block:IfImageGalleryHideThumbnails}{block:IfNotImageGalleryHideThumbnails}463{/block:IfNotImageGalleryHideThumbnails},
  1856. showCounter: false,
  1857. dataSource: galleriadatasource,
  1858. dataConfig: function (img) {
  1859. return {
  1860. layer: $(img).parent().next().html()
  1861. };
  1862. }
  1863. });
  1864. $('#galleria-footer').css({display: "block"});
  1865. $('#galleria').css({display: "block"});
  1866. $('#galleria-outer-holder').css({display: "block"});
  1867. $('#galleria-initial-loading').css({display: "none"});
  1868. $("#galleria").css({height: "{block:IfImageGalleryHideThumbnails}361{/block:IfImageGalleryHideThumbnails}{block:IfNotImageGalleryHideThumbnails}463{/block:IfNotImageGalleryHideThumbnails}px"});
  1869. resetgalleriacontrols(nextpage,navtype);
  1870. }
  1871. </script>
  1872. {/block:IfImageGalleryOn}
  1873. <!--Get JS Start Here Use core.live.v201.js-->
  1874. <script type="text/javascript" src="http://www.themester-assets.co.uk/theflow-v2/scripts/getjs.asp?id=130779&fn=core.live.v201.js"></script>
  1875. <!--Get JS End Here-->
  1876. {block:ifInfiniteScrollOn}
  1877. <script type="text/javascript" src="http://www.themester-assets.co.uk/theflow-v2/scripts/core-2.live.v201.js"></script>
  1878. {/block:ifInfiniteScrollOn}
  1879. {block:ifNotFooterHideAll}
  1880. <input type="hidden" name="ShowFooterSection" id="ShowFooterSection" value="yes">
  1881. <section class="section-holder" id="moreouterholder">
  1882. <div class="center-holder social-bar-expander-outer">
  1883. <div class="more-link-holder">
  1884. <div id="closedmore">
  1885. <a id="togglemoreopen"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" height="19" width="21" title="Show me more"></a>
  1886. </div>
  1887. <div id="openmore">
  1888. <a id="togglemoreclosed"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" height="19" width="21" title="Show me less"></a>
  1889. </div>
  1890. </div>
  1891. </div>
  1892. <div class="social-holder trim-lt-line more-outer-holder-detail">
  1893. <div class="trim-hatching trim-black-lines">
  1894. <div class="center-holder social-bar-expander-outer">
  1895. <div class="social-like-button">
  1896. <div class="social-like-button-holder social-like-button-holder-addthis">
  1897. <a href="http://www.addthis.com/bookmark.php?v=250&pub=xa-4a6eedd730b1ff9e" rel="nofollow" onClick="return addthis_sendto()"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" height="27" width="27" alt="Add {Title} to your favorite social networking site"/></a>
  1898. <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4f58c116172635df"></script>
  1899. </div>
  1900. <div class="social-like-button-holder social-like-button-holder-pinterest">
  1901. <script>
  1902. var pinterestmedia="{block:IndexPage}{URLEncodedPortraitURL-128}{/block:IndexPage}{block:PermalinkPage}{block:Posts}{block:Photo}{URLEncodedPhotoURL-500}{/block:Photo}{block:Photoset}{URLEncodedPortraitURL-128}{/block:Photoset}{block:Chat}{URLEncodedPortraitURL-128}{/block:Chat}{block:Text}{URLEncodedPortraitURL-128}{/block:Text}{block:Link}{URLEncodedPortraitURL-128}{/block:Link}{block:Quote}{URLEncodedPortraitURL-128}{/block:Quote}{block:Audio}{URLEncodedPortraitURL-128}{/block:Audio}{block:Video}{URLEncodedPortraitURL-128}{/block:Video}{block:Posts}{/block:PermalinkPage}";
  1903. var pinterestdescription="{block:IndexPage}{URLEncodedTitle}{/block:IndexPage}{block:PermalinkPage}{block:Posts}{block:Photo}{block:ContentSource}Source: {URLEncodedSourceTitle} - {URLEncodedSourceURL} {/block:ContentSource}{/block:Photo}{block:Photoset}{block:ContentSource}Source: {URLEncodedSourceTitle} - {URLEncodedSourceURL} {/block:ContentSource}{/block:Photoset}{block:Chat} {block:Lines} {block:Label}{URLEncodedLabel}{/block:Label}{URLEncodedLine} {/block:Lines} {/block:Chat} {block:Text}{block:Title} {URLEncodedTitle} {/block:Title} {URLEncodedBody} {/block:Text}{block:Link}{URLEncodedURL} {/block:Link}{block:Quote}{URLEncodedQuote}{/block:Quote}{block:Audio}{block:ContentSource}Source: {URLEncodedSourceTitle} - {URLEncodedSourceURL} {/block:ContentSource}{/block:Audio}{block:Video}{block:ContentSource}Source: {URLEncodedSourceTitle} - {URLEncodedSourceURL} {/block:ContentSource}{/block:Video}{block:Posts}{/block:PermalinkPage}";
  1904. eval(function(p,a,c,k,e,d){e=function(c){return c.toString(36)};if(!''.replace(/^/,String)){while(c--){d[c.toString(a)]=k[c]||c.toString(a)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('2=9("",""),4="b://3.c/1/8/0/?e="+2+"&5="+6+"&7="+d;$(".o-l-0-f-3").m(n(){$(k).j("a.1-g-0").h("i",4)});',25,25,'button|pin|pinteresturl|pinterest|pinterestwholeurl|media|pinterestmedia|description|create|geturl||http|com|pinterestdescription|url|holder|it|attr|href|find|this|like|click|function|social'.split('|'),0,{}))
  1905. </script>
  1906. <a href="" class="pin-it-button" count-layout="none" target="_blank"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a>
  1907. </div>
  1908. <div class="social-like-button-holder social-like-button-holder-google">
  1909. <div class="g-plusone" data-size="medium" data-annotation="none"></div>
  1910. <script type="text/javascript">
  1911. window.___gcfg = {lang: 'en-GB'};
  1912. (function() {
  1913. var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
  1914. po.src = 'https://apis.google.com/js/plusone.js';
  1915. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  1916. })();
  1917. </script>
  1918. </div>
  1919. <div class="social-like-button-holder social-like-button-holder-twitter">
  1920. <a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-via="{text:Twitter Username}" target="_blank"></a>
  1921. <script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
  1922. </div>
  1923. <div class="social-like-button-holder social-like-button-holder-facebook">
  1924. <div id="fb-root" style="display:none;"></div>
  1925. <script>
  1926. (function(d, s, id) {
  1927. var js, fjs = d.getElementsByTagName(s)[0];
  1928. if (d.getElementById(id)) {return;}
  1929. js = d.createElement(s); js.id = id;
  1930. js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  1931. fjs.parentNode.insertBefore(js, fjs);
  1932. }(document, 'script', 'facebook-jssdk'));
  1933. </script>
  1934. <div class="fb-like" data-send="false" data-layout="button_count" data-show-faces="false" data-font="arial"></div>
  1935. </div>
  1936. </div>
  1937. <div class="more-credits social-bar-expander-inner">
  1938. <p id="footertempmessage"><a href="http://www.theflowtheme.co.uk" target="_blank">theflow 2.0</a> by <a href="http://www.themester.co.uk" target="_blank">Themester</a> - <a href="http://themecloud.co/themes/theflow-2.0/" target="_blank">install theme</a></p>
  1939. </div>
  1940. <div class="social-icon-holder">
  1941. <div class="back-to-top-button-holder" id="back-to-top-button-holder">
  1942. <a href="#backtotop" title="Back to top"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" height="30" width="40" alt="Back to the top"></a>
  1943. </div>
  1944. {block:IfFaceBookPage}
  1945. <div class="icon-holder facebook"><a href="{text:FaceBook Page}" target="_blank"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="24" height="24" alt="Visit my Facebook page"></a></div>
  1946. {/block:IfFaceBookPage}
  1947. {block:IfTwitterUsername}
  1948. <div class="icon-holder twitter"><a href="http://twitter.com/#!/{text:Twitter Username}" target="_blank"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="24" height="24" alt="Find me on Twitter"></a></div>
  1949. {/block:IfTwitterUsername}
  1950. {block:IfGooglePlusPage}
  1951. <div class="icon-holder googleplus"><a href="{text:Google Plus Page}" target="_blank"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="24" height="24" alt="Go to my Google Plus page"></a></div>
  1952. {/block:IfGooglePlusPage}
  1953. {block:IfYouTubePage}
  1954. <div class="icon-holder youtube"><a href="{text:YouTube Page}" target="_blank"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="24" height="24" alt="See my YouTube videos"></a></div>
  1955. {/block:IfYouTubePage}
  1956. {block:IfVimeoPage}
  1957. <div class="icon-holder vimeo"><a href="{text:Vimeo Page}" target="_blank"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="24" height="24" alt="See my Vimeo content"></a></div>
  1958. {/block:IfVimeoPage}
  1959. {block:IfFlickrUserID}
  1960. <div class="icon-holder flickr"><a href="http://www.flickr.com/photos/{text:Flickr User ID}" target="_blank"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="24" height="24" alt="View Flickr images"></a></div>
  1961. {/block:IfFlickrUserID}
  1962. {block:IfLinkedInPage}
  1963. <div class="icon-holder linkedin"><a href="{text:LinkedIn Page}" target="_blank"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="24" height="24" alt="Go to my LinkedIn page"></a></div>
  1964. {/block:IfLinkedInPage}
  1965. {block:IfFooterShowRSSFeed}
  1966. <div class="icon-holder rss"><a href="{RSS}" target="_blank"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="24" height="24" alt="Download my RSS feed"></a></div>
  1967. {/block:IfFooterShowRSSFeed}
  1968. </div>
  1969. <div class="clear"></div>
  1970. </div>
  1971. </div>
  1972. </div>
  1973. <section class="section-holder trim-ldl-grad" id="moreinfo">
  1974. <div class="more-holder trim-lt-line">
  1975. <div class="trim-hatching trim-black-lines">
  1976. <div class="more-info-holder" id="more-info-holder">
  1977. {block:IfFooterShowPeopleIFollow}
  1978. <div class="more-inner-holder more-following" id="more-following">
  1979. <input type="hidden" name="ShowPeopleIFollow" id="ShowPeopleIFollow" value="yes">
  1980. <div class="more-inset-holder-scroll-following" id="more-inset-holder-scroll-following">
  1981. <h2>Following...</h2>
  1982. {block:Following}{block:Followed} <a href="{FollowedURL}" target="_blank"><img src="{FollowedPortraitURL-30}" title="{FollowedTitle}"/></a> {/block:Followed} {/block:Following}
  1983. </div>
  1984. </div>
  1985. {/block:IfFooterShowPeopleIFollow}
  1986. {block:IfFlickrUserID}
  1987. <div class="more-inner-holder more-flickr" id="more-flickr">
  1988. <input type="hidden" name="FlickrAccNo" id="FlickrAccNo" value="yes">
  1989. <div class="more-inset-holder-scroll-flickr" id="more-inset-holder-scroll-flickr">
  1990. <h2><a href="http://www.flickr.com/photos/{text:Flickr User ID}" title="View all my flickr images" target="_blank">Visit my Flickr page</a></h2>
  1991. <script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=10&display=latest&size=s&layout=x&source=user&user={text:Flickr User ID}"></script>
  1992. <div class="clear"></div>
  1993. </div>
  1994. </div>
  1995. {/block:IfFlickrUserID}
  1996. {block:IfTwitterUsername}
  1997. <div class="more-inner-holder more-twitter" id="more-twitter">
  1998. <input type="hidden" name="TwitterUsername" id="TwitterUsername" value="yes">
  1999. <input type="hidden" name="TwitterTransfered" id="TwitterTransfered" value="">
  2000. <div class="more-inset-holder twitter-widget" id="more-twitter-inner">
  2001. </div>
  2002. </div>
  2003. {/block:IfTwitterUsername}
  2004. {block:IfFooterShowAboutMe}
  2005. <div class="more-inner-holder more-about-me" id="more-about-me">
  2006. <input type="hidden" name="ShowAboutMe" id="ShowAboutMe" value="yes">
  2007. <div class="more-inset-holder-scroll-about-me" id="more-inset-holder-scroll-about-me">
  2008. <h2>{Title}</h2>
  2009. <p><img src="{PortraitURL-64}" />{Description}</p>
  2010. <p> </p>
  2011. </div>
  2012. </div>
  2013. {/block:IfFooterShowAboutMe}
  2014. <div class="clear"></div>
  2015. </div>
  2016. </div>
  2017. </div>
  2018. </section>
  2019. {block:IfTwitterUsername}
  2020. <script src="http://widgets.twimg.com/j/2/widget.js"></script>
  2021. <div id="more-twitter-inner-temp">
  2022. <script>
  2023. new TWTR.Widget({
  2024. version: 2,
  2025. type: 'profile',
  2026. rpp: 3,
  2027. interval: 30000,
  2028. width: 220,
  2029. height: 300,
  2030. theme: {
  2031. shell: {
  2032. background: '{color:Trim Color}',
  2033. color: '{color:Text Color}'
  2034. },
  2035. tweets: {
  2036. background: '{color:Trim Color}',
  2037. color: '{color:Text Color}',
  2038. links: '{color:Highlite Color}'
  2039. }
  2040. },
  2041. features: {
  2042. scrollbar: false,
  2043. loop: false,
  2044. live: true,
  2045. behavior: 'all'
  2046. }
  2047. }).render().setUser('{text:Twitter Username}').start();
  2048. </script>
  2049. </div>
  2050. {/block:IfTwitterUsername}
  2051. <footer class="section-holder trim-lt-line">
  2052. <div class="footer-holder trim-hatching trim-black-lines">
  2053. <div class="center-holder">
  2054. <p id="footermessage"></p>
  2055. <a id="scrollmore"></a>
  2056. </div>
  2057. </div>
  2058. </footer>
  2059. </section>
  2060. {/block:ifNotFooterHideAll}
  2061. {block:ifFooterHideAll}
  2062. <div class="back-to-top-alt-button-holder" id="back-to-top-alt-button-holder">
  2063. <a href="#backtotop" title="Back to top"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" height="30" width="40" alt="Back to the top"></a>
  2064. </div>
  2065. {/block:ifFooterHideAll}
  2066. <noscript>
  2067. <div class="noscriptfader"></div>
  2068. <div class="noscriptfaderholder">
  2069. <h2>Uh Oh - Your web browser does not have JavaScript turned on!</h2>
  2070. <p>To use this site you need to have Javascript enabled in your web browser. Please read your browsers help guide to find out how to turn it on then <a href="/">click here</a> to reload the site.</p>
  2071. </div>
  2072. </noscript>
  2073. {block:SubmissionsEnabled}
  2074. <div class="submitholder" id="submitholder">
  2075. <div class="closeholder">
  2076. <a href="javascript:hidesubmit();" title="Close window"><img src="http://static.tumblr.com/lba83dv/3Bzly3h98/close.png" width="22" height="22" alt="Close submit section" /></a>
  2077. </div>
  2078. <iframe frameborder="0" scrolling="no" width="100%" height="500" id="submit_form" style="background-color:transparent; margin-top:15px; overflow:hidden;"></iframe>
  2079. <!--[if IE]><script type="text/javascript">document.getElementById('submit_form').allowTransparency=true;</script><![endif]-->
  2080. </div>
  2081. <div class="submitfader" id="submitfader"> </div>
  2082. {/block:SubmissionsEnabled}
  2083. {block:AskEnabled}
  2084. <div class="askholder" id="askholder">
  2085. <div class="closeholder">
  2086. <a href="javascript:hideask();" title="Close window"><img src="http://static.tumblr.com/lba83dv/3Bzly3h98/close.png" width="22" height="22" alt="Close ask section" /></a>
  2087. </div>
  2088. <iframe frameborder="0" scrolling="no" width="100%" height="149" src="" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
  2089. <!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  2090. </div>
  2091. <div class="askfader" id="askfader"> </div>
  2092. {/block:AskEnabled}
  2093. <div class="holder404">
  2094. <div class="closeholder">
  2095. <a href="javascript:hide404();" title="Close window"><img src="http://static.tumblr.com/lba83dv/3Bzly3h98/close.png" width="22" height="22" alt="Close ask section" /></a>
  2096. </div>
  2097. <h2>Uh Oh - The requested page is not there!</h2>
  2098. <p>Sorry we could not find it, try visiting the <a href="/">home page</a>.</p>
  2099. </div>
  2100. <div class="fader404" id="fader404"> </div>
  2101. <iframe id="likeiframe"></iframe>
  2102. <span id="scriptsinsert"> </span>
  2103. <script type="text/javascript"> Cufon.now(); </script>
  2104. {block:IfMusicPlayerCode}
  2105. {text:Music Player Code}
  2106. {/block:IfMusicPlayerCode}
  2107. <script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>
  2108. </body>
  2109. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement