1. <head>
  2. <meta charset="UTF-8">
  3. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  4. <title>{block:SearchPage}Search results for "{SearchQuery}" | {/block:SearchPage}{block:TagPage}{Tag} | {/block:TagPage}{block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title>
  5. <meta name="description" content="{MetaDescription}" />
  6. <meta name="keywords" content="{block:Tags}{Tag}, {/block:Tags}{Title}" />
  7. <meta name="author" content="Style Hatch - http://stylehatch.co | @stylehatch">
  8. <meta name="copyright" content="Swell Theme - Copyright Style Hatch &amp; New Ezra LLC 2012. All Rights Reserved." />
  9. <meta name="viewport" content="width=1000px">
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="apple-touch-icon" href="{PortraitURL-128}">
  12. <!-- OpenGraph -->
  13. <meta property="og:site_name" content="{Title}"/>
  14. {block:PermalinkPage}
  15. <meta property="og:url" content="{Permalink}"/>
  16. <meta property="og:type" content="article"/>
  17. {block:Posts}
  18. {block:Text}
  19. {block:Title}<meta property="og:title" content="{PlaintextTitle}"/>{/block:Title}
  20. <meta property="og:description" content="{PlaintextBody}"/>
  21. {/block:Text}
  22. {block:Photo}
  23. <meta property="og:image" content="{PhotoURL-500}"/>
  24. {block:Caption}<meta property="og:description" content="{PlaintextCaption}"/>{/block:Caption}
  25. {/block:Photo}
  26. {block:Photoset}
  27. {block:Photos}
  28. <meta property="og:image" content="{PhotoURL-500}"/>
  29. {/block:Photos}
  30. {block:Caption}<meta property="og:description" content="{PlaintextCaption}"/>{/block:Caption}
  31. {/block:Photoset}
  32. {block:Quote}
  33. <meta property="og:title" content="{PlaintextQuote}"/>
  34. <meta property="og:description" content="{PlaintextSource}"/>
  35. <meta property="og:image" content="{PortraitURL-64}"/>
  36. {/block:Quote}
  37. {block:Link}
  38. <meta property="og:title" content="{PlaintextName}"/>
  39. <meta property="og:description" content="{PlaintextDescription}"/>
  40. <meta property="og:image" content="{PortraitURL-64}"/>
  41. {/block:Link}
  42. {block:Chat}
  43. <meta property="og:title" content="{PlaintextTitle}"/>
  44. <meta property="og:description" content="{block:Lines}{block:Label}{Label}: {/block:Label}{Line} &bull; {/block:Lines}"/>
  45. <meta property="og:image" content="{PortraitURL-64}"/>
  46. {/block:Chat}
  47. {block:Audio}
  48. <meta property="og:title" content="{block:Artist}{Artist} - {/block:Artist}{block:TrackName}{TrackName}{/block:TrackName}"/>
  49. <meta property="og:description" content="{PlaintextCaption}"/>
  50. {block:AlbumArt}<meta property="og:image" content="{AlbumArtURL}"/>{/block:AlbumArt}
  51. {/block:Audio}
  52. {block:Video}
  53. {block:Caption}<meta property="og:description" content="{PlaintextCaption}"/>{/block:Caption}
  54. {/block:Video}
  55. {block:Answer}
  56. <meta property="og:title" content="{PlaintextQuestion}"/>
  57. <meta property="og:description" content="{PlaintextAnswer}"/>
  58. <meta property="og:image" content="{PortraitURL-64}"/>
  59. {/block:Answer}
  60. {/block:Posts}
  61. {/block:PermalinkPage}
  62. {block:IndexPage}
  63. <meta property="og:title" content="{Title}"/>
  64. <meta property="og:type" content="blog"/>
  65. <meta property="og:description" content="{MetaDescription}"/>
  66. <meta property="og:image" content="{PortraitURL-64}"/>
  67. {/block:IndexPage}
  68. <!-- APPEARANCE -->
  69. <!-- Colors -->
  70. <meta name="color:Background" content="#f5f3c7"/>
  71. <meta name="color:Page" content="#ffffff"/>
  72. <meta name="color:Accent" content="#f20a5c"/>
  73. <meta name="color:Title" content="#000000"/>
  74. <meta name="color:Text" content="#1f2223"/>
  75. <meta name="color:UI" content="#bbb9b1"/>
  76. <meta name="color:Nav" content="#fdf7f4"/>
  77. <meta name="color:Box" content="#ffffff"/>
  78. <!-- Images -->
  79. <meta name="image:Background" content="http://static.tumblr.com/fftf9xi/to1lno15u/bg-colorful.jpg"/>
  80. <meta name="image:Logo" content=""/>
  81. <!-- Options -->
  82. <meta name="if:Show portrait in description" content="0"/>
  83. <!-- <meta name="if:Enable infinite scrolling" content="1"/> -->
  84. <meta name="if:Fill background image" content="1"/>
  85. <meta name="if:Use custom photoset player" content="1"/>
  86. <!-- <meta name="if:Autoplay custom photoset player" content="0"/> -->
  87. <meta name="if:Show group blog details" content="1"/>
  88. <meta name="if:Show sites I follow" content="1"/>
  89. <meta name="if:Show share button" content="1"/>
  90. <meta name="if:Inverted colors" content="0"/>
  91. <!-- Custom Text -->
  92. <meta name="text:Description title" content="About this site"/>
  93. <meta name="text:Social links title" content=""/>
  94. <meta name="text:Authors title" content="Site authors"/>
  95. <meta name="text:Following title" content="Sites we follow"/>
  96. <meta name="text:Likes title" content="Posts I like"/>
  97. <meta name="text:Flickr title" content="Flickr Feed"/>
  98. <meta name="text:Footer copyright" content=""/>
  99. <!-- Custom Text - 3rd party -->
  100. <meta name="text:Disqus ID" content=""/>
  101. <meta name="text:Google Analytics ID" content=""/>
  102. <meta name="text:Clicky ID" content=""/>
  103. <meta name="text:Flickr ID" content=""/>
  104. <meta name="text:Typekit ID" content=""/>
  105. <meta name="text:Body font family" content='"Helvetica Neue", Helvetica, Arial, sans-serif'/>
  106. <meta name="text:Title font family" content='Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif'/>
  107. <meta name="text:UI font family" content='Arial, "Helvetica Neue", Helvetica, sans-serif'/>
  108. <meta name="text:Tweet count" content="1"/>
  109. <meta name="text:Likes count" content="3"/>
  110. <!-- Custom Text / Social links -->
  111. <meta name="text:Behance URL" content=""/>
  112. <meta name="text:Cargo URL" content=""/>
  113. <meta name="text:Delicious URL" content=""/>
  114. <meta name="text:Deviant Art URL" content=""/>
  115. <meta name="text:Digg URL" content=""/>
  116. <meta name="text:Dribbble URL" content=""/>
  117. <meta name="text:Ember URL" content=""/>
  118. <meta name="text:Etsy URL" content=""/>
  119. <meta name="text:Facebook URL" content=""/>
  120. <meta name="text:FFFFound URL" content=""/>
  121. <meta name="text:Flickr URL" content=""/>
  122. <meta name="text:Formspring URL" content=""/>
  123. <meta name="text:Forrst URL" content=""/>
  124. <meta name="text:Foursquare URL" content=""/>
  125. <meta name="text:Gowalla URL" content=""/>
  126. <meta name="text:Google Plus URL" content=""/>
  127. <meta name="text:LastFM URL" content=""/>
  128. <meta name="text:Linkedin URL" content=""/>
  129. <meta name="text:Myspace URL" content=""/>
  130. <meta name="text:Pinterest URL" content=""/>
  131. <meta name="text:Rdio URL" content=""/>
  132. <meta name="text:Skype URL" content=""/>
  133. <meta name="text:Slideshare URL" content=""/>
  134. <meta name="text:Soundcloud URL" content=""/>
  135. <meta name="text:Spotify URL" content=""/>
  136. <meta name="text:Stumbled Upon URL" content=""/>
  137. <meta name="text:Twitter URL" content=""/>
  138. <meta name="text:Vimeo URL" content=""/>
  139. <meta name="text:Website URL" content=""/>
  140. <meta name="text:YouTube URL" content=""/>
  141. <meta name="text:Email Address" content=""/>
  142. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  143. {block:IfTypekitID}
  144. <script type="text/javascript" src="http://use.typekit.com/{text:Typekit ID}.js"></script>
  145. <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
  146. {/block:IfTypekitID}
  147. <link rel="stylesheet" href="http://static.tumblr.com/fftf9xi/VF9m2c5eq/style.css">
  148. <link rel="stylesheet" href="http://static.tumblr.com/fftf9xi/2l6m2c5f3/media.css">
  149. <link rel="stylesheet" href="http://static.tumblr.com/fftf9xi/nh9lno1hy/pictos.css">
  150. <!--[if lt IE 9]>
  151. <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  152. <![endif]-->
  153. <style type="text/css">
  154. /* body */
  155. body {
  156. background: {color:Background};
  157. {block:IfNotFillBackgroundImage}{block:IfBackgroundImage}background-image: url({image:Background});{/block:IfBackgroundImage}{/block:IfNotFillBackgroundImage}
  158. }
  159. /* page */
  160. #container, article.photoset .pagination li, aside .search .search-text {
  161. background: {color:Page};
  162. }
  163. article p.read-more a, a.slide_prev:hover, a.slide_next:hover, aside .search .search-text:focus, aside .popular-posts .poppost .right a, article p.read-more a:hover, aside .popular-posts .poppost .right a:hover, aside p.btn a, aside p.btn a:hover, article p.btn a {
  164. color: {color:Page};
  165. }
  166. ::-moz-selection{ color:{color:Page}; }
  167. ::selection { color:{color:Page}; }
  168. /* text */
  169. a:hover, body, header#site h1 a, header#site nav ul li a, nav#mobile ul li a, nav#pagination ul li a, aside .authors ul li a, aside .search:before, article p.btn, article p.btn a:hover, nav#pagination ul li a.active, aside .search:before {
  170. color: {color:Text};
  171. }
  172. article p.read-more a, aside .popular-posts .poppost .right a, aside p.btn a, article p.btn a {
  173. background: {color:Text};
  174. }
  175. /* ~~~ TODO - Add text color to twitter follow widget */
  176. /* title */
  177. header#site h1 a {
  178. color: {color:Title};
  179. }
  180. article h1, article h2, article h3, article h4, article.text h2 a, article.quote header p, aside h1, aside h2, aside h3, aside h4 {
  181. color: {color:Title};
  182. }
  183. /* ui */
  184. article.chat section .chat_wrap p, ol.notes li, aside .description h4, aside .authors ul li, #likes li, aside .recent-updates .tweet .tweet_wrapper p, aside ul.community, article h4 {
  185. border-bottom: 1px dotted {color:UI};
  186. }
  187. article footer ul {
  188. border-top: 1px dotted {color:UI};
  189. }
  190. article section blockquote, ol.notes li blockquote, .liked-posts blockquote {
  191. border-left: 1px solid {color:UI};
  192. }
  193. aside .search .search-text {
  194. border-bottom: 1px solid {color:UI};
  195. }
  196. article.chat section .chat_wrap p small, article.ask .asker small, article footer ul, article footer ul.post-details li a, article footer ul.post-details li a:active, article footer ul.post-details li a:visited, article footer ul.post-meta li a, article footer ul.post-meta li a:active, article footer ul.post-meta li a:visited, ol.notes li .action, ol.notes li .action a, nav#pagination ul li.label, .post_info_bottom a, .post_info_bottom a:active, .post_info_bottom a:visited, .post_info_bottom .via, tweet_wrapper p strong, .tweet_wrapper p strong a, aside ul.community li a, aside ul.util li a, aside ul.community, aside ul.util, footer#bottom, nav#pagination ul li a, nav#pagination ul li a:hover {
  197. color: {color:UI};
  198. }
  199. article.photoset .pagination li a {
  200. background: {color:UI};
  201. }
  202. article.photoset .pagination:after {
  203. border-top: 1px dotted {color:UI};
  204. }
  205. /* nav */
  206. header#site nav, nav#pagination, nav#mobile {
  207. background: {color:Nav};
  208. }
  209. /* box */
  210. .slides_container, article.quote header .quote_wrap, article.link header .link_wrap, article.chat section .chat_wrap, article.ask header .ask_wrapper, aside .recent-updates .tweet .tweet_wrapper, .share_links {
  211. background: {color:Box};
  212. }
  213. article.ask header .ask_wrapper:after {
  214. border-top: 16px solid {color:Box};
  215. }
  216. aside .recent-updates .tweet .tweet_wrapper:after {
  217. border-top: 16px solid {color:Box};
  218. }
  219. /* accent */
  220. a, a:active, a:visited, header#site h1 a:hover, header#site nav ul li a:hover, nav#mobile ul li a:hover, a.slide_prev, a.slide_next, ol.notes li .action a:hover, aside .search .search-text, aside .authors ul li a:hover, article footer ul.post-meta li a:hover, article footer ul.post-details li a:hover, nav#pagination a:hover, .share_links_wrapper a.share_this_over, .post_info_bottom a:hover, aside ul.community li a:hover, aside ul.util li a:hover, nav#pagination ul li a.active:hover {
  221. color: {color:Accent};
  222. }
  223. aside .search .search-text::-webkit-input-placeholder {
  224. color: {color:Accent};
  225. }
  226. header#site h1 a:hover {
  227. color: {color:Accent};
  228. }
  229. article p.read-more a:hover, article.photoset .pagination li.current a, article.photoset .pagination li a:hover, a.slide_prev:hover, a.slide_next:hover, aside .search .search-text:focus, aside .popular-posts .poppost .right a:hover, aside p.btn a:hover, article p.btn a:hover {
  230. background: {color:Accent};
  231. }
  232. aside .search .search-text:focus {
  233. border-bottom: 1px solid {color:Accent};
  234. }
  235. /* ~~~ TODO - Add accent color to twitter follow widget */
  236. ::-moz-selection{ background: {color:Accent}; }
  237. ::selection { background:{color:Accent}; }
  238. a:link { -webkit-tap-highlight-color: {color:Accent}; }
  239. /* type */
  240. body {
  241. {block:IfBodyFontFamily}font-family: {text:Body font family};{/block:IfBodyFontFamily}
  242. }
  243. header#site h1, article h2, article h3, article h4, a.slide_prev span, a.slide_next span, article.quote header .quote_wrap p, article.link header .link_wrap h2, article.chat section .chat_wrap p, article.audio section h4, article.ask header .ask_wrapper h2, article.ask .asker small, ul.tags li a, article footer ul.post-details li a, article footer ul.post-details li a:active, article footer ul.post-details li a:visited, ol.notes li .action a, nav#pagination ul li.label, aside .search .search-text, aside .description h4, aside .authors h4, aside .recent-updates .tweet .tweet_wrapper p, aside .popular-posts h4, aside .popular-posts .poppost h2, aside .social-links h4, aside .liked-posts h4, .like_quote, .like_link, .like_title, .post_info_bottom a, .post_info_bottom a:active, .post_info_bottom a:visited, aside .flickr-feed h4, aside .follows h4, header#site p.mobile-jump a, tweet_wrapper p strong, .tweet_wrapper p strong a, footer#bottom {
  244. {block:IfTitleFontFamily}font-family: {text:Title font family};{/block:IfTitleFontFamily}
  245. }
  246. header#site nav, nav#mobile, article p.read-more a, article.chat section .chat_wrap p small, ul.tags li.label, article footer ul li, ol.notes li .action, nav#pagination, aside .popular-posts .poppost .right a, .post_info_bottom .via, .post_info_bottom a, .post_info_bottom a:active, .post_info_bottom a:visited, aside ul.community, aside ul.util, article p.btn {
  247. {block:IfUIFontFamily}font-family: {text:UI font family};{/block:IfUIFontFamily}
  248. }
  249. {block:IfInvertedColors}
  250. /* icons */
  251. .social-links li a { background-image: url(http://static.tumblr.com/fftf9xi/5lTlp6p5d/social-icons-white.png) !important; }
  252. {/block:IfInvertedColors}
  253. /* Custom CSS */
  254. {CustomCSS}
  255. </style>
  256. <script type="text/javascript">
  257. var ANoir = window.ANoir || {};
  258. ANoir.themeName = "Atlantic Noir Theme";
  259. ANoir.demoSiteURL = "http://atlanticnoir.stylehatch.co";
  260. ANoir.supportURL = "mailto:[email protected]";
  261. ANoir.autoplay = false; //{block:IfAutoplayCustomPhotosetPlayer}true{/block:IfAutoplayCustomPhotosetPlayer}{block:IfNotAutoplayCustomPhotosetPlayer}false{/block:IfNotAutoplayCustomPhotosetPlayer};
  262. ANoir.photosetPlayer = {block:IfUseCustomPhotosetPlayer}true{/block:IfUseCustomPhotosetPlayer}{block:IfNotUseCustomPhotosetPlayer}false{/block:IfNotUseCustomPhotosetPlayer};
  263. ANoir.infScroll = false;
  264. {block:Twitter}
  265. ANoir.twitterUser = "{TwitterUsername}";
  266. ANoir.tweetCount = {block:IfTweetCount}{text:Tweet count}{/block:IfTweetCount}{block:IfNotTweetCount}3{/block:IfNotTweetCount};
  267. {/block:Twitter}
  268. ANoir.likesCount = {block:IfLikesCount}{text:Likes count}{/block:IfLikesCount}{block:IfNotLikesCount}3{/block:IfNotLikesCount};
  269. {block:English}ANoir.lang = "en";{/block:English}
  270. {block:German}ANoir.lang = "de";{/block:German}
  271. {block:French}ANoir.lang = "fr";{/block:French}
  272. {block:Italian}ANoir.lang = "it";{/block:Italian}
  273. {block:Japanese}ANoir.lang = "jp";{/block:Japanese}
  274. {block:Turkish}ANoir.lang = "tr";{/block:Turkish}
  275. ANoir.flickrID = "{text:Flickr ID}";
  276. ANoir.clickyID = "{text:Clicky ID}";
  277. ANoir.googleID = "{text:Google Analytics ID}";
  278. ANoir.disqusID = "{text:Disqus ID}";
  279. ANoir.typekitID = "{text:Typekit ID}";
  280. ANoir.accentColor = "{color:Accent}";
  281. ANoir.invertedColors = {block:IfInvertedColors}true{/block:IfInvertedColors}{block:IfNotInvertedColors}false{/block:IfNotInvertedColors};
  282. if(top===self) {
  283. ANoir.customizeMode=false;
  284. } else if (top.location.hostname.toString()=="www.tumblr.com") {
  285. ANoir.customizeMode=true;
  286. } else {
  287. ANoir.customizeMode=false;
  288. }
  289. </script>
  290. <script src="http://assets.tumblr.com/javascript/tumblelog.js" type="text/javascript"></script>
  291. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  292. <script>!window.jQuery && document.write(unescape('%3Cscript src="http://static.tumblr.com/fftf9xi/lI7lno1k8/jquery-1.5.1.min.js"%3E%3C/script%3E'))</script>
  293. </head>
  294. <body>
  295. <div id="container">
  296. <header id="site">
  297. {block:IfLogoImage}
  298. <h1><a href="/" title="{Title} - {lang:Home}"><img src="{image:Logo}" alt="{Title}" /></a></h1>
  299. {/block:IfLogoImage}
  300. {block:IfNotLogoImage}
  301. <h1><a href="/" title="{Title} - {lang:Home}">{Title}</a></h1>
  302. {/block:IfNotLogoImage}
  303. {block:HasPages}
  304. <nav>
  305. <ul>
  306. {block:Pages}<li><a href="{URL}" title="{Label}">{Label}</a></li>{/block:Pages}
  307. </ul>
  308. </nav>
  309. {/block:HasPages}
  310. <p class="mobile-jump"><a href="#">Scroll to Info &amp; Navigation</a></p>
  311. </header>
  312. <div id="main" class="clearfix">
  313. <section id="content">
  314. {block:SearchPage}
  315. <article class="results">
  316. {block:English}
  317. <header>
  318. <h2>Search Results</h2>
  319. </header>
  320. <section>
  321. <p>{SearchQuery} - {SearchResultCount} found{block:NoSearchResults}<br /><em>Sorry, no search results found</em>{/block:NoSearchResults}</p>
  322. </section>
  323. {/block:English}
  324. {block:NotEnglish}
  325. <header>
  326. <h2>{lang:Search}</h2>
  327. </header>
  328. <section>
  329. <p>{lang:SearchResultCount results for SearchQuery}{block:NoSearchResults}<br /><em>{lang:Sorry no search results found}</em>{/block:NoSearchResults}</p>
  330. </section>
  331. {/block:NotEnglish}
  332. </article>
  333. {/block:SearchPage}
  334. {block:TagPage}
  335. <article class="results">
  336. {block:English}
  337. <header>
  338. <h2></h2>
  339. </header>
  340. <section>
  341. </section>
  342. {/block:English}
  343. {block:NotEnglish}
  344. <header>
  345. </header>
  346. <section>
  347. </section>
  348. {/block:NotEnglish}
  349. </article>
  350. {/block:TagPage}
  351. {block:DayPage}
  352. <article class="results">
  353. {block:English}
  354. {/block:English}
  355. </article>
  356. {/block:DayPage}
  357. {block:Posts}
  358. {block:Text}
  359. <article class="text" id="post_{PostID}" data-postID="{PostID}" data-permalink="{Permalink}">
  360. <header>
  361. {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  362. </header>
  363. <section>
  364. {Body}
  365. {block:More}<p class="read-more"><a href="{Permalink}">{lang:Read more}</a></p>{/block:More}
  366. {/block:Text}
  367. {block:Photo}
  368. <article class="photo" id="post_{PostID}" data-postID="{PostID}" data-permalink="{Permalink}">
  369. <header>
  370. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}
  371. </header>
  372. <section>
  373. {block:Caption}{Caption}{/block:Caption}
  374. {/block:Photo}
  375. {block:Photoset}
  376. <article class="photoset" id="post_{PostID}" data-postID="{PostID}" data-permalink="{Permalink}">
  377. <div class="slides">
  378. <header>
  379. {block:IfUseCustomPhotosetPlayer}
  380. <div class="tumblr_slideshow">
  381. <div class="slides_container">
  382. {block:Photos}
  383. <div class="slide_box visuallyhidden">
  384. <img src="{PhotoURL-500}" {block:HighRes}data-highres="{PhotoURL-HighRes}" {/block:HighRes}alt="{Caption}" class="photoset_photo" />
  385. </div>
  386. {/block:Photos}
  387. </div>
  388. <div class="slides_nav">
  389. <a href="#" class="slide_prev"><span>&lsaquo;</span></a>
  390. <a href="#" class="slide_next"><span>&rsaquo;</span></a>
  391. </div>
  392. </div>
  393. {/block:IfUseCustomPhotosetPlayer}
  394. {block:IfNotUseCustomPhotosetPlayer}
  395. <div class="tumblr_photoset visuallyhidden" data-photoset-layout="{PhotosetLayout}" data-photoset-id="photoset{PostID}">
  396. {block:Photos}
  397. <img src="{PhotoURL-250}" data-500px="{PhotoURL-500}" {block:HighRes}data-highres="{PhotoURL-HighRes}"{/block:HighRes} alt="{Caption}">
  398. {/block:Photos}
  399. </div>
  400. {/block:IfNotUseCustomPhotosetPlayer}
  401. </header>
  402. </div>
  403. <section>
  404. {block:Caption}{Caption}{/block:Caption}
  405. {/block:Photoset}
  406. {block:Quote}
  407. <article class="quote" id="post_{PostID}" data-postID="{PostID}" data-permalink="{Permalink}">
  408. <header>
  409. <div class="quote_wrap">
  410. <p><span class="quote_start">&ldquo;</span>{Quote}<span class="quote_end">&rdquo;</span></p>
  411. </div>
  412. </header>
  413. <section>
  414. {block:Source}{Source}{/block:Source}
  415. {/block:Quote}
  416. {block:Link}
  417. <article class="link" id="post_{PostID}" data-postID="{PostID}" data-permalink="{Permalink}">
  418. <header>
  419. <div class="link_wrap">
  420. <h2><a href="{URL}" {Target}>{Name}</a><span>&#187;</span></h2>
  421. </div>
  422. </header>
  423. <section>
  424. {block:Description}{Description}{/block:Description}
  425. {/block:Link}
  426. {block:Chat}
  427. <article class="chat" id="post_{PostID}" data-postID="{PostID}" data-permalink="{Permalink}">
  428. <header>
  429. {block:Title}<h2>{Title}</h2>{/block:Title}
  430. </header>
  431. <section class="clearfix">
  432. <div class="chat_wrap">
  433. {block:Lines}<p class="{Alt}">{block:Label}<small>{Label}</small>{/block:Label}<br />
  434. {Line}</p>{/block:Lines}
  435. </div>
  436. {/block:Chat}
  437. {block:Audio}
  438. <article class="audio" id="post_{PostID}" data-postID="{PostID}" data-permalink="{Permalink}">
  439. <header>
  440. {block:AudioEmbed}{AudioEmbed-250}{/block:AudioEmbed}
  441. {block:AudioPlayer}{block:AlbumArt}<img src="{AlbumArtURL}" class="album-art" alt="{block:TrackName}{TrackName}{/block:TrackName}{block:Artist} - {Artist}{/block:Artist}" />{/block:AlbumArt}{/block:AudioPlayer}
  442. </header>
  443. <section>
  444. {block:TrackName}
  445. <h2>{TrackName}</h2>
  446. <h4>{block:Artist}{Artist}{/block:Artist}{block:Album} &bull; {Album}{/block:Album}</h4>
  447. {/block:TrackName}
  448. {block:AudioPlayer}
  449. <div class="audio-player">
  450. {block:IfNotInvertedColors}{AudioPlayerBlack}{/block:IfNotInvertedColors}
  451. {block:IfInvertedColors}{AudioPlayerWhite}{/block:IfInvertedColors}
  452. </div>
  453. {/block:AudioPlayer}
  454. {block:Caption}{Caption}{/block:Caption}
  455. {block:AudioPlayer}
  456. <p class="btn">{block:ExternalAudio}<a href="{ExternalAudioURL}" class="audio-download">{lang:Download}</a>{/block:ExternalAudio} <span class="audio-plays">{PlayCountWithLabel}</span></p>
  457. {/block:AudioPlayer}
  458. {/block:Audio}
  459. {block:Video}
  460. <article class="video" id="post_{PostID}" data-postID="{PostID}" data-permalink="{Permalink}">
  461. <header>
  462. {Video-500}
  463. </header>
  464. <section>
  465. {block:Caption}{Caption}{/block:Caption}
  466. {/block:Video}
  467. {block:Answer}
  468. <article class="ask" id="post_{PostID}" data-postID="{PostID}" data-permalink="{Permalink}">
  469. <header>
  470. <div class="ask_wrapper">
  471. <h2>{Question}</h2>
  472. </div>
  473. </header>
  474. <section>
  475. <p class="asker"><small>Asked by</small><br />
  476. <img src="{AskerPortraitURL-16}" height="16" width="16"> <strong>{Asker}</strong></p>
  477. {Answer}
  478. {/block:Answer}
  479. {block:HasTags}
  480. {/block:HasTags}
  481. </section>
  482. <footer>
  483. {block:Date}
  484. <ul class="post-details">
  485. {block:IfShowGroupBlogDetails}{block:GroupMembers}
  486. <li class="post-author">{lang:By PostAuthorName 2}</li>
  487. {/block:GroupMembers}{/block:IfShowGroupBlogDetails}
  488. {block:RebloggedFrom}
  489. <li class="post-reblog">{block:English}from <a href="{ReblogRootURL}">{ReblogRootTitle}</a>{/block:English}
  490. {block:NotEnglish}{lang:Reblogged from ReblogRootTitle 2}{/block:NotEnglish}</li>
  491. {/block:RebloggedFrom}
  492. {block:ContentSource}
  493. <li class="post-source">{lang:Source}
  494. {block:SourceLogo}<a href="{SourceURL}"><img src="{block:IfInvertedColors}{WhiteLogoURL}{block:IfInvertedColors}{block:IfNotInvertedColors}{BlackLogoURL}{/block:IfNotInvertedColors}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /></a>{/block:SourceLogo}
  495. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</li>
  496. {/block:ContentSource}
  497. </ul>
  498. <ul class="post-meta">
  499. {block:IfDisqusID}<li class="comments"><a href="{Permalink}#disqus_thread" class="dsq-comment-count">{lang:Comment}</a></li>{/block:IfDisqusID}
  500. {block:IndexPage}
  501. {block:IfShowShareButton}
  502. <li class="share">
  503. <a href="{ShortURL}">{lang:Share this}</a>
  504. <div class="share_links_wrapper">
  505. <div class="share_links">
  506. <input type="text" value="{ShortURL}" class="short_url_text" readonly="">
  507. <div class="share-buttons" data-permalink="{Permalink}"></div>
  508. </div>
  509. </div>
  510. </li>
  511. {/block:IfShowShareButton}
  512. {/block:IndexPage}
  513. </ul>
  514. {block:PermalinkPage}
  515. <div class="share-buttons visible-bar" data-permalink="{Permalink}"></div>
  516. {/block:PermalinkPage}
  517. {/block:Date}
  518. </footer>
  519. </article>
  520. {block:PermalinkPage}
  521. {block:Date}
  522. {block:IfDisqusID}
  523. <article class="disqus">
  524. <section>
  525. <h3>{lang:Recent comments}</h3>
  526. <!-- Begin Disqus -->
  527. <script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script>
  528. <div id="disqus_thread"></div>
  529. <script type="text/javascript">
  530. var disqus_identifier = {PostID};
  531. var disqus_config = function () {
  532. var config = this;
  533. config.callbacks.onReady.push(function () { });
  534. config.callbacks.onNewComment.push(function () { });
  535. };
  536. (function() {
  537. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  538. dsq.src = 'http://{text:Disqus ID}.disqus.com/embed.js';
  539. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  540. })();
  541. </script>
  542. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus ID}">comments powered by Disqus.</a></noscript>
  543. {lang:Blog comments powered by Disqus 2}
  544. <!-- end Disqus -->
  545. </section>
  546. </article>
  547. {/block:IfDisqusID}
  548. {block:PostNotes}
  549. {/block:PostNotes}
  550. {/block:Date}
  551. {/block:PermalinkPage}
  552. {/block:Posts}
  553. {block:Pagination}
  554. <nav id="pagination">
  555. <ul>
  556. <li class="prev"><a{block:PreviousPage} href="{PreviousPage}" class="active"{/block:PreviousPage}>{lang:Previous page}</a></li>
  557. <li class="next"><a{block:NextPage} href="{NextPage}" class="active"{/block:NextPage}>{lang:Next page}</a></li>
  558. <li class="label">{lang:Page CurrentPage of TotalPages}</li>
  559. </ul>
  560. </nav>
  561. {/block:Pagination}
  562. {block:PermalinkPagination}
  563. <nav id="pagination">
  564. <ul>
  565. <li class="prev"><a{block:PreviousPost} href="{PreviousPost}" class="active"{/block:PreviousPost}>{lang:Previous post}</a></li>
  566. <li class="next"><a{block:NextPost} href="{NextPost}" class="active"{/block:NextPost}>{lang:Next post}</a></li>
  567. <li class="label"></li>
  568. </ul>
  569. </nav>
  570. {/block:PermalinkPagination}
  571. {block:DayPagination}
  572. <nav id="pagination">
  573. <ul>
  574. <li class="prev"><a{block:PreviousDayPage} href="{PreviousDayPage}" class="active"{/block:PreviousDayPage}>{lang:Previous day}</a></li>
  575. <li class="next"><a{block:NextDayPage} href="{NextDayPage}" class="active"{/block:NextDayPage}>{lang:Next day}</a></li>
  576. <li class="label"></li>
  577. </ul>
  578. </nav>
  579. {/block:DayPagination}
  580. </section>
  581. </li>
  582. </ul>
  583. </div>
  584. {block:HasPages}
  585. <nav id="mobile">
  586. <ul>
  587. {block:Pages}<li><a href="{URL}" title="{Label}">{Label}</a></li>{/block:Pages}
  588. </ul>
  589. </nav>
  590. {/block:HasPages}
  591. {block:GroupMembers}
  592. {block:IfShowGroupBlogDetails}
  593. <div class="authors">
  594. {block:IfAuthorsTitle}<h4>{text:Authors title}</h4>{/block:IfAuthorsTitle}
  595. <ul>
  596. {block:GroupMember}
  597. <li><img src="{GroupMemberPortraitURL-24}" height="24" width="24" class="icon">
  598. <a href="{GroupMemberURL}" title="{GroupMemberName} - {GroupMemberTitle}">{GroupMemberTitle}</a></li>
  599. {/block:GroupMember}
  600. </ul>
  601. </div>
  602. {/block:IfShowGroupBlogDetails}
  603. {/block:GroupMembers}
  604. {block:Twitter}
  605. <div class="recent-updates">
  606. <div class="tweet">
  607. <div class="tweet_wrapper">
  608. <p><em>{lang:Loading} tweets...</em></p>
  609. </div>
  610. </div>
  611. <p><a href="http://twitter.com/{TwitterUsername}" class="twitter-follow-button" data-button="grey" data-text-color="{color:Text}" data-link-color="{color:Accent}" data-width="220px">Follow @{TwitterUsername}</a></p>
  612. </div>
  613. {/block:Twitter}
  614. {block:Likes}
  615. <div class="liked-posts">
  616. {block:IfLikesTitle}<h4>{text:Likes title}</h4>{/block:IfLikesTitle}
  617. {Likes limit="10" summarize="180" width="220"}
  618. <p class="btn"><a href="http://www.tumblr.com/liked/by/{Name}" class="btn">{lang:More liked posts}</a></p>
  619. </div>
  620. {/block:Likes}
  621. {block:IfFlickrID}
  622. <div class="flickr-feed">
  623. {block:IfFlickrTitle}<h4>{text:Flickr title}</h4>{/block:IfFlickrTitle}
  624. <p class="loading"><em>{lang:Loading} Flickr...</em></p>
  625. <ul class="clearfix flickrfeed"></ul>
  626. <p class="btn"><a href="http://www.flickr.com/photos/{text:Flickr ID}" class="btn">{lang:More} - Flickr</a></p>
  627. </div>
  628. {/block:IfFlickrID}
  629. {block:IfShowSitesIFollow}
  630. {block:Following}
  631. <div class="follows">
  632. {block:IfFollowingTitle}<h4>{text:Following title}</h4>{/block:IfFollowingTitle}
  633. <ul class="clearfix">
  634. {block:Followed}
  635. <li>
  636. <a href="{FollowedURL}" title="{FollowedTitle}" data-icon="{FollowedPortraitURL-24}"></a>
  637. </li>
  638. {/block:Followed}
  639. </ul>
  640. <p class="btn"><a href="#" class="btn">{lang:See more}</a></p>
  641. </div>
  642. {/block:Following}
  643. {/block:IfShowSitesIFollow}
  644. <div class="social-links">
  645. {block:IfSocialLinksTitle}<h4>{text:Social links title}</h4>{/block:IfSocialLinksTitle}
  646. <ul class="clearfix">
  647. {block:IfBehanceURL}<li class="social_behance"><a href="{text:Behance URL}" class="ir">Behance</a></li>{/block:IfBehanceURL}
  648. {block:IfCargoURL}<li class="social_cargo"><a href="{text:Cargo URL}" class="ir">Cargo</a></li>{/block:IfCargoURL}
  649. {block:IfDeliciousURL}<li class="social_delicious"><a href="{text:Delicious URL}" class="ir">Delicious</a></li>{/block:IfDeliciousURL}
  650. {block:IfDeviantArtURL}<li class="social_deviantart"><a href="{text:Deviant Art URL}" class="ir">Deviant Art</a></li>{/block:IfDeviantArtURL}
  651. {block:IfDiggURL}<li class="social_digg"><a href="{text:Digg URL}" class="ir">Digg</a></li>{/block:IfDiggURL}
  652. {block:IfDribbbleURL}<li class="social_dribbble"><a href="{text:Dribbble URL}" class="ir">Dribbble</a></li>{/block:IfDribbbleURL}
  653. {block:IfEmberURL}<li class="social_ember"><a href="{text:Ember URL}" class="ir">Ember</a></li>{/block:IfEmberURL}
  654. {block:IfEtsyURL}<li class="social_etsy"><a href="{text:Etsy URL}" class="ir">Etsy</a></li>{/block:IfEtsyURL}
  655. {block:IfFacebookURL}<li class="social_facebook"><a href="{text:Facebook URL}" class="ir">Facebook</a></li>{/block:IfFacebookURL}
  656. {block:IfFFFFoundURL}<li class="social_ffffound"><a href="{text:FFFFound URL}" class="ir">FFFFound</a></li>{/block:IfFFFFoundURL}
  657. {block:IfFlickrURL}<li class="social_flickr"><a href="{text:Flickr URL}" class="ir">Flickr</a></li>{/block:IfFlickrURL}
  658. {block:IfFormspringtURL}<li class="social_formspring"><a href="{text:Formspring URL}" class="ir">Formspring</a></li>{/block:IfFormspringtURL}
  659. {block:IfForrstURL}<li class="social_forrst"><a href="{text:Forrst URL}" class="ir">Forrst</a></li>{/block:IfForrstURL}
  660. {block:IfFoursquareURL}<li class="social_foursquare"><a href="{text:Foursquare URL}" class="ir">Foursquare</a></li>{/block:IfFoursquareURL}
  661. {block:IfGooglePlusURL}<li class="social_google"><a href="{text:Google Plus URL}" class="ir">Google Plus</a></li>{/block:IfGooglePlusURL}
  662. {block:IfGowallaURL}<li class="social_gowalla"><a href="{text:Gowalla URL}" class="ir">Gowalla</a></li>{/block:IfGowallaURL}
  663. {block:IfLastFMURL}<li class="social_lastfm"><a href="{text:LastFM URL}" class="ir">LastFM</a></li>{/block:IfLastFMURL}
  664. {block:IfLinkedinURL}<li class="social_linkedin"><a href="{text:Linkedin URL}" class="ir">Linkedin</a></li>{/block:IfLinkedinURL}
  665. {block:IfMyspaceURL}<li class="social_myspace"><a href="{text:Myspace URL}" class="ir">Myspace</a></li>{/block:IfMyspaceURL}
  666. {block:IfPinterestURL}<li class="social_pinterest"><a href="{text:Pinterest URL}" class="ir">Pinterest</a></li>{/block:IfPinterestURL}
  667. {block:IfRdioURL}<li class="social_rdio"><a href="{text:Rdio URL}" class="ir">Rdio</a></li>{/block:IfRdioURL}
  668. {block:IfSkypeURL}<li class="social_skype"><a href="{text:Skype URL}" class="ir">Skype</a></li>{/block:IfSkypeURL}
  669. {block:IfSlideshareURL}<li class="social_slideshare"><a href="{text:Slideshare URL}" class="ir">Slideshare</a></li>{/block:IfSlideshareURL}
  670. {block:IfSoundcloudURL}<li class="social_soundcloud"><a href="{text:Soundcloud URL}" class="ir">Soundcloud</a></li>{/block:IfSoundcloudURL}
  671. {block:IfSpotifyURL}<li class="social_spotify"><a href="{text:Spotify URL}" class="ir">Spotify</a></li>{/block:IfSpotifyURL}
  672. {block:IfStumbledUponURL}<li class="social_stumbledupon"><a href="{text:Stumbled Upon URL}" class="ir">Stumbled</a></li>{/block:IfStumbledUponURL}
  673. {block:IfTwitterURL}<li class="social_twitter"><a href="{text:Twitter URL}" class="ir">Twitter</a></li>{/block:IfTwitterURL}
  674. {block:IfVimeoURL}<li class="social_vimeo"><a href="{text:Vimeo URL}" class="ir">Vimeo</a></li>{/block:IfVimeoURL}
  675. {block:IfWebsiteURL}<li class="social_website"><a href="{text:Website URL}" class="ir">Website</a></li>{/block:IfWebsiteURL}
  676. {block:IfYouTubeURL}<li class="social_youtube"><a href="{text:YouTube URL}" class="ir">YouTube</a></li>{/block:IfYouTubeURL}
  677. {block:IfEmailAddress}<li class="social_email"><a href="mailto:{text:Email Address}" class="ir">Email Address</a></li>{/block:IfEmailAddress}
  678. </ul>
  679. </div>
  680. </aside>
  681. </div>
  682. <footer id="bottom"><center>
  683. <p class="copyright">{block:IfFooterCopyright}{text:Footer copyright}{/block:IfFooterCopyright}{block:IfNotFooterCopyright}&copy; Copyright 2013 - Monmouth County Football League {/block:IfNotFooterCopyright}</p>
  684. </center>
  685. </footer>
  686. </div> <!--! end of #container -->
  687. <script src="http://static.tumblr.com/fftf9xi/bSpm2c5dg/plugins.min.js"></script>
  688. <script src="http://static.tumblr.com/fftf9xi/sk0m2crrs/script.min.js"></script>
  689. <script type="text/javascript">
  690. {block:IfFillBackgroundImage}{block:IfBackgroundImage}$.backstretch("{image:Background}", {speed: 150});{/block:IfBackgroundImage}{/block:IfFillBackgroundImage}
  691. </script>
  692. {block:IfDisqusID}
  693. <script type="text/javascript">
  694. if(!ANoir.customizeMode){
  695. var disqus_shortname = '{text:Disqus ID}';
  696. (function () {
  697. var s = document.createElement('script'); s.async = true;
  698. s.type = 'text/javascript';
  699. s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';
  700. (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
  701. }());
  702. }
  703. </script>
  704. {/block:IfDisqusID}
  705. {block:IfGoogleAnalyticsID}
  706. <script type="text/javascript">
  707. if(!ANoir.customizeMode){
  708. var _gaq = [['_setAccount', '{text:Google Analytics ID}'], ['_trackPageview']];
  709. (function(d, t) {
  710. var g = d.createElement(t),
  711. s = d.getElementsByTagName(t)[0];
  712. g.async = true;
  713. g.src = '//www.google-analytics.com/ga.js';
  714. s.parentNode.insertBefore(g, s);
  715. })(document, 'script');
  716. }
  717. </script>
  718. {/block:IfGoogleAnalyticsID}
  719. {block:IfClickyID}
  720. <script type="text/javascript">
  721. if(!ANoir.customizeMode){
  722. var clicky = { log: function(){ return; }, goal: function(){ return; }};
  723. var clicky_site_id = {text:Clicky ID};
  724. (function() {
  725. var s = document.createElement('script');
  726. s.type = 'text/javascript';
  727. s.async = true;
  728. s.src = ( document.location.protocol == 'https:' ? 'https://static.getclicky.com/js' : 'http://static.getclicky.com/js' );
  729. ( document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] ).appendChild( s );
  730. })();
  731. }
  732. </script>
  733. <noscript><p><img alt="Clicky" width="1" height="1" src="http://in.getclicky.com/{text:Clicky ID}ns.gif" /></p></noscript>
  734. {/block:IfClickyID}
  735. </body>
  736. </html>