API tools faq
paste
Advertisement
tomkirk

Pack 4.2

tomkirk
Apr 6th, 2014
2,513
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.26 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. [ T H E M E B Y ]
  3.  
  4. ○ ● ○
  5.  
  6. [ T O M K I R K ]
  7.  
  8. THEME PACK: 4 ; -APOLLO-
  9.  
  10. -->
  11. <html>
  12. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  13. <html xmlns="http://www.w3.org/1999/xhtml">
  14. <head>
  15.  
  16. <!--Default Variables-->
  17. <!--Colors-->
  18. <meta name="color:Ask Background" content="#f7f7f7"/>
  19. <meta name="color:Ask Text" content="#696969"/>
  20. <meta name="color:Background" content="#ffffff"/>
  21. <meta name="color:Bubbles" content="#000000"/>
  22. <meta name="color:Bubbles Text" content="#ffffff"/>
  23. <meta name="color:Text" content="#828282"/>
  24. <meta name="color:Link" content="#54f394"/>
  25. <meta name="color:Link Hover" content="#baeaf7"/>
  26. <meta name="color:Border" content="#f2f2f2"/>
  27. <meta name="color:Scrollbar" content="#e2e1e1"/>
  28. <meta name="color:Tool Tip" content="#000000"/>
  29. <meta name="color:Tool Tip Text" content="#ffffff"/>
  30. <meta name="color:Perma 1" content="#000000"/>
  31. <meta name="color:Perma 2" content="#000000"/>
  32. <meta name="color:Perma 3" content="#000000"/>
  33.  
  34. <!--Options-->
  35. <meta name="if:Infinite Scroll" content=""/>
  36. <meta name="if:Captions" content="1"/>
  37. <meta name="if:Inverted Images" content=""/>
  38. <meta name="if:Faded Images" content=""/>
  39. <meta name="if:Tiny Cursor" content=""/>
  40. <meta name="if:Crosshair Cursor" content=""/>
  41. <meta name="if:Bigger Posts" content=""/>
  42. <meta name="if:Custom Scrollbar" content="1"/>
  43. <meta name="if:Full Bkg Img" content="1" />
  44.  
  45. <!--Images-->
  46. <meta name="image:Background" content""/>
  47. <meta name="image:Pic" content=""/>
  48.  
  49. <!--Links-->
  50. <meta name="text:Link 1 URL" content="/"/>
  51. <meta name="text:Link 1 name" content=""/>
  52. <meta name="text:Link 2 URL" content="/"/>
  53. <meta name="text:Link 2 name" content=""/>
  54. <meta name="text:Link 3 URL" content="/"/>
  55. <meta name="text:Link 3 name" content=""/>
  56. <meta name="text:Link 4 URL" content="/"/>
  57. <meta name="text:Link 4 name" content=""/>
  58. <meta name="text:Link 5 URL" content="/"/>
  59. <meta name="text:Link 5 name" content=""/>
  60. <meta name="text:Link 6 URL" content="/"/>
  61. <meta name="text:Link 6 name" content=""/>
  62.  
  63. {block:Description}
  64. <meta name="description" content="{MetaDescription}" />
  65. {/block:Description}
  66. <meta charset="utf-8">
  67. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  68. <title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  69. <link rel="shortcut icon" href="{Favicon}">
  70. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  71. <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  72. <style type="text/css">
  73.  
  74. i{block:ifInvertedImages}img{
  75. opacity: 1;
  76. filter:alpha(opacity=10);
  77. -moz-opacity: 0.1;
  78. -moz-transition: all .9s ease;
  79. -o-transition: all .9s ease;
  80. transition: all .9s ease;
  81. -webkit-transition: all .9s ease;}
  82. {/block:ifInvertedImages}
  83. {block:ifInvertedImages} img:hover{
  84. opacity: .8;
  85. filter:alpha(opacity=100);
  86. -moz-opacity: 1;
  87. -moz-transition: all .9s ease;
  88. -o-transition: all .9s ease;
  89. transition: all .9s ease;
  90. -webkit-transition: all .9s ease;}
  91. {/block:ifInvertedImages}
  92. {block:ifFadedImages}img{
  93. opacity: .8;
  94. filter:alpha(opacity=10);
  95. -moz-opacity: 0.1;
  96. -moz-transition: all .9s ease;
  97. -o-transition: all .9s ease;
  98. transition: all .9s ease;
  99. -webkit-transition: all .9s ease;}
  100. {/block:ifFadedImages}
  101. {block:ifFadedImages} img:hover{
  102. opacity: 1;
  103. filter:alpha(opacity=100);
  104. -moz-opacity: 1;
  105. -moz-transition: all .9s ease;
  106. -o-transition: all .9s ease;
  107. transition: all .9s ease;
  108. -webkit-transition: all .9s ease;}
  109. {/block:ifFadedImages}
  110. {block:ifInvertedImages}.photo {
  111. opacity: 1;
  112. filter:alpha(opacity=10);
  113. -moz-opacity: 0.1;
  114. -moz-transition: all .9s ease;
  115. -o-transition: all .9s ease;
  116. transition: all .9s ease;
  117. -webkit-transition: all .9s ease;}
  118. {/block:ifInvertedImages}
  119. {block:ifInvertedImages}.photo:hover{
  120. opacity: .8;
  121. filter:alpha(opacity=100);
  122. -moz-opacity: 1;
  123. -moz-transition: all .9s ease;
  124. -o-transition: all .9s ease;
  125. transition: all .9s ease;
  126. -webkit-transition: all .9s ease;}
  127. {/block:ifInvertedImages}
  128. {block:ifFadedImages}.photo {
  129. opacity: .8;
  130. filter:alpha(opacity=10);
  131. -moz-opacity: 0.1;
  132. -moz-transition: all .9s ease;
  133. -o-transition: all .9s ease;
  134. transition: all .9s ease;
  135. -webkit-transition: all .9s ease;}
  136. {/block:ifFadedImages}
  137. {block:ifFadedImages}.photo:hover{
  138. opacity: 1;
  139. filter:alpha(opacity=100);
  140. -moz-opacity: 1;
  141. -moz-transition: all .9s ease;
  142. -o-transition: all .9s ease;
  143. transition: all .9s ease;
  144. -webkit-transition: all .9s ease;}
  145. {/block:ifFadedImages}
  146. .photo{overflow:hidden;}
  147. iframe#tumblr_controls {-webkit-filter:invert(100%);right:3px !important; position: fixed !important;opacity:.7;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  148. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: .9;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  149. {block:ifCustomScrollbar}
  150. ::-webkit-scrollbar {width:5px; height:5px; background: {color:Background};border-left:1px solid {color:Scrollbar};}
  151. ::-webkit-scrollbar-thumb { background-color: {color:Scrollbar}; border:6px solid {color:background}}
  152. {/block:ifCustomScrollbar}
  153. body{background-color: {color:Background};background-image:url({image:Background});background-attachment:fixed;background-repeat:repeat;background-position:center; font-family:helvetica;font-size:10px;line-height:14px;color:{color:Text};{block:ifTinyCursor}cursor:url(https://31.media.tumblr.com/fcce7504e8a251ab8ebfc6cdc55c3ba6/tumblr_inline_n3lkp5YqVF1rh7826.png), progress;{/block:ifTinyCursor}{block:ifCrosshairCursor}cursor:crosshair;{/block:ifCrosshairCursor}{block:ifFullBkgImg}background-size:100% 100%;{/block:ifFullBkgImg}}
  154. a:link, a:active, a:visited{color: {color:Link};text-decoration:none;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;border-bottom:1px dotted transparent;}
  155. a:hover{color:{color:Link Hover};border-bottom:1px dotted {color:Link Hover};{block:ifTinyCursor}cursor:url(https://31.media.tumblr.com/fcce7504e8a251ab8ebfc6cdc55c3ba6/tumblr_inline_n3lkp5YqVF1rh7826.png), progress;
  156. {/block:ifTinyCursor}{block:ifCrosshairCursor}cursor:crosshair;{/block:ifCrosshairCursor}}
  157. #s-m-t-tooltip {max-width:300px;padding:3px;padding-left:4px;padding-bottom:3px;padding-right:4px;font-size:10px;line-height:10px;font-style:italic;margin:25px 20px 25px 20px;background-color:{color:Tool Tip};color:{color:Tool Tip Text};color:{color:Tool Tip Text};z-index:999999999999999999999999999999999999;box-shadow:rgba(0,0,0,0.07)3px 3px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transition: all 0.2s ease;}
  158.  
  159. #container {margin:auto;
  160. {block:ifBiggerPosts}
  161. {block:IndexPage}width:400px;{/block:IndexPage}
  162. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  163. {/block:ifBiggerPosts}
  164.  
  165. {block:ifNotBiggerPosts}
  166. {block:IndexPage}width:250px;{/block:IndexPage}
  167. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  168. {/block:ifNotBiggerPosts}
  169. }
  170.  
  171. #content {margin:auto;
  172. {block:ifBiggerPosts}
  173. {block:IndexPage}width:400px;{/block:IndexPage}
  174. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  175. {/block:ifBiggerPosts}
  176.  
  177. {block:ifNotBiggerPosts}
  178. {block:IndexPage}width:250px;{/block:IndexPage}
  179. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  180. {/block:ifNotBiggerPosts}
  181. }
  182.  
  183. article {margin-top:0px;margin-bottom:180px;
  184. {block:ifBiggerPosts}
  185. {block:IndexPage}width:400px;{/block:IndexPage}
  186. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  187. {/block:ifBiggerPosts}
  188.  
  189. {block:ifNotBiggerPosts}
  190. {block:IndexPage}width:250px;{/block:IndexPage}
  191. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  192. {/block:ifNotBiggerPosts}}
  193.  
  194. article img{-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  195. max-width:100%;
  196. }
  197.  
  198. article #hexes {position:absolute;opacity:1;line-height:15px;z-index:1;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;transition: all 0.7s ease;margin-top:20px;text-align:center;{block:ifBiggerPosts}width:400px;{/block:ifBiggerPosts}{block:ifNotBiggerPosts}width:250px;{/block:ifNotBiggerPosts}}
  199. article:hover #hexes {margin-top:20px;opacity:1;}
  200.  
  201. #p1 a{color:{color:Perma 1};position:absolute;font-size:26px;margin-left:-20px;margin-top:-2px;padding-bottom:4px;}
  202. #p2 a{color:{color:Perma 2};position:absolute;font-size:17px;padding-bottom:2px;}
  203. #p3 a{color:{color:Perma 3};position:absolute;font-size:14px;margin-left:20px;margin-top:1px;padding-bottom:1px;}
  204. #p1 a:hover{border-bottom:1px dotted {color:Perma 1};}
  205. #p2 a:hover{border-bottom:1px dotted {color:Perma 2};}
  206. #p3 a:hover{border-bottom:1px dotted {color:Perma 3};}
  207.  
  208. #z{position:fixed;bottom:0;right:0;padding:15px;}
  209.  
  210. #z .y{position:absolute;margin-top:-7px;margin-left:-10px;opacity:0;font-family:calibri;font-size:10px;text-transform:uppercase;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;-webkit-transform: scale(.10);}
  211.  
  212. #z:hover .y{opacity:1;-webkit-transform: scale(1.0);margin-left:-10px;margin-top:-11px;}
  213.  
  214. #z .x{font-size:23px;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;}
  215. /*hte*/
  216. #z:hover .x{opacity:0;-webkit-transform: scale(.10);}
  217.  
  218. #side {position:fixed;relative;left:0;top:0;width:170px;padding-top:250px;padding-left:100px;text-align:justify;
  219. z-index:9999999999999999999999999999999999999999999999999999999;
  220. }
  221.  
  222. #side .navigate{position:absolute;opacity:0;margin-left:100px;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;transition: all 0.7s ease;text-align:center;width:170px;}
  223. #side:hover .navigate{opacity:1;margin-left:-5px;}
  224. #side .navigate a{margin-left:4px;margin-right:4px;}
  225. #side .navigate a:first-letter{text-decoration:underline;text-transform:uppercase;}
  226.  
  227. #ask {background:{color:Bubbles};margin-top:0px;padding:10px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;color:{color:Bubbles Text};}
  228. #ask #ds{position:absolute;margin-top:7px;margin-left:30px;color:{color:Bubbles};font-size:30px;font-family:arial;font-weight:bold;}
  229. .askername{position:Absolute;margin-top:-28px;margin-left:37px;padding-bottom:2px;margin-bottom:1px;border-bottom:3px solid {color:Bubbles Text};}
  230. .askername a{color:{color:Bubbles Text};} .askername a:hover{color:{color:Link Hover};}
  231. .askerimg{padding-bottom:4px;margin-bottom:1px;}
  232. .askerimg img{width:30px;}
  233.  
  234. .posttitle{font-size:13px;line-height:14px;padding-bottom:0px;background:{color:Bubbles};margin-top:0px;padding:10px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;color:{color:Bubbles Text};margin-bottom:20px;}
  235. .posttitle a{color:{color:Bubbles Text};}
  236. .posttitle a:hover{color:{color:Link Hover};}
  237. .posttitle #gs{position:absolute;margin-top:7px;margin-left:170px;color:{color:Bubbles};font-size:30px;font-family:arial;font-weight:bold;}
  238.  
  239. .audiop{background:black;padding:10px;-moz-border-radius: 7px;border-radius: 7px;color:{color:Bubbles Text};margin-bottom:20px;}
  240. .audiop .tr{position:absolute;margin-top:7px;margin-left:30px;color:{color:Bubbles};font-size:30px;font-family:arial;font-weight:bold;}
  241.  
  242. .audioplayer {position:absolute;margin-top:-53px;margin-left:100px;width:70px;overflow:hidden;}
  243.  
  244. .audiop img{{block:ifFadedImages}opacity:1;{/block:ifFadedImages}{block:ifInvertedImages}opacity:1;{/block:ifInvertedImages}}
  245.  
  246. .audiop img:hover{{block:ifFadedImages}opacity:1;{/block:ifFadedImages}{block:ifInvertedImages}opacity:1;{/block:ifInvertedImages}}
  247.  
  248. .blogtitle a{display:inline-block;border:4px solid {color:Link};padding:4px 6px 4px 6px;text-transform:uppercase;font-size:17px;font-weight:bold;letter-spacing:2px;line-height:17px;margin-bottom:4px;}
  249. .blogtitle a:hover{color:{color:Link Hover};border:4px solid {color:Link Hover};}
  250. blockquote{padding-left:10px;margin-left:10px;margin-right:0px;margin-top:5px;margin-bottom:10px;border-left:3px solid {color:Link};}
  251. blockquote p, ul{margin:0px; padding:0px;}
  252. .chat .line{padding: 2px;}
  253. .label {font-weight:bold; color:{color:text}}
  254. a img{border: 0px;}
  255. p {margin-top:10px;}
  256. .p { padding-top: 5px; }
  257. .ol, ul { margin-left: 10px; padding: 5px; }
  258. .ul { list-style-type: square; }
  259. .notes img{width:10px; position:left; top:3px; -webkit-border-radius: 10px;
  260. -moz-border-radius: 10px; border-radius: 10px; margin-right:5px;}
  261. .notes{ line-height:15px;}
  262. .pagination{margin-bottom:50px;font-size:16px;text-align:center;{block:ifBiggerPosts}width:400px;{/block:ifBiggerPosts}{block:ifNotBiggerPosts}width:250px;{/block:ifNotBiggerPosts}}
  263.  
  264. .l a:hover{border-bottom:1px solid transparent;}
  265. {CustomCSS}
  266. </style>
  267.  
  268. </head>
  269. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  270.  
  271. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  272.  
  273. <script>
  274. (function($){
  275. $(document).ready(function(){
  276. $("a[title]").style_my_tooltips({
  277. tip_follows_cursor:true,
  278. tip_delay_time:200,
  279. tip_fade_speed:300,
  280. attribute:"title"
  281. });
  282. });
  283. })(jQuery);
  284. </script>
  285. <body>
  286. <div style="position:fixed;top:0;left:0;height:100%;width:100%;z-index:-1;
  287. {block:ifTinyCursor}cursor:url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;
  288. {/block:ifTinyCursor}"></div>
  289.  
  290. <div id="z"><div class="x">▲</div>
  291. <div class="y"><a href="http://tomkirk.tumblr.com/">tomkirk</a></div>
  292. </div>
  293.  
  294. <div id="container">
  295. <div id="side">
  296. <div class="l">
  297. <a title="{Title}"href="/"><img src="{image:Pic}" style="max-width:60px;max-height:60px;border-radius:100;-webkit-border-radius:100;-moz-border-radius:100;"align="left"></a>
  298. </div>
  299. <div style="margin-top:7px;">{Description}</div>
  300. <div class="navigate">
  301. {block:ifLink1name}
  302. <a href="{text:Link 1 URL}">{text:Link 1 name}</a>
  303. {/block:ifLink1name}
  304. {block:ifLink2name}
  305. <a href="{text:Link 2 URL}">{text:Link 2 name}</a>
  306. {/block:ifLink2name}
  307. {block:ifLink3name}
  308. <a href="{text:Link 3 URL}">{text:Link 3 name}</a>
  309. {/block:ifLink3name}
  310. {block:ifLink4name}
  311. <a href="{text:Link 4 URL}">{text:Link 4 name}</a>
  312. {/block:ifLink4name}
  313. {block:ifLink5name}
  314. <a href="{text:Link 5 URL}">{text:Link 5 name}</a>
  315. {/block:ifLink5name}
  316. {block:ifLink6name}
  317. <a href="{text:Link 6 URL}">{text:Link 6 name}</a>
  318. {/block:ifLink6name}
  319. </div>
  320. </div>
  321. <br><br><br><br><br><br><br><br><br><br><br><br>
  322. <div id="content">
  323. {block:Posts}
  324. <article>
  325.  
  326. {block:Answer}<div id="ask"><div class="askerimg"><img src="{AskerPortraitURL-128}" style="-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;"></div><span class="askername"> {Asker} asked:</span> <span style="padding-left:3px;padding-right:3px;">{Question}</span> <div id="ds">▼</div></div><div style="margin-top:20px;">{Answer}</div>{/block:Answer}
  327.  
  328. {block:Text}{block:Title}<div class="posttitle">{Title}<div id="gs">▼</div></div>{/block:Title}{Body}{/block:Text}
  329.  
  330. {block:Link}<div class="posttitle"><a href="{URL}">{Name} »<div id="gs">▼</div></a></div>{block:Description}{Description}{/block:Description}{/block:Link}
  331.  
  332. {block:Photo}
  333. <center><div class="l">
  334. {LinkOpenTag}
  335. <a href="{permalink}">
  336. <img src="{PhotoURL-500}" alt="{PhotoAlt}"></a>
  337. {LinkCloseTag}
  338. </div>
  339. </center>
  340. {block:ifCaptions}
  341. {block:Caption}{Caption}{/block:Caption}
  342. {/block:ifCaptions}
  343. {block:ifNotCaptions}
  344. {block:PermalinkPage}
  345. {block:Caption}{Caption}{/block:Caption}
  346. {/block:PermalinkPage}
  347. {/block:ifNotCaptions}
  348. {block:ContentSource}
  349. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  350. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  351. {/block:SourceLogo}
  352. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  353. {/block:ContentSource}
  354. {block:ReblogParentURL}
  355. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  356. {/block:ReblogParentURL}
  357. {/block:Photo}
  358.  
  359. {block:Photoset}
  360. <div class="photo">
  361. {block:ifBiggerPosts}
  362. {block:IndexPage}{Photoset-400}{/block:IndexPage}
  363. {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
  364. {/block:ifBiggerPosts}
  365. {block:ifNotBiggerPosts}
  366. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  367. {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
  368. {/block:ifNotBiggerPosts}
  369. </div>
  370. {block:ifCaptions}
  371. {block:Caption}{Caption}{/block:Caption}
  372. {/block:ifCaptions}
  373. {block:ifNotCaptions}
  374. {block:PermalinkPage}
  375. {block:Caption}{Caption}{/block:Caption}
  376. {/block:PermalinkPage}
  377. {/block:ifNotCaptions}
  378. {/block:Photoset}
  379.  
  380. {block:Quote}<div class="posttitle">"{Quote}"<div id="gs">▼</div></div>{block:Source}<i> - {Source}</i>{/block:Source}{/block:Quote}
  381.  
  382. {block:Chat}{block:Title}<div class="posttitle">{Title}<div id="gs">▼</div></div>{/block:Title}<div class="chat">{block:Lines}<div class="chat"><div class="line {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<b>{Label} </b>{/block:Label}{Line}</div></div></div>{/block:Lines}</div>{/block:Chat}
  383.  
  384. {block:Audio}
  385.  
  386. <div class="audiop">
  387. {block:AlbumArt}
  388. <img src="{AlbumArtURL}" width="70px;" style="position:absolute;margin:5px;z-index:1;">
  389. {/block:AlbumArt}
  390.  
  391. <img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" width="70px;" style="position:relative;margin:5px;">
  392.  
  393. {block:AudioPlayer}
  394. <div class="audioplayer">
  395. {AudioPlayerBlack}
  396. </div>
  397. {/block:AudioPlayer}
  398. <div class="tr">▼</div>
  399. </div>
  400.  
  401. {block:Caption}{Caption}{/block:Caption}
  402. {/block:Audio}
  403.  
  404. {block:Video}
  405. <div class="photo">
  406. {block:ifBiggerPosts}
  407. {block:IndexPage}{Video-400}{/block:IndexPage}
  408. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  409. {/block:ifBiggerPosts}
  410. {block:ifNotBiggerPosts}
  411. {block:IndexPage}{Video-250}{/block:IndexPage}
  412. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  413. {/block:ifNotBiggerPosts}
  414. </div>
  415. {block:ifCaptions}
  416. {block:Caption}{Caption}{/block:Caption}
  417. {/block:ifCaptions}
  418. {block:ifNotCaptions}
  419. {block:PermalinkPage}
  420. {block:Caption}{Caption}{/block:Caption}
  421. {/block:PermalinkPage}
  422. {/block:ifNotCaptions}
  423. {/block:Video}
  424.  
  425. {block:IndexPage}
  426. <div id="hexes">
  427. <span id="p1"><a title="{TimeAgo}"href="{Permalink}">○</a></span>
  428. <span id="p2"><a title="{NoteCountWithLabel}"href="{Permalink}">△</a></span>
  429. <span id="p3"><a title="reblog?"href="{ReblogURL}" target="_blank" class="details">✕</a>
  430. </span>
  431. </div>
  432. {/block:IndexPage}
  433.  
  434. {block:PermalinkPage}
  435. {block:Date}
  436. <div id="permalinkpage">
  437. <b>Posted:</b> {TimeAgo} on
  438. {ShortMonth} {DayofMonth},{Year} at
  439. {12Hour}:{Minutes} {CapitalAmPm}
  440. {/block:Date}
  441. {block:NoteCount}<br>
  442. <b>Notes:</b>
  443. {NoteCount}
  444. {/block:NoteCount}
  445. {block:HasTags}
  446. <br>
  447. <b>Tags:</b>
  448. {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;
  449. {/block:Tags}
  450. {/block:HasTags}
  451. <br>{block:RebloggedFrom}via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>· (©: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
  452. {block:PostNotes}
  453. {PostNotes}
  454. {/block:PostNotes}
  455. {/block:Date}
  456. {/block:PermalinkPage}
  457.  
  458. </article>
  459. {/block:Posts}
  460.  
  461. {block:Pagination}
  462. <div class="pagination">
  463. {block:PreviousPage}<a href="{PreviousPage}">{block:ifInfiniteScroll} {/block:ifInfiniteScroll}{block:ifNotInfiniteScroll}←{/block:ifNotInfiniteScroll}</a>{/block:PreviousPage}
  464. {block:NextPage}<a href="{NextPage}">{block:ifInfiniteScroll} {/block:ifInfiniteScroll}{block:ifNotInfiniteScroll}→{/block:ifNotInfiniteScroll}</a>{/block:NextPage}
  465. </div>
  466. {/block:Pagination}
  467.  
  468. </div>
  469.  
  470. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  471.  
  472. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  473. {block:ifInfiniteScroll}
  474. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  475. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  476. {/block:ifInfiniteScroll}
  477. <!-- wtf is a matt bellamy -->
  478. <script>
  479. (function() {
  480. var $tumblelog = $('#content');
  481. {block:IfInfiniteScroll}
  482. $tumblelog.infinitescroll({
  483. navSelector : ".pagination",
  484. nextSelector : ".pagination a:first",
  485. itemSelector : "article",
  486. bufferPx : 50,
  487. done : "",
  488. loading: {
  489. finishedMsg: "<p> </p>",
  490. img : " ",
  491. msg: null,
  492. msgText: "<p> </p>"
  493. },
  494. },
  495. function( newElements ) {
  496. var $newElems = $( newElements ).css({ opacity: 0 });
  497. $newElems.imagesLoaded(function(){
  498. $newElems.animate({ opacity: 1 });
  499. $tumblelog.masonry( 'appended', $newElems);
  500. });
  501. }
  502. );
  503. {/block:IfInfiniteScroll}
  504. $tumblelog.imagesLoaded( function(){
  505. $tumblelog.masonry({
  506. columnWidth: function( containerWidth ) {
  507. return containerWidth / 100;
  508. }
  509. });
  510. });
  511. })();
  512. </script>
  513.  
  514. <script>
  515. var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']];
  516. (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  517. g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  518. s.parentNode.insertBefore(g,s)}(document,'script'));
  519. </script>
  520. </body>
  521. </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!