API tools faq
paste
Advertisement
tomkirk

Pack 4.1

tomkirk
Apr 6th, 2014
2,393
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.99 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 ; -ARTEMIS-
  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_n3llf1PkvD1rh7826.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_n3llf1PkvD1rh7826.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:20px 20px 20px 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. {block:ifBiggerPosts}
  196. {block:IndexPage}max-width:400px;{/block:IndexPage}
  197. {block:PermalinkPage}max-width:400px;{/block:PermalinkPage}
  198. {/block:ifBiggerPosts}
  199.  
  200. {block:ifNotBiggerPosts}
  201. {block:IndexPage}max-width:250px;{/block:IndexPage}
  202. {block:PermalinkPage}max-width:400px;{/block:PermalinkPage}
  203. {/block:ifNotBiggerPosts}
  204. }
  205.  
  206. 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}}
  207. article:hover #hexes {margin-top:20px;opacity:1;}
  208.  
  209. #p1 a{color:{color:Perma 1};position:absolute;font-size:26px;margin-left:-20px;margin-top:-2px;padding-bottom:4px;}
  210. #p2 a{color:{color:Perma 2};position:absolute;font-size:17px;padding-bottom:2px;}
  211. #p3 a{color:{color:Perma 3};position:absolute;font-size:14px;margin-left:20px;margin-top:1px;padding-bottom:1px;}
  212. #p1 a:hover{border-bottom:1px dotted {color:Perma 1};}
  213. #p2 a:hover{border-bottom:1px dotted {color:Perma 2};}
  214. #p3 a:hover{border-bottom:1px dotted {color:Perma 3};}
  215. #z{position:fixed;bottom:0;right:0;padding:15px;}
  216. #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);}
  217. #z:hover .y{opacity:1;-webkit-transform: scale(1.0);margin-left:-10px;margin-top:-11px;}
  218. #z .x{font-size:23px;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;}
  219. /*x-x*/
  220. #z:hover .x{opacity:0;-webkit-transform: scale(.10);}
  221. #side{margin-bottom:80px;margin-top:150px;text-align:center;{block:ifBiggerPosts}
  222. {block:IndexPage}width:400px;{/block:IndexPage}
  223. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  224. {/block:ifBiggerPosts}
  225. {block:ifNotBiggerPosts}
  226. {block:IndexPage}width:250px;{/block:IndexPage}
  227. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  228. {/block:ifNotBiggerPosts}}
  229. #side .navigate{position:absolute;opacity:0;margin-top:-10px;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;transition: all 0.7s ease;text-align:center;{block:ifBiggerPosts}
  230. {block:IndexPage}width:400px;{/block:IndexPage}
  231. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  232. {/block:ifBiggerPosts}
  233. {block:ifNotBiggerPosts}
  234. {block:IndexPage}width:250px;{/block:IndexPage}
  235. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  236. {/block:ifNotBiggerPosts}}
  237. #side:hover .navigate{opacity:1;margin-top:5px;}
  238. #side .navigate a{margin-left:4px;margin-right:4px;}
  239. #side .navigate a:first-letter{text-decoration:underline;text-transform:uppercase;}
  240. #ask {background:{color:Bubbles};margin-top:0px;padding:10px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;color:{color:Bubbles Text};}
  241. #ask #ds{position:absolute;margin-top:7px;margin-left:30px;color:{color:Bubbles};font-size:30px;font-family:arial;font-weight:bold;}
  242. .askername{position:Absolute;margin-top:-28px;margin-left:37px;padding-bottom:2px;margin-bottom:1px;border-bottom:3px solid {color:Bubbles Text};}
  243. .askername a{color:{color:Bubbles Text};} .askername a:hover{color:{color:Link Hover};}
  244. .askerimg{padding-bottom:4px;margin-bottom:1px;}
  245. .askerimg img{width:30px;}
  246.  
  247. .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;}
  248. .posttitle a{color:{color:Bubbles Text};}
  249. .posttitle a:hover{color:{color:Link Hover};}
  250. .posttitle #gs{position:absolute;margin-top:7px;margin-left:182px;color:{color:Bubbles};font-size:30px;font-family:arial;font-weight:bold;}
  251. .audiop{background:black;padding:10px;-moz-border-radius: 7px;border-radius: 7px;color:{color:Bubbles Text};margin-bottom:20px;}
  252. .audiop .tr{position:absolute;margin-top:7px;margin-left:30px;color:black;font-size:30px;font-family:arial;font-weight:bold;}
  253. .audioplayer {position:absolute;margin-top:-53px;margin-left:100px;width:70px;overflow:hidden;}
  254. .audiop img{{block:ifFadedImages}opacity:1;{/block:ifFadedImages}{block:ifInvertedImages}opacity:1;{/block:ifInvertedImages}}
  255. .audiop img:hover{{block:ifFadedImages}opacity:1;{/block:ifFadedImages}{block:ifInvertedImages}opacity:1;{/block:ifInvertedImages}}
  256. .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;}
  257. .blogtitle a:hover{color:{color:Link Hover};border:4px solid {color:Link Hover};}
  258. blockquote{padding-left:10px;margin-left:10px;margin-right:0px;margin-top:5px;margin-bottom:10px;border-left:3px solid {color:Link};}
  259. blockquote p, ul{margin:0px; padding:0px;}
  260. .chat .line{padding: 2px;}
  261. .label {font-weight:bold; color:{color:text}}
  262. a img{border: 0px;}
  263. p {margin-top:10px;}
  264. .p { padding-top: 5px; }
  265. .ol, ul { margin-left: 10px; padding: 5px; }
  266. .ul { list-style-type: square; }
  267. .notes img{width:10px; position:left; top:3px; -webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px; margin-right:5px;}
  268. .notes{ line-height:15px;}
  269. .pagination{margin-bottom:50px;font-size:16px;text-align:center;{block:ifBiggerPosts}width:400px;{/block:ifBiggerPosts}{block:ifNotBiggerPosts}width:250px;{/block:ifNotBiggerPosts}}
  270. .l a:hover{border-bottom:1px solid transparent;}
  271. {CustomCSS}
  272. </style>
  273.  
  274. </head>
  275. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  276.  
  277. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  278.  
  279. <script>
  280. (function($){
  281. $(document).ready(function(){
  282. $("a[title]").style_my_tooltips({
  283. tip_follows_cursor:true,
  284. tip_delay_time:200,
  285. tip_fade_speed:300,
  286. attribute:"title"
  287. });
  288. });
  289. })(jQuery);
  290. </script>
  291. <body>
  292. <div style="position:fixed;top:0;left:0;max-height:100%;max-width:100%;z-index:-1;
  293. {block:ifTinyCursor}cursor:url(https://31.media.tumblr.com/fcce7504e8a251ab8ebfc6cdc55c3ba6/tumblr_inline_n3llf1PkvD1rh7826.png), progress;
  294. {/block:ifTinyCursor}"></div>
  295.  
  296. <div id="z"><div class="x">▲</div>
  297. <div class="y"><a href="http://tomkirk.tumblr.com/">tomkirk</a></div>
  298. </div>
  299.  
  300. <div id="container">
  301. <div id="content">
  302. <div id="side">
  303. <div class="l"><a title="{Title}"href="/"><img src="{image:Pic}" style="max-width:100px;max-height:100px;border-radius:100;-webkit-border-radius:100;-moz-border-radius:100;"align="center"></a></div>
  304. <div style="margin-top:3px;">{Description}</div>
  305. <div class="navigate">
  306. {block:ifLink1name}
  307. <a href="{text:Link 1 URL}">{text:Link 1 name}</a>
  308. {/block:ifLink1name}
  309. {block:ifLink2name}
  310. <a href="{text:Link 2 URL}">{text:Link 2 name}</a>
  311. {/block:ifLink2name}
  312. {block:ifLink3name}
  313. <a href="{text:Link 3 URL}">{text:Link 3 name}</a>
  314. {/block:ifLink3name}
  315. {block:ifLink4name}
  316. <a href="{text:Link 4 URL}">{text:Link 4 name}</a>
  317. {/block:ifLink4name}
  318. {block:ifLink5name}
  319. <a href="{text:Link 5 URL}">{text:Link 5 name}</a>
  320. {/block:ifLink5name}
  321. {block:ifLink6name}
  322. <a href="{text:Link 6 URL}">{text:Link 6 name}</a>
  323. {/block:ifLink6name}
  324. </div>
  325. </div>
  326.  
  327. {block:Posts}
  328. <article>
  329.  
  330. {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}
  331.  
  332. {block:Text}{block:Title}<div class="posttitle">{Title}<div id="gs">▼</div></div>{/block:Title}{Body}{/block:Text}
  333.  
  334. {block:Link}<div class="posttitle"><a href="{URL}">{Name} »<div id="gs">▼</div></a></div>{block:Description}{Description}{/block:Description}{/block:Link}
  335.  
  336. {block:Photo}
  337. <center>
  338. <div class="l">{LinkOpenTag}
  339. <a href="{permalink}">
  340. <img src="{PhotoURL-500}" alt="{PhotoAlt}"></a>
  341. {LinkCloseTag}</div>
  342. </center>
  343. {block:ifCaptions}
  344. {block:Caption}{Caption}{/block:Caption}
  345. {/block:ifCaptions}
  346. {block:ifNotCaptions}
  347. {block:PermalinkPage}
  348. {block:Caption}{Caption}{/block:Caption}
  349. {/block:PermalinkPage}
  350. {/block:ifNotCaptions}
  351. {block:ContentSource}
  352. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  353. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  354. {/block:SourceLogo}
  355. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  356. {/block:ContentSource}
  357. {block:ReblogParentURL}
  358. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  359. {/block:ReblogParentURL}
  360. {/block:Photo}
  361.  
  362. {block:Photoset}
  363. <div class="photo">
  364. {block:ifBiggerPosts}
  365. {block:IndexPage}{Photoset-400}{/block:IndexPage}
  366. {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
  367. {/block:ifBiggerPosts}
  368. {block:ifNotBiggerPosts}
  369. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  370. {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
  371. {/block:ifNotBiggerPosts}
  372. </div>
  373. {block:ifCaptions}
  374. {block:Caption}{Caption}{/block:Caption}
  375. {/block:ifCaptions}
  376. {block:ifNotCaptions}
  377. {block:PermalinkPage}
  378. {block:Caption}{Caption}{/block:Caption}
  379. {/block:PermalinkPage}
  380. {/block:ifNotCaptions}
  381. {/block:Photoset}
  382.  
  383. {block:Quote}<div class="posttitle">"{Quote}"<div id="gs">▼</div></div>{block:Source}<i> - {Source}</i>{/block:Source}{/block:Quote}
  384.  
  385. {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}
  386.  
  387. {block:Audio}
  388.  
  389. <div class="audiop">
  390. {block:AlbumArt}
  391. <img src="{AlbumArtURL}" width="70px;" style="position:absolute;margin:5px;z-index:1;">
  392. {/block:AlbumArt}
  393.  
  394. <img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" width="70px;" style="position:relative;margin:5px;">
  395.  
  396. {block:AudioPlayer}
  397. <div class="audioplayer">
  398. {AudioPlayerBlack}
  399. </div>
  400. {/block:AudioPlayer}
  401. <div class="tr">▼</div>
  402. </div>
  403.  
  404. {block:Caption}{Caption}{/block:Caption}
  405. {/block:Audio}
  406.  
  407. {block:Video}
  408. <div class="photo">
  409. {block:ifBiggerPosts}
  410. {block:IndexPage}{Video-400}{/block:IndexPage}
  411. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  412. {/block:ifBiggerPosts}
  413. {block:ifNotBiggerPosts}
  414. {block:IndexPage}{Video-250}{/block:IndexPage}
  415. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  416. {/block:ifNotBiggerPosts}
  417. </div>
  418. {block:ifCaptions}
  419. {block:Caption}{Caption}{/block:Caption}
  420. {/block:ifCaptions}
  421. {block:ifNotCaptions}
  422. {block:PermalinkPage}
  423. {block:Caption}{Caption}{/block:Caption}
  424. {/block:PermalinkPage}
  425. {/block:ifNotCaptions}
  426. {/block:Video}
  427.  
  428. {block:IndexPage}
  429. <div id="hexes">
  430. <span id="p1"><a title="{TimeAgo}"href="{Permalink}">○</a></span>
  431. <span id="p2"><a title="{NoteCountWithLabel}"href="{Permalink}">△</a></span>
  432. <span id="p3"><a title="reblog?"href="{ReblogURL}" target="_blank" class="details">✕</a>
  433. </span>
  434. </div>
  435. {/block:IndexPage}
  436.  
  437. {block:PermalinkPage}
  438. {block:Date}
  439. <div id="permalinkpage">
  440. <b>Posted:</b> {TimeAgo} on
  441. {ShortMonth} {DayofMonth},{Year} at
  442. {12Hour}:{Minutes} {CapitalAmPm}
  443. {/block:Date}
  444. {block:NoteCount}<br>
  445. <b>Notes:</b>
  446. {NoteCount}
  447. {/block:NoteCount}
  448. {block:HasTags}
  449. <br>
  450. <b>Tags:</b>
  451. {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;
  452. {/block:Tags}
  453. {/block:HasTags}
  454. <br>{block:RebloggedFrom}via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>· (©: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
  455. {block:PostNotes}
  456. {PostNotes}
  457. {/block:PostNotes}
  458. {/block:Date}
  459. {/block:PermalinkPage}
  460.  
  461. </article>
  462. {/block:Posts}
  463.  
  464. {block:Pagination}
  465. <div class="pagination">
  466. {block:PreviousPage}<a href="{PreviousPage}">{block:ifInfiniteScroll} {/block:ifInfiniteScroll}{block:ifNotInfiniteScroll}←{/block:ifNotInfiniteScroll}</a>{/block:PreviousPage}
  467. {block:NextPage}<a href="{NextPage}">{block:ifInfiniteScroll} {/block:ifInfiniteScroll}{block:ifNotInfiniteScroll}→{/block:ifNotInfiniteScroll}</a>{/block:NextPage}
  468. </div>
  469. {/block:Pagination}
  470.  
  471. </div>
  472.  
  473. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  474.  
  475. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  476. {block:ifInfiniteScroll}
  477. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  478. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  479. {/block:ifInfiniteScroll}
  480. <!-- wtf is a matt bellamy -->
  481. <script>
  482. (function() {
  483. var $tumblelog = $('#content');
  484. {block:IfInfiniteScroll}
  485. $tumblelog.infinitescroll({
  486. navSelector : ".pagination",
  487. nextSelector : ".pagination a:first",
  488. itemSelector : "article",
  489. bufferPx : 50,
  490. done : "",
  491. loading: {
  492. finishedMsg: "<p> </p>",
  493. img : " ",
  494. msg: null,
  495. msgText: "<p> </p>"
  496. },
  497. },
  498. function( newElements ) {
  499. var $newElems = $( newElements ).css({ opacity: 0 });
  500. $newElems.imagesLoaded(function(){
  501. $newElems.animate({ opacity: 1 });
  502. $tumblelog.masonry( 'appended', $newElems);
  503. });
  504. }
  505. );
  506. {/block:IfInfiniteScroll}
  507. $tumblelog.imagesLoaded( function(){
  508. $tumblelog.masonry({
  509. columnWidth: function( containerWidth ) {
  510. return containerWidth / 100;
  511. }
  512. });
  513. });
  514. })();
  515. </script>
  516.  
  517. <script>
  518. var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']];
  519. (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  520. g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  521. s.parentNode.insertBefore(g,s)}(document,'script'));
  522. </script>
  523. </body>
  524. </html>
  525. </body>
  526. </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!