API tools faq
paste
georgieee

theflow 2.0By Themester

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