darnpayne

#54 3005

May 11th, 2014
269
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.24 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <!--
  4.  
  5.  
  6.  
  7.  
  8. -->
  9. <head>
  10. <meta name="color:background" content="#fff" />
  11. <meta name="color:text" content="#000" />
  12. <meta name="color:permalink" content="#808080" />
  13. <meta name="color:audio" content="#c9c9c9" />
  14. <meta name="color:post" content="#f2f2f2" />
  15. <meta name="color:title" content="#000" />
  16. <meta name="color:title hover" content="#292929" />
  17. <meta name="color:links" content="#000">
  18. <meta name="color:links hover" content="#000" />
  19. <meta name="color:border" content="#545565" />
  20.  
  21. <meta name="if:one column" content="0"/>
  22. <meta name="if:two columns" content="1"/>
  23. <meta name="if:three columns" content="0"/>
  24. <meta name="if:four columns 200px only" content="0" />
  25. <meta name="if:five columns 200px only" content="0" />
  26. <meta name="if:200px width" content="1"/>
  27. <meta name="if:250px width" content="0"/>
  28. <meta name="if:300px width" content="0"/>
  29. <meta name="if:350px width" content="0"/>
  30. <meta name="if:show archive link" content="1" />
  31. <meta name="if:show rss link" content="0" />
  32. <meta name="if:show icons on hover" content="1"/>
  33. <meta name="if:shadow" content="0"/>
  34. <meta name="if:border" content="0" />
  35. <meta name="if:to top" content="1"/>
  36. <meta name="if:archive link" content="0"/>
  37. <meta name="if:show captions" content="0" />
  38. <meta name="if:lowercase navigation" content="0"/>
  39. <meta name="if:maximised background image" content=0"/>
  40. <meta name="if:use permalink image" content="0"/>
  41. <meta name="if:rainbow links" content="0" />
  42. <meta name="if:custom cursor" content="0">
  43.  
  44.  
  45. <meta name="image:header" content=""/>
  46. <meta name="image:background" content=""/>
  47. <meta name="image:permalink" content=""/>
  48.  
  49. <meta name="font:body" content="Helvetica"/>
  50. <meta name="font:navigation" content="Helvetica"/>
  51.  
  52. <meta name="text:margin top" content="100"/>
  53. <meta name="text:symbol in navigation" content="+" />
  54. <meta name="text:body font size" content="9"/>
  55. <meta name="text:navigation font size" content="9"/>
  56. <meta name="text:title font size" content="30"/>
  57. <meta name="text:post title font size" content="14"/>
  58.  
  59. <title>{Title}</title>
  60. <link rel="shortcut icon" href="{Favicon}">
  61. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  62. <link rel="shortcut icon" href="{Favicon}">
  63. <title>Untitled Document</title>
  64. <link rel="shortcut icon" href="{Favicon}">
  65. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  66.  
  67. {block:ifclickfornav}
  68. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  69. <script type="text/javascript">
  70. jQuery(document).ready(function() {
  71. jQuery(".nav").hide();
  72. //toggle the componenet with class msg_body
  73. jQuery(".title").click(function()
  74. {
  75. jQuery(this).next(".nav").slideToggle(500);
  76. });});
  77. </script>
  78. {/block:ifclickfornav}
  79.  
  80. <link href='http://fonts.googleapis.com/css?family=Pacifico|Homemade+Apple|Leckerli+One|Amatic+SC|Special+Elite|Raleway' rel='stylesheet' type='text/css'>
  81.  
  82. {block:ifrainbowlinks}
  83. <script src="http://static.tumblr.com/uiqhh9x/6SMm4pws7/rainbow.js" type="text/javascript"></script>
  84. {/block:ifrainbowlinks}
  85.  
  86. {block:Description}
  87. <meta name="description" content="{MetaDescription}"/>
  88. {/block:Description}
  89.  
  90. <style type="text/css">
  91. .install_button{display:none;}
  92.  
  93. #tumblr_controls{top: 1px !important; margin: 0 0 0 0; right: 1px !important; position: fixed !important;opacity:0.6;}
  94.  
  95. body{
  96. {block:IfNotMaximisedBackgroundImage}
  97. background-image:url({image:Background});
  98. background-attachment:fixed;
  99. background-repeat:repeat;
  100. {/block:IfNotMaximisedBackgroundImage}
  101. color:{color:Text};
  102. background-color:{color:Background};
  103. font-size:{text:Body font size}px;
  104. line-height:15px;
  105. font-family:{font:body};
  106. }
  107.  
  108. ::-webkit-scrollbar{width:4px;height:4px;}
  109. ::-webkit-scrollbar-button:start:decrement
  110. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  111. ::-webkit-scrollbar-track-piece{background-color:{color:background};-webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
  112. ::-webkit-scrollbar-thumb:vertical{height:50px;background-color:{color:Text};}
  113. ::-webkit-scrollbar-thumb:horizontal{width:50px;background-color:{color:Text};}
  114.  
  115. #content{margin: auto auto auto auto;width:100%;top:0px;position:relative;}
  116.  
  117. #content .posts{
  118. {block:ifOneColumn}
  119. {block:if300pxWidth}width:330px;{/block:if300pxWidth}
  120. {block:if250pxWidth}width:280px;{/block:if250pxWidth}
  121. {block:if200pxWidth}width:230px;{/block:if200pxWidth}
  122. {block:if350pxWidth}width:380px;{/block:if350pxWidth}
  123. {/block:ifOneColumn}
  124.  
  125. {block:ifTwoColumns}
  126. {block:if300pxWidth}width:660px;{/block:if300pxWidth}
  127. {block:if250pxWidth}width:560px;{/block:if250pxWidth}
  128. {block:if200pxWidth}width:460px;{/block:if200pxWidth}
  129. {block:if350pxWidth}width:760px;{/block:if350pxWidth}
  130. {/block:ifTwoColumns}
  131.  
  132. {block:ifThreeColumns}
  133. {block:if300pxWidth}width:990px;{/block:if300pxWidth}
  134. {block:if250pxWidth}width:840px;{/block:if250pxWidth}
  135. {block:if200pxWidth}width:690px;{/block:if200pxWidth}
  136. {block:if350pxWidth}width:1140px;{/block:if350pxWidth}
  137. {/block:ifThreeColumns}
  138.  
  139. {block:ifFourColumns200pxonly}
  140. {block:if200pxWidth}width:920px;{/block:if200pxWidth}
  141. {block:if250pxWidth}width:1020px;{/block:if250pxWidth}
  142. {block:if300pxWidth}width:1120px;{/block:if300pxWidth}
  143. {block:if350pxWidth}width:1220px;{/block:if350pxWidth}
  144. {/block:ifFourColumns200pxonly}
  145.  
  146. {block:iffivecolumns200pxonly}
  147. {block:if200pxWidth}width:1160px;{/block:if200pxWidth}
  148. {block:if250pxWidth}width:1260px;{/block:if250pxWidth}
  149. {block:if300pxWidth}width:1360px;{/block:if300pxWidth}
  150. {block:if350pxWidth}width:1460px;{/block:if350pxWidth}
  151. {/block:iffivecolumns200pxonly}
  152.  
  153. margin:auto;
  154. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  155. }
  156.  
  157. #content .entry{
  158. {block:IndexPage}
  159. {block:if300pxWidth}width:300px;{/block:if300pxWidth}
  160. {block:if250pxWidth}width:250px;{/block:if250pxWidth}
  161. {block:if200pxWidth}width:200px;{/block:if200pxWidth}
  162. {block:if350pxWidth}width:350px;{/block:if350pxWidth}
  163. float:center;
  164. padding:15px;
  165. padding-bottom:15px;
  166. {/block:ifOneColumn}{/block:IndexPage}
  167. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  168. }
  169.  
  170. #content .entry img{
  171. {block:IndexPage}
  172. {block:if300pxWidth}max-width:300px;{/block:if300pxWidth}
  173. {block:if250pxWidth}max-width:250px;{/block:if250pxWidth}
  174. {block:if200pxWidth}max-width:200px;{/block:if200pxWidth}
  175. {block:if350pxWidth}max-width:350px;{/block:if350pxWidth}
  176. {/block:IndexPage}
  177. {block:PermalinkPage}max-width:500px;{/block:PermalinkPage}
  178.  
  179. {block:ifborder}
  180. border:6px inset {color:border};
  181. {/block:ifborder}
  182. }
  183.  
  184. {block:IfMaximisedBackgroundImage}
  185. #bg img {
  186. z-index:-1;
  187. position:fixed;
  188. top:0;
  189. left:0;
  190. height:100%;
  191. width:100%;
  192. }
  193. {block:IfMaximisedBackgroundImage}
  194.  
  195. a:link, a:active, a:visited{
  196. text-decoration:none;
  197. display: navigate;
  198. font-family:{font:body};
  199. padding:0px;
  200. color:{color:Links};
  201. }
  202. a:hover{
  203. color:{color:Hover};
  204. text-decoration:none;
  205. }
  206.  
  207. .reblog{
  208. position:absolute;
  209. height:14px;
  210. bottom:34px;
  211. right:35px;
  212. opacity:0;
  213. filter: alpha(opacity = 0);
  214. -moz-transition: all 0.5;
  215. -webkit-transition: all 0.5s;
  216. -o-transition: all 0.5s;
  217. transition: all 0.5;
  218. }
  219.  
  220. .reblogg{
  221. display:inline-block;
  222. margin-right:5px;
  223. padding:4px;
  224. height:14px;
  225. }
  226.  
  227. .entry:hover .reblog{
  228. opacity:0.8;
  229. filter: alpha(opacity = 70);
  230. -moz-transition: all 0.5;
  231. -webkit-transition: all 0.5s;
  232. -o-transition: all 0.5s;
  233. transition: all 0.5;
  234. border-bottom:0px;
  235. }
  236.  
  237. .liker{
  238. position:absolute;
  239. height:14px;
  240. bottom:34px;
  241. right:10px;
  242. opacity:0;
  243. filter: alpha(opacity = 0);
  244. -moz-transition: all 0.5;
  245. -webkit-transition: all 0.5s;
  246. -o-transition: all 0.5s;
  247. transition: all 0.5;
  248. }
  249.  
  250. .likerr{
  251. display:inline-block;
  252. margin-right:5px;
  253. padding:4px;
  254. height:14px;
  255. }
  256.  
  257. .entry:hover .liker{
  258. opacity:0.8;
  259. filter: alpha(opacity = 70);
  260. -moz-transition: all 0.5;
  261. -webkit-transition: all 0.5s;
  262. -o-transition: all 0.5s;
  263. transition: all 0.5;border-bottom:0px
  264. }
  265.  
  266. .permalink img {
  267. max-width:25px;
  268. max-height:25px;
  269. }
  270.  
  271. a img {
  272. {block:ifshadow}
  273. -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.33);
  274. -moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.33);
  275. box-shadow: 0px 2px 8px rgba(0,0,0,0.33);
  276. {/block:ifshadow}
  277. }
  278.  
  279. .post_title{
  280. font-family:{font:body};
  281. display:block;
  282. font-size:{text:Post Title font size}px;
  283. line-height:20px;
  284. }
  285.  
  286. .link_title{
  287. font-size:{text:Post Title font size}px;
  288. line-height:20px;
  289. font-family:{font:body};
  290. margin-bottom:5px;
  291. }
  292.  
  293. .quote{
  294. font-size:{text:Post title font size}px;
  295. line-height:20px;
  296. text-transform:none;
  297. margin-bottom:5px;
  298. font-family:{font:body title};
  299. }
  300.  
  301. .text {
  302. background-color: {color:post};
  303. -webkit-transition: 0.2s ease-in;
  304. }
  305.  
  306. .header{
  307. width:100%;
  308. text-align:center;
  309. margin:auto;
  310. z-index:1100;
  311. margin-bottom:20px;
  312. margin-top:{text:Margin Top}px;
  313. }
  314.  
  315. .top{
  316. text-align:center;
  317. margin-top:2px;
  318. margin-bottom:5px;
  319. }
  320.  
  321. .nav{
  322. {block:ifclickfornav}cursor:help;{/block:ifclickfornav}
  323. text-transform:uppercase;
  324. display: navigate;
  325. color:{color:text};
  326. word-spacing:10px;
  327. text-align:center;
  328. padding:10px;
  329. {block:iflowercasenavigation}text-transform:lowercase;{block:iflowercasenavigation}
  330. {block:ifnotlowercasenavigation}text-transform:uppercase;{block:ifnotlowercasenavigation}
  331. letter-spacing:1px;
  332. font-size:9px;
  333. margin-top:-35px;
  334. margin-bottom:35px;
  335. }
  336.  
  337. a.nav{
  338. display: navigate;
  339. font-size:{text:Navigation Font Size}px;
  340. font-family:{font:navigation};
  341. color:{color:text};
  342. text-decoration:none;
  343. }
  344.  
  345. .nav:hover{
  346. text-decoration:none;
  347. }
  348.  
  349.  
  350.  
  351. .permalink{
  352. text-align:right;
  353. color:{color:permalink};
  354. position: relative;
  355. margin-top: -10px;
  356. font-size: 10px;
  357. opacity: 0;filter: alpha(opacity = 0);-moz-transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4;
  358. }
  359.  
  360. div#entry:hover .permalink{
  361. margin-top: -5px;
  362. opacity: 1;
  363. filter: alpha(opacity = 100);
  364. -moz-transition: all 0.4s;
  365. -webkit-transition: all 0.4s;
  366. -o-transition: all 0.4s;
  367. transition: all 0.4;
  368. }
  369.  
  370. .navigation {display:none}
  371.  
  372. .audio {
  373. display:block;
  374. {block:IndexPage}
  375. {block:if300pxWidth}width:290px;{/block:if300pxWidth}
  376. {block:if250pxWidth}width:240px;{/block:if250pxWidth}
  377. {block:if200pxWidth}width:190px;{/block:if200pxWidth}
  378. {block:if350pxWidth}width:340px;{/block:if350pxWidth}
  379. float:center;
  380. padding:15px;
  381. padding-bottom:30px;
  382. {/block:ifOneColumn}{/block:IndexPage}
  383. {block:PermalinkPage}width:488px;{/block:PermalinkPage}
  384. background-color:#000;
  385. padding:5px;
  386. margin-bottom:0px;
  387. border-color:{color:Post};
  388. }
  389.  
  390. .audiocap, .videocap{
  391. background-color:{color:Post};
  392. display:block;
  393. padding:10px;
  394. }
  395.  
  396. .photosetcap{
  397. background-color:{color:Post};
  398. display:block;
  399. padding:10px;
  400. }
  401.  
  402. #content .video iframe{
  403. display:block;
  404. {block:IndexPage}
  405. {block:if300pxWidth}width:300px; height:225px;{/block:if300pxWidth}
  406. {block:if250pxWidth}width:250px; height:188px;{/block:if250pxWidth}
  407. {block:if200pxWidth}width:200px; height:150px;{/block:if200pxWidth}
  408. {block:if350pxWidth}width:350px; height:263px;{/block:if350pxWidth}
  409. {/block:IndexPage}
  410. {block:PermalinkPage}width:500px;height:270px;{/block:PermalinkPage}
  411. }
  412.  
  413. #content .photoset iframe{
  414. display:block;
  415. {block:IndexPage}
  416. {block:if300pxWidth}width:300px;{/block:if300pxWidth}
  417. {block:if250pxWidth}width:250px;{/block:if250pxWidth}
  418. {block:if200pxWidth}max-width:200px;{/block:if200pxWidth}
  419. {block:if350pxWidth}width:350px;{/block:if350pxWidth}
  420. {/block:IndexPage}
  421. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  422. }
  423.  
  424. .videocap{
  425. {block:IndexPage}
  426. {block:if300pxWidth}max-width:300px;{/block:if300pxWidth}
  427. {block:if250pxWidth}max-width:250px;{/block:if250pxWidth}
  428. {block:if200pxWidth}max-width:200px;{/block:if200pxWidth}
  429. {block:if350pxWidth}max-width:350px;{/block:if350pxWidth}
  430. {/block:IndexPage}
  431. {block:PermalinkPage}width:480px;{/block:PermalinkPage}
  432. }
  433.  
  434. #topDiv{
  435. position: fixed;
  436. bottom:20px;
  437. text-align:center;
  438. z-index:1000;
  439. display: none;
  440. cursor: pointer;
  441. right:20px;
  442. }
  443.  
  444. {block:ifcustomcursor}
  445. body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress;}
  446. {/block:ifcustomcursor}
  447.  
  448. {CustomCSS}
  449. </style>
  450.  
  451. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  452. <script type="text/javascript">
  453. jQuery(document).ready(function() {
  454. jQuery(".tags").hide();
  455. //toggle the componenet with class msg_body
  456. jQuery(".categories").click(function()
  457. {
  458. jQuery(this).next(".tags").slideToggle(500);
  459. });});
  460. </script>
  461.  
  462. <script type="text/javascript" src="http://static.tumblr.com/j1tjexd/WYwm8ed44/like_script.js"></script>
  463. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  464. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/rSGl20lfv/masonry.js">
  465. </script>
  466. <script src="http://static.tumblr.com/j1tjexd/KFrm9a79z/infinitescroll.js"></script>
  467. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  468. <script type="text/javascript">
  469.  
  470. $(window).load(function () {
  471. $('.posts').masonry(),
  472. $('.masonryWrap').infinitescroll({
  473. navSelector : "div#navigation",
  474. // selector for the paged navigation (it will be hidden)
  475. nextSelector : "div#navigation a#nextPage",
  476. // selector for the NEXT link (to page 2)
  477. itemSelector : ".entry",
  478. // selector for all items you'll retrieve
  479. bufferPx : 10000,
  480. extraScrollPx: 11000,
  481. loadingImg : "",
  482. loadingText : "<em></em>",
  483. },
  484. // call masonry as a callback.
  485. function() { $('.posts').masonry({ appendedContent: $(this) }); }
  486. );
  487. });
  488. </script></head>
  489.  
  490. <body>
  491.  
  492. {block:IfMaximisedBackgroundImage}<div id="bg"><img src="{image:Background}"></div>{/block:IfMaximisedBackgroundImage}
  493.  
  494. <div class="top">
  495.  
  496. <div class="header">
  497.  
  498.  
  499.  
  500.  
  501. {block:IfHeaderImage}<div><a href="/"><img src="{image:Header}" style="max-height:150px;"></a></div>{/block:IfHeaderImage}<br>
  502.  
  503. {block:Description}{Description}{/block:Description}
  504. <div class="nav">
  505.  
  506. <a href="/">home</a> {text:Symbol in Navigation}
  507. {/block:ifclickfornav}
  508. <a href="/ask">Ask</a> {text:Symbol in Navigation}
  509. {block:IfShowArchiveLink}<a href="/archive">Archive</a> {text:Symbol in Navigation} {/block:IfShowArchiveLink}
  510. {block:IfShowRSSLink}<a href="{RSS}">rss</a> {text:Symbol in Navigation} {/block:IfShowRSSLink}
  511. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a> {text:Symbol in Navigation} {/block:Pages}{/block:HasPages}
  512. <a href="http://www.darnharry.tumblr.com">Theme</a>
  513. </div>
  514. </div>
  515. </div>
  516.  
  517. <div id="content">
  518.  
  519. <div class="posts">
  520.  
  521. {block:Posts}
  522.  
  523. <div class="entry">
  524.  
  525. {block:Text}<div id="entry">
  526. {block:Title}<span class="post_title">{title}</span>{/block:Title}
  527. {Body}
  528. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{block:IfUsePermalinkImage}<img src="{image:Permalink}">{/block:IfUsePermalinkImage}{block:IfNotUsePermalinkImage}{block:Date}{NoteCount}{/block:Date}{/block:IfNotUsePermalinkImage}</a></div>{/block:IndexPage}</div>
  529. {/block:Text}
  530.  
  531. {block:Photo}
  532. {block:IndexPage}<span class="reblog"><span class="reblogg"><a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/j1tjexd/p25m8ecft/reblog.png" title="reblog"></a></span></span>
  533. <div class="liker"><div class="likerr">
  534. <img height="20" style="height:20px;cursor:pointer;" src="http://static.tumblr.com/j1tjexd/raBm8ecgy/like.png" id="like_image_{PostID}" onclick="LikePost('{PostID}','{ReblogURL}',this)" border="0" alt="like" title="like"/>
  535. </div></div>{/block:IndexPage}
  536. {block:IndexPage}
  537. <a href="{Permalink}"><img src="{PhotoURL-500}"/></a>
  538. {block:Ifshowcaptions}{Caption}{/block:Ifshowcaptions}<br>
  539. {/block:IndexPage}
  540. {block:PermalinkPage}<img src="{PhotoURL-HighRes}" width="500"/>
  541. {block:Caption}<center>{Caption}</center>{/block:Caption}{/block:PermalinkPage}
  542. {/block:Photo}
  543.  
  544. {block:Photoset}<div id="entry">
  545. <div class="photoset">{block:IndexPage}{block:if300pxWidth}{Photoset-400}{/block:if300pxWidth}{block:if250pxWidth}{Photoset-250}{/block:if250pxWidth}{block:if200pxWidth}{Photoset-250}{/block:if200pxWidth}{block:if350pxWidth}{Photoset-400}{/block:if350pxWidth}{/block:IndexPage}</div>
  546. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  547. {block:IndexPage}{block:Caption}<div class="photosetcap"><div style="margin-top:-24px; color:{color:Post}; margin-bottom:9px; margin-left:20px; font-size:20px; "> <a href="{Permalink}" style="color:{color:Post};">▲</a></div><a href="{Permalink}">{Caption}</a></div>{/block:Caption}{/block:IndexPage}</div>
  548. {/block:Photoset}
  549.  
  550. {block:Quote}<div id="entry">"{Quote}"
  551. {block:Source}&mdash;&nbsp;<b><i>{Source}</i></b>{/block:Source}<br>
  552. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{block:IfUsePermalinkImage}<img src="{image:Permalink}">{/block:IfUsePermalinkImage}{block:IfNotUsePermalinkImage}{block:Date}{NoteCount}{/block:Date}{/block:IfNotUsePermalinkImage}</a></div>{/block:IndexPage}</div>
  553. {/block:Quote}
  554.  
  555. {block:Link}<div id="entry">
  556. <a href="{URL}"{Target}><span class="link_title">&rarr; {Name}</span></a>
  557. {block:Description}{Description}{/block:Description}
  558. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{block:IfUsePermalinkImage}<img src="{image:Permalink}">{/block:IfUsePermalinkImage}{block:IfNotUsePermalinkImage}{block:Date}{NoteCount}{/block:Date}{/block:IfNotUsePermalinkImage}</a></div>{/block:IndexPage}</div>
  559. {/block:Link}
  560.  
  561. {block:Video}
  562. <div class="video">
  563. {block:IndexPage}{Video-400}{/block:IndexPage}
  564. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  565. </div>
  566. {block:IndexPage}{block:Caption}<div class="videocap"><a href="{Permalink}">{Caption}</a></div>{/block:Caption}{/block:IndexPage}
  567. {block:PermalinkPage}{block:Caption}<div class="videocap">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  568. {/block:Video}
  569.  
  570. {block:Chat}<div id="entry">
  571. {block:Title}
  572. <div class="ptitle">{Title}</div>
  573. {/block:Title}{block:Lines}{block:Label}<b>{Label}</b> {/block:Label}{Line}<br>{/block:Lines}
  574. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{block:IfUsePermalinkImage}<img src="{image:Permalink}">{/block:IfUsePermalinkImage}{block:IfNotUsePermalinkImage}{block:Date}{NoteCount}{/block:Date}{/block:IfNotUsePermalinkImage}</a></div>{/block:IndexPage}</div>
  575. {/block:Chat}
  576.  
  577. {block:Audio}
  578. <div class="audio">{AudioPlayerBlack}</div>
  579. {block:IndexPage}{block:Caption}<div class="audiocap"><div style="margin-top:-24px; color:{color:Post}; margin-bottom:9px; margin-left:20px; font-size:20px; "> <a href="{Permalink}" style="color:{color:Post};">▲</a></div><a href="{Permalink}">{Caption}</a></div>{/block:Caption}{/block:IndexPage}
  580. {block:PermalinkPage}{block:Caption}<div class="audiocap"><div style="margin-top:-24px; color:{color:Post}; margin-bottom:9px; margin-left:20px; font-size:20px; "> ▲</div>{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  581. {/block:Audio}
  582.  
  583. {block:Answer}<div id="entry">
  584. {block:IndexPage}<b>Q</b>: {Question}<br>{Answer}<br><i>asked by {Asker}</i><a href="{Permalink}"><a href="{Permalink}">{block:IfUsePermalinkImage}<img src="{image:Permalink}">{/block:IfUsePermalinkImage}{block:IfNotUsePermalinkImage}{block:Date}{NoteCount}{/block:Date}{/block:IfNotUsePermalinkImage}</a></div>{/block:IndexPage}
  585. {block:PermalinkPage}<div style="width:500px"><b>Q</b>: {Question}<br>{Answer}<br><i>asked by {Asker}</i></div>{/block:PermalinkPage}</div>
  586. {/block:Answer}
  587.  
  588. {block:PermalinkPage}
  589. {block:Date}{TimeAgo}&nbsp;&#8226;&nbsp;{NoteCountWithLabel}&nbsp;&#8226;&nbsp;{Month}&nbsp;{DayOfMonth}{DayOfMonthSuffix}{/block:Date}{block:HasTags}<br>Tagged with&nbsp;{block:Tags}<a href="{TagURL}"><span style="{color:Links}; color:{color:Text}; line-height:14px; text-decoration:underline;">{Tag}</span></a>&nbsp;&nbsp;{/block:Tags}
  590. {/block:HasTags}{/block:PermalinkPage}
  591.  
  592. </div>
  593.  
  594. {/block:Posts}
  595. </div>
  596. {block:ifToTop}<div id="topDiv"><a href="javascript:void(0);" id="topDivA"><img src="http://static.tumblr.com/j1tjexd/uSOm6ujd1/totop-grey.png" width="40" height="40" style="-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.33);
  597. -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.33);
  598. box-shadow: 0px 0px 0px rgba(0,0,0,0.33);"></a></div>{/block:ifToTop}
  599. </div>
  600.  
  601. {block:IndexPage}
  602. <div class="column navigation" id="navigation">
  603. {block:Pagination}
  604. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  605. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  606. </div>
  607. {/block:IndexPage}
  608.  
  609.  
  610. <script type="text/javascript">
  611. $(function() {
  612. $("#topDivA").click(function(){
  613. var target = $("html");
  614. $('html, body').animate({
  615. scrollTop: target.offset().top
  616. }, 1000);
  617. });
  618.  
  619. var topDiv = $("#topDiv");
  620. var topDivTop = "1000";
  621. var view = $( window );
  622. view.bind("scroll resize", function(){
  623. var viewTop = view.scrollTop();
  624. if (viewTop > topDivTop){
  625. topDiv.fadeIn(300);
  626. }
  627. else if (viewTop <= topDivTop){
  628. topDiv.fadeOut(200);
  629. }
  630. });
  631. });</script>
  632. <iframe id="likes_frame" style="height:1px;width:1px;position:absolute;left:-500px;"></iframe>
  633.  
  634. </body>
  635. </html>
Advertisement
Add Comment
Please, Sign In to add comment