API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 16th, 2013
242
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.89 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  5. <title>{block:SearchPage}{lang:Search results for SearchQuery} &bull; {/block:SearchPage}{block:PostSummary}{PostSummary} &bull; {/block:PostSummary}{Title}</title>
  6.  
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9. <meta name="author" content="Matthew Buchanan" />
  10. <meta name="color:Accent" content="#ee3322" />
  11.  
  12. <meta name="text:Disqus Shortname" content="" />
  13.  
  14. <link rel="icon" href="{Favicon}" />
  15. <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.5.2/build/reset/reset-min.css" media="all" />
  16. <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="{RSS}" />
  17.  
  18. <style type="text/css" media="screen">
  19. /*
  20. Vertigo Theme by Matthew Buchanan v1.30
  21. Released under Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License
  22. http://creativecommons.org/licenses/by-nc-sa/3.0/
  23. */
  24.  
  25. html { background-color: transparent; }
  26. html, body { height: 100%; }
  27. body { font: normal 62.5%/1 "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #000; color: #ddd; }
  28. #page { position: relative; width: 960px; min-height: 100%; margin: 0 auto; }
  29. #header { background: url("http://static.tumblr.com/gpln05e/ScKMC9xSQ/header-bg.png") no-repeat 50% 0; padding-top: 110px; margin-bottom: 60px; }
  30. #header h1 { font-size: 250%; color: #fff; text-align: center; text-transform: uppercase; }
  31. #header h2 { width: 500px; margin: 0 auto; background: url("http://static.tumblr.com/gpln05e/23vSi9xSQ/header-h2-bg.png") no-repeat 50% 100%; padding: 15px 0 60px 120px; font-size: 130%; text-align: center; color: #fff; }
  32. #header h2.pages { display: none; {block:HasPages}display: block;{/block:HasPages}{block:AskEnabled}display: block;{/block:AskEnabled}{block:SubmissionsEnabled}display: block;{/block:SubmissionsEnabled} }
  33. .pagetype { font-size: 130%; color: #666; text-transform: lowercase; margin: -10px 0 30px; padding: 0 0 20px 415px; }
  34. .pagetype span { border: 1px solid #222; padding: 0.66em 1em; }
  35. .pagetype strong { font-weight: normal; text-transform: uppercase; }
  36. .pagetype a:link, .pagetype a:visited { color: #fff; }
  37. .pagetype a:hover, .pagetype a:active { color: {color:Accent}; }
  38.  
  39. /* Posts */
  40.  
  41. .post { margin-bottom: 60px; font-size: 130%; }
  42. .post .container { position: relative; }
  43.  
  44. .video { background: url("http://static.tumblr.com/gpln05e/lTMkzBxSQ/video-bg.png") repeat-y 250px 100%; margin-bottom: 40px; }
  45. .video .container { position: relative; background: url("http://static.tumblr.com/gpln05e/lWXujBxSQ/video-projector.png") no-repeat 250px 100%; padding: 0 285px 165px 275px; }
  46. .video .embed { background: url("http://static.tumblr.com/gpln05e/GqRzjBxSQ/video-top.png") no-repeat 0 0; padding: 50px 0 0 35px; margin: 0 -35px 1em -35px; }
  47. .video .projector { position: absolute; width: 80px; height: 100px; left: 805px; bottom: 54px; background: url("http://static.tumblr.com/gpln05e/cZPpDBxSQ/video-projector-anim.gif") no-repeat 0 0; }
  48. .video .meta { top: 50px; }
  49.  
  50. .audio .container { position: relative; padding: 10px 260px 0 240px; background: url("http://static.tumblr.com/gpln05e/G1YyS5xSQ/audio-cite-bg.png") no-repeat 200px 100%; }
  51. .audio .embed { width: 300px; height: 220px; padding: 30px 0 0 100px; margin-bottom: 10px; background: url("http://static.tumblr.com/gpln05e/LidPi5xSQ/audio-bg.png") no-repeat 0 0; }
  52. .audio .cassette { position: absolute; width: 270px; height: 120px; left: 281px; top: 81px; background: url("http://static.tumblr.com/gpln05e/ttmoS5xSQ/audio-cassette-anim.gif") no-repeat 0 0; }
  53. .audio .content { padding-left: 20px; }
  54. .audio .plays { margin-bottom: 1em; color: #777; }
  55. .audio .plays a:link, .audio .plays a:visited { color: #777; text-decoration: none; border-bottom: 1px dotted #aaa; }
  56. .audio .plays a:hover, .audio .plays a:active { color: #444; border-bottom: 1px dotted #555; }
  57. .audio .plays + p { text-indent: 0; }
  58. .audio .plays + p + p { text-indent: 2.5em; }
  59. .audio .meta { top: 35px; }
  60.  
  61. .quote { margin-top: -20px; }
  62. .quote .container { padding: 30px 260px 0 240px; background: url("http://static.tumblr.com/gpln05e/gR8GjBxSQ/quote-bg.png") no-repeat 710px 0; }
  63. .quote .quotetext { padding: 0; color: #fff; }
  64. .quote .quotetext p + p { text-indent: 2em; }
  65. .quote .long { font-size: 140%; line-height: 135%; }
  66. .quote .medium { font-size: 185%; line-height: 120%; }
  67. .quote .short { font-size: 230%; line-height: 120%; }
  68. .quote .content { width: 430px; min-height: 80px; margin-top: 10px; padding: 50px 20px 0 20px; background: url("http://static.tumblr.com/gpln05e/G4zMzBxSQ/quote-cite-bg.png") no-repeat 0 0; }
  69. .quote .hand { float: left; width: 150px; height: 80px; }
  70. .quote .meta { top: 30px; }
  71. .long .meta { top: 28px; }
  72. .short .meta { top: 34px; }
  73.  
  74. .link .container { padding: 0 0 0 240px; }
  75. .link .link-wrap { position: relative; width: 590px; min-height: 90px; }
  76. .link .hand { position: absolute; top: 0; right: 0; width: 165px; height: 90px; background: {color:Accent} url("http://static.tumblr.com/gpln05e/BgCdi9xSQ/link-hand.png") no-repeat 100% 0; }
  77. .link h2 { font-size: 200%; margin-right: 165px; background: {color:Accent} url("http://static.tumblr.com/gpln05e/F8chS9xSQ/link-top.png") no-repeat 0 0; }
  78. .link h2 span { display: block; padding: 35px 0 20px 20px; background: transparent url("http://static.tumblr.com/gpln05e/5GBYS9xSQ/link-bot.png") no-repeat 0 100%; }
  79. .link h2 a:link, .link h2 a:visited { color: #fff; }
  80. .link h2 a:hover, .link h2 a:active { text-decoration: none; border-bottom: 1px dotted #fff; }
  81. .link .content { padding: 0 260px 0 20px; margin-top: 10px; }
  82. .link .meta { top: 35px; }
  83.  
  84. .chat .container { padding: 0 240px 0 210px; }
  85. .chat h2 { font-size: 190%; color: #fff; margin-bottom: 15px; padding: 2px 0 0 30px; }
  86. .chat .transcript li { background: url("http://static.tumblr.com/gpln05e/ACX8i5xSQ/chat-bg.png") repeat-y 0 0; margin-bottom: 5px; padding: 5px 40px 5px 50px; color: #fff; font-size: 115%; line-height: 1.3; }
  87. .chat .transcript li.even { background-position: 0 100%; }
  88. .chat .label { font-weight: normal; text-transform: lowercase; color: #888; }
  89.  
  90. .photo .container { padding: 20px 270px 0 240px; }
  91. .photo .photo-wrap { background: url("http://static.tumblr.com/gpln05e/aVsCzBxSQ/photo-bg.png") no-repeat 0 0; padding: 25px 20px 0; }
  92. .photo .photo-wrap img { display: block; border: 3px solid #000; margin: 0 auto; }
  93. .photo .photo-wrap img:hover { border: 3px solid {color:Accent}; }
  94. .photo .photo-wrap .frame { height: 30px; margin-left: -20px; margin-right: -20px; background: url("http://static.tumblr.com/gpln05e/aVsCzBxSQ/photo-bg.png") no-repeat 0 100%; }
  95. .photo .content { padding-left: 20px; margin-top: 10px; }
  96. .photo .meta { top: 45px; }
  97.  
  98. .text .container { padding: 35px 270px 0 260px; background: url("http://static.tumblr.com/gpln05e/w0MdTBxSQ/text-bg.png") no-repeat 600px 0; }
  99. .text .container p > img { max-width: 100%; text-indent: 0 !important; }
  100. .text .container p + img { text-indent: 0em !important; }
  101. .text h2.title { font-size: 185%; text-transform: uppercase; margin: 5px 0 15px; }
  102. .text h2.title a:link, .text h2.title a:visited { color: #fff; }
  103. .text h2.title a:hover, .text h2.title a:active { color: {color:Accent}; text-decoration: none; }
  104. .text .meta { top: 35px; }
  105.  
  106. /* Notes */
  107.  
  108. .shownotes { margin-top: 10px; padding-left: 20px; color: #777; }
  109. .shownotes a:link, .shownotes a:visited { color: #777; text-decoration: none; border-bottom: 1px dotted #777; }
  110. .shownotes a:hover, .shownotes a:active { color: #444; border-bottom: 1px dotted #555; }
  111. .text .shownotes, .video .shownotes { padding-left: 0; }
  112. .chat .shownotes { padding-left: 50px; }
  113.  
  114. .notes { width: 520px; margin: 15px 0 0 -25px; }
  115. .notes li { background: url("http://static.tumblr.com/gpln05e/ACX8i5xSQ/chat-bg.png") repeat-y 0 0; margin-bottom: 5px; padding: 5px 40px 5px 50px; color: #888; font-size: 100%; line-height: 1.3; }
  116. .notes .reblog { background-position: 0 100%; }
  117. .notes a:link, .notes a:visited { color: #fff; }
  118. .notes .avatar { display: none; }
  119. .notes blockquote { margin: 0.5em 0 0 1.5em; font-style: italic; }
  120. .notes blockquote a:link, .notes blockquote a:visited { color: #888;}
  121. .chat .notes { margin-left: 0; }
  122.  
  123. /* Content */
  124.  
  125. .content { line-height: 154%; color: #bbb; }
  126. .content h1, .content h2 { font-size: 131%; color: #fff; margin-bottom: 0.5em; }
  127. .content h3, .content h4 { font-size: 115%; color: #fff; margin: 0.75em 0 0.25em; }
  128. .content h5, .content h6 { color: #fff; text-transform: uppercase; margin: 0.75em 0 0.25em; }
  129. .content p + p { text-indent: 2.5em; }
  130. .content blockquote { font-style: italic; margin: 1em 0; padding-left: 2.5em; }
  131. .content ul, .content ol { margin: 0.75em 0; padding-left: 2.5em; }
  132. .content ul li { list-style: disc; }
  133. .content ol li { list-style-type: decimal; }
  134. .content pre { margin: 1em 0; padding: 5px 10px; background-color: #222; color: #fff; overflow: auto; width: 410px; }
  135. .content code { padding: 1px 2px; font: normal 108%/1.57 "Lucida Console", Consolas, monospace; background-color: #222; color: #fff; }
  136. .content abbr, .content acronym { border-bottom: 1px dotted #bbb; cursor: help; }
  137.  
  138. /* Metadata */
  139.  
  140. .meta { position: absolute; top: 0; left: 0; width: 220px; }
  141. .meta .permalink { position: absolute; top: 0; right: 0; width: 30px; height: 30px; background: url("http://static.tumblr.com/gpln05e/w297S9xSQ/permalink.png") no-repeat 0 0; overflow: hidden; }
  142. .meta .permalink a { display: block; width: 30px; height: 0; padding-top: 30px; overflow: hidden; }
  143. .meta .data { text-align: right; margin-right: 40px; background-color: #000; }
  144. .meta .data p, .meta .tags { margin: 0.7em 0; }
  145. .meta .data p em { color: #666; font-style: normal; padding-bottom: 0.25em; border-bottom: 1px solid #333; }
  146. .meta .data p.divider em { border-bottom: 1px solid #333; }
  147. .meta .tags li { padding-bottom: 0.5em; }
  148.  
  149. .hidden { display: none; }
  150.  
  151. /* Content */
  152.  
  153. strong, b, strong em, strong i { font-weight: bold; }
  154. em, i, em strong, em b { font-style: italic; }
  155.  
  156. /* Footer */
  157.  
  158. #footer { background: url("http://static.tumblr.com/gpln05e/eQTAi9xSQ/footer-bg.png") no-repeat 50% 0; padding: 60px 0; }
  159. #footer #tumblr-logo, #footer #controls { position: absolute; bottom: 0; width: 100px; height: 30px; }
  160. #footer #tumblr-logo { left: 220px; background: url("http://static.tumblr.com/gpln05e/6FRgjBxSQ/tumblr-logo.png") no-repeat 0 0; }
  161. #footer #controls { width: 130px; left: 610px; background: {color:Accent} url("http://static.tumblr.com/gpln05e/u2qGy9xSQ/footer-controls.png") no-repeat 0 0; }
  162. #footer #controls li, #footer #controls li a { display: block; float: left; width: 30px; height: 30px; }
  163. #footer #controls .random, #footer #controls .random a { width: 40px; }
  164. #footer #tumblr-logo, #footer #controls li a { text-indent: -999em; overflow: hidden; }
  165. #footer #search { display: none; position: absolute; bottom: 0; left: 454px; width: 160px; height: 30px; background: url("http://static.tumblr.com/gpln05e/H523jBxSQ/search-bg.png") no-repeat 0 0; z-index: 10; }
  166. #footer #search label { display: none; }
  167. #footer #search-query { position: absolute; left: 8px; bottom: 3px; background-color: #333; border: none; font-size: 130%; width: 150px; height: 21px; color: #fff; }
  168. #footer .older, #footer .newer { width: 180px; height: 40px; float: left; margin-left: 285px; background: url("http://static.tumblr.com/gpln05e/5FfxC9xSQ/nav-older-bg.png") no-repeat 0 0; }
  169. #footer .newer { margin-left: 20px; background-image: url("http://static.tumblr.com/gpln05e/j8JnS9xSQ/nav-newer-bg.png"); }
  170. #footer .older a, #footer .newer a { display: block; height: 40px; text-indent: -999em; overflow: hidden; background: {color:Accent} url("http://static.tumblr.com/gpln05e/YxL1S9xSQ/nav-older.png") no-repeat 0 0; }
  171. #footer .newer a { background-image: url("http://static.tumblr.com/gpln05e/rKctC9xSQ/nav-newer.png"); }
  172. #footer .older a:hover, #footer .newer a:hover { background-position: 0 -40px; }
  173. #footer .credits, #footer .pages { clear: both; text-align: center; font-size: 130%; line-height: 130%; padding-top: 1em; color: #666; }
  174. #footer .pages { color: #333; }
  175. #footer .credits a:link, #footer .credits a:visited { color: #999; }
  176. #footer .credits a:hover, #footer .credits a:active { color: {color:Accent}; }
  177.  
  178. /* Following */
  179.  
  180. #following { overflow: hidden; width: 360px; margin: 20px auto 0; padding-top: 30px; background: url("http://static.tumblr.com/gpln05e/F9Fkfgd11/header-following.png") no-repeat 50% 0; }
  181. #following li { display: block; float: left; width: 24px; height: 24px; margin: 0; padding: 8px; background: #000 url("http://static.tumblr.com/gpln05e/OkOkfgc9y/avatar-bg.png") no-repeat 0 0; }
  182. #following li.alt2 { background-position: -40px 0; }
  183. #following li.alt3 { background-position: -80px 0; }
  184. #following li.alt4 { background-position: -120px 0; }
  185.  
  186. /* Links */
  187.  
  188. a:link, a:visited { color: {color:Accent}; text-decoration: none; }
  189. a:hover, a:active { text-decoration: underline; }
  190. .data a:link, .data a:visited { color: #666; }
  191. .data a:hover, .data a:active { color: {color:Accent}; text-decoration: none; }
  192.  
  193. /* Localization */
  194.  
  195. .tag, .search_query { font-weight: bold; }
  196. .search_query:before { content:'“'; }
  197. .search_query:after { content:'”'; }
  198. .pagetype .date { font-weight: bold; }
  199.  
  200. {CustomCSS}
  201. </style>
  202.  
  203. <!--[if lt IE 7]>
  204. <style type="text/css" media="screen">
  205. body, #header { text-align: center; }
  206. #page { text-align: left; }
  207. .link .link-wrap { height: 90px; }
  208. .content p { text-indent: 2.5em; }
  209. .content pre { width: 430px; overflow-x: auto; overflow-y: visible; }
  210. .content code { font-size: 91%; }
  211. .meta { left: -240px; }
  212. .video .meta { left: -275px; }
  213. .text .meta { left: -260px; }
  214. .audio .embed { width: 400px; height: 250px; }
  215. .audio .cassette { left: 41px; }
  216. #footer .older, #footer .newer { display: inline; }
  217. </style>
  218. <![endif]-->
  219. <!--[if IE 7]>
  220. <style type="text/css" media="screen">
  221. .content pre { overflow-x: scroll; overflow-y: visible; }
  222. .content code { font-size: 91%; }
  223. </style>
  224. <![endif]-->
  225.  
  226. <script type="text/javascript" src="http://static.tumblr.com/gpln05e/e2uli500h/jquery-1.5.1.min.js"></script>
  227. <script type="text/javascript" src="http://static.tumblr.com/gpln05e/EeSldaeda/cufon-yui.js"></script>
  228. <script type="text/javascript" src="http://static.tumblr.com/gpln05e/5Jfli50cx/hitchcock-550.font.js"></script>
  229.  
  230. <script type="text/javascript">
  231. // <![CDATA[
  232.  
  233. var obj = null;
  234. function fadeObject() {
  235. if (obj) obj.find(".data").fadeOut("slow");
  236. }
  237. $(function() {
  238. {block:English}
  239. Cufon.set("fontFamily", "Hitchcock").replace("#header h1", { fontSize: "36px", lineHeight: "1.5" });
  240. Cufon.set("fontFamily", "Hitchcock").replace("h2.title", { fontSize: "24px", lineHeight: "1.5" });
  241. {/block:English}
  242. $(".meta").hover(function() {
  243. if (obj) {
  244. obj.find(".data").fadeOut("slow");
  245. obj = null;
  246. }
  247. $(this).find(".data").fadeIn("fast");
  248. }, function() {
  249. obj = $(this);
  250. setTimeout("fadeObject()",1000);
  251. });
  252. $(".video").hover(function() {
  253. $(this).find(".projector").removeClass("hidden");
  254. }, function() {
  255. $(this).find(".projector").addClass("hidden");
  256. });
  257. $(".video #notes").appendTo(".video")
  258. .css("background-color","#000")
  259. .find(".notes").css({"margin-left": "200px", "margin-top": "0"});
  260. $(".audio").hover(function() {
  261. $(this).find(".cassette").removeClass("hidden");
  262. }, function() {
  263. $(this).find(".cassette").addClass("hidden");
  264. });
  265. $("#footer .search").click(function(event) {
  266. event.preventDefault();
  267. $("#search").slideToggle();
  268. if ($("#search-query").val() == "") {
  269. $("#search-query").val("Search");
  270. $("#search-query").focus(function() {
  271. if ($("#search-query").val() == "Search") {
  272. $("#search-query").val("");
  273. }
  274. });
  275. $("#search-query").blur(function() {
  276. if ($("#search-query").val() == "") {
  277. $("#search-query").val("Search");
  278. }
  279. });
  280. }
  281. });
  282. $("#following li").each(function() {
  283. var num = Math.ceil(Math.random()*4);
  284. $(this).addClass("alt"+num);
  285. });
  286. $("p,div.content,blockquote").each(function() {
  287. var para = $(this).html();
  288. para = para.replace(/:[-]?[\)D]/g, "<img src='http://static.tumblr.com/gpln05e/nEO9jBxSQ/smiley.png' />");
  289. $(this).html(para);
  290. });
  291. });
  292. // ]]>
  293. </script>
  294. </head>
  295. <body>
  296. <div id="page">
  297. <div id="header">
  298. <h1><a href="/">{Title}</a></h1>
  299. {block:Description}<h2>{Description}</h2>{/block:Description}
  300. <h2 class="pages">
  301. {block:HasPages}
  302. <br/><br/>
  303. {block:Pages}<a href="{URL}">{Label}</a>&nbsp;&nbsp;{/block:Pages}
  304. {/block:HasPages}
  305. {block:AskEnabled}<a href="/ask">{AskLabel}</a>&nbsp;&nbsp;{/block:AskEnabled}
  306. {block:SubmissionsEnabled}<a href="/submit">{SubmitLabel}</a>&nbsp;&nbsp;{/block:SubmissionsEnabled}
  307. </h2>
  308. </div>
  309. <div id="main">
  310. {block:TagPage}
  311. <div class="pagetype">
  312. <p><span>{lang:Posts tagged Tag 3}</span></p>
  313. </div>
  314. {/block:TagPage}
  315. {block:DayPage}
  316. <div class="pagetype">
  317. <p><span>{lang:Posted on DayOfWeek DayOfMonth Month Year 2}</span></p>
  318. </div>
  319. {/block:DayPage}
  320. {block:SearchPage}
  321. <div class="pagetype">
  322. {block:SearchResults}
  323. <p><span>{lang:Found SearchResultCount results for SearchQuery}</span></p>
  324. {/block:SearchResults}
  325. {block:NoSearchResults}
  326. <p><span>{lang:No search results for SearchQuery}</span></p>
  327. {/block:NoSearchResults}
  328. </div>
  329. {/block:SearchPage}
  330. {block:Posts}
  331. {block:PermalinkPage}
  332. {block:Date}
  333. <div class="pagetype">
  334. <p><span>{lang:Posted on DayOfWeek DayOfMonth Month Year 3}</span></p>
  335. </div>
  336. {/block:Date}
  337. {/block:PermalinkPage}
  338. {block:Video}
  339. <div class="post video">
  340. <div class="container">
  341. <div class="embed">
  342. {Video-400}
  343. </div>
  344. <div class="projector hidden"></div>
  345. {block:Caption}
  346. <div class="content">
  347. {Caption}
  348. </div>
  349. {/block:Caption}
  350. {/block:Video}
  351. {block:Quote}
  352. <div class="post quote {Length}">
  353. <div class="container">
  354. <blockquote class="quotetext {Length}">
  355. {Quote}
  356. </blockquote>
  357. {block:Source}
  358. <div class="content">
  359. <div class="hand"></div>
  360. {Source}
  361. </div>
  362. {/block:Source}
  363. {/block:Quote}
  364. {block:Audio}
  365. <div class="post audio">
  366. <div class="container">
  367. <div class="embed">
  368. {AudioPlayerBlack}
  369. </div>
  370. <div class="cassette hidden"></div>
  371. {block:Caption}
  372. <div class="content">
  373. <p class="plays">{PlayCountWithLabel}{block:ExternalAudio} &bull; <a href="{ExternalAudioURL}">{lang:Download}</a>{/block:ExternalAudio}</p>
  374. {Caption}
  375. </div>
  376. {/block:Caption}
  377. {/block:Audio}
  378. {block:Link}
  379. <div class="post link">
  380. <div class="container">
  381. <div class="link-wrap">
  382. <div class="hand"></div>
  383. <h2><span><a href="{URL}" {Target}>{Name}</a></span></h2>
  384. </div>
  385. {block:Description}
  386. <div class="content">
  387. {Description}
  388. </div>
  389. {block:Description}
  390. {/block:Link}
  391. {block:Chat}
  392. <div class="post chat">
  393. <div class="container">
  394. {block:Title}
  395. <h2 class="title">{Title}</h2>
  396. {/block:Title}
  397. <ul class="transcript">
  398. {block:Lines}
  399. <li class="{Alt}">
  400. {block:Label}<strong class="label">{Label}</strong>{/block:Label}
  401. {Line}
  402. </li>
  403. {/block:Lines}
  404. </ul>
  405. {/block:Chat}
  406. {block:Photo}
  407. <div class="post photo">
  408. <div class="container">
  409. <div class="photo-wrap">
  410. {LinkOpenTag}<img src="{PhotoURL-400}" border="0" alt="{PhotoAlt}" />{LinkCloseTag}
  411. <div class="frame"></div>
  412. </div>
  413. {block:Caption}
  414. <div class="content">
  415. {Caption}
  416. </div>
  417. {/block:Caption}
  418. {/block:Photo}
  419. {block:Text}
  420. <div class="post text">
  421. <div class="container">
  422. {block:Title}
  423. <h2 class="title"><a href="{Permalink}">{Title}</a></h2>
  424. {/block:Title}
  425. <div class="content">
  426. {Body}
  427. </div>
  428. {/block:Text}
  429. {block:IndexPage}
  430. <p class="shownotes">
  431. {block:NoteCount}
  432. <a href="{Permalink}#notes" title="See Post with Notes">{NoteCountWithLabel}</a>{block:IfDisqusShortname}&nbsp;{/block:IfDisqusShortname}
  433. {block:NoteCount}
  434. {block:IfDisqusShortname}
  435. <a href="{Permalink}#disqus_thread" style="border-width: 0px"></a>
  436. {block:IfDisqusShortname}
  437. </p>
  438. {/block:NoteCount}
  439. {/block:IndexPage}
  440.  
  441. {block:Permalink}
  442. {block:IfDisqusShortname}
  443. <div id="disqus_thread" style="width: 420px; background: #212121; margin: 50px auto; padding: 20px;"></div>
  444. <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
  445. <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
  446. {/block:IfDisqusShortname}
  447. {/block:Permalink}
  448.  
  449. {block:PostNotes}
  450. <p class="shownotes">{NoteCountWithLabel}</p>
  451.  
  452. <div id="notes">
  453. {PostNotes}
  454. </div>
  455. {/block:PostNotes}
  456. <div class="meta" id="meta{PostID}">
  457. <p class="permalink"><a href="{Permalink}">*</a></p>
  458. <div class="data hidden">
  459. <p><em><a href="{Permalink}">{lang:Posted TimeAgo}</a></em>
  460. {block:RebloggedFrom}
  461. <p><em>via <a href="{ReblogParentURL}">{ReblogParentName}</a></em></p>
  462. {/block:RebloggedFrom}
  463. {block:HasTags}
  464. <ul class="tags">
  465. {block:Tags}
  466. <li><a href="{TagURL}" rel="tag">{Tag}</a></li>
  467. {/block:Tags}
  468. </ul>
  469. {/block:HasTags}
  470. </div>
  471. </div>
  472. </div>
  473. </div>
  474. {/block:Posts}
  475. </div>
  476. <div id="footer">
  477. <a href="http://www.tumblr.com" title="Running on Tumblr." id="tumblr-logo">Tumblr</a>
  478.  
  479. {block:SearchForm}
  480. <form action="/search" method="get" id="search">
  481. <label for="search-query">{lang:Search}</label>
  482. <input type="text" id="search-query" name="q" value="{SearchQuery}" />
  483. </form>
  484. {/block:SearchForm}
  485.  
  486. <ul id="controls">
  487. <li class="search"><a href="#" title="{lang:Search}">{lang:Search}</a></li>
  488. <li class="feed"><a href="{RSS}" title="{lang:RSS feed}">{lang:RSS feed}</a></li>
  489. <li class="random"><a href="/random" title="{lang:Random post}">{lang:Random post}</a></li>
  490. <li class="archive"><a href="/archive" title="{lang:Archive}">{lang:Archive}</a></li>
  491. </ul>
  492.  
  493. {block:Pagination}
  494. <div class="older">{block:NextPage}<a href="{NextPage}">{lang:Older}</a>{/block:NextPage}</div>
  495. <div class="newer">{block:PreviousPage}<a href="{PreviousPage}">{lang:Newer}</a>{/block:PreviousPage}</div>
  496. {/block:Pagination}
  497. {block:PermalinkPagination}
  498. <div class="older">{block:PreviousPost}<a href="{PreviousPost}">{lang:Older}</a>{/block:PreviousPost}</div>
  499. <div class="newer">{block:NextPost}<a href="{NextPost}">{lang:Newer}</a>{/block:NextPost}</div>
  500. {/block:PermalinkPagination}
  501. {block:DayPagination}
  502. <div class="older">{block:PreviousDayPage}<a href="{PreviousDayPage}">{lang:Older}</a>{/block:PreviousDayPage}</div>
  503. <div class="newer">{block:NextDayPage}<a href="{NextDayPage}">{lang:Newer}</a>{/block:NextDayPage}</div>
  504. {/block:DayPagination}
  505.  
  506. {block:Pagination}
  507. <p class="pages">{lang:Page CurrentPage of TotalPages}</p>
  508. {/block:Pagination}
  509.  
  510. <p class="credits">inspired by the work of <a href="http://saulbass.tv">SAUL BASS</a>, ART GOODMAN and DAVE NAGATA.<br />hitchcock typeface by <a href="http://typographica.org/001110.php">MATT TERICH</a>. tumblr theme by <a href="http://matthewbuchanan.name/post/39733076/vertigo-theme-for-tumblr">MATTHEW BUCHANAN</a>.</p>
  511.  
  512. {block:Following}
  513. <div id="following">
  514. <ul>
  515. {block:Followed}
  516. <li><a href="{FollowedURL}" title="{FollowedTitle}"><img src="{FollowedPortraitURL-24}" width="24" height="24" alt="" border="0" /></a></li>
  517. {/block:Followed}
  518. </ul>
  519. </div>
  520. {/block:Following}
  521. </div>
  522. </div>
  523.  
  524. {block:English}
  525. <script type="text/javascript">
  526. // <![CDATA[
  527. Cufon.now();
  528. // ]]>
  529. </script>
  530. {/block:English}
  531.  
  532. {block:IfDisqusShortname}
  533. <script type="text/javascript">
  534. //<![CDATA[
  535. (function() {
  536. var links = document.getElementsByTagName('a');
  537. var query = '?';
  538. for(var i = 0; i < links.length; i++) {
  539. if(links[i].href.indexOf('#disqus_thread') >= 0) {
  540. query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
  541. }
  542. }
  543. document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
  544. })();
  545. //]]>
  546. </script>
  547. {/block:IfDisqusShortname}
  548. </body>
  549. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!