API tools faq
paste
Advertisement
tomkirk

Afterlife

tomkirk
Apr 15th, 2014
17,530
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.85 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. <html>
  9. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  10. <html xmlns="http://www.w3.org/1999/xhtml">
  11. <head>
  12.  
  13. <!--Default Variables-->
  14. <!--Colors-->
  15. <meta name="color:Ask Background" content="#ffffff"/>
  16. <meta name="color:Ask Text" content="#000000"/>
  17. <meta name="color:Background" content="#ffffff"/>
  18. <meta name="color:Text" content="#000000"/>
  19. <meta name="color:Link" content="#000000"/>
  20. <meta name="color:Link Hover" content="#ffffff"/>
  21. <meta name="color:Link Hover Bkg" content="#000000"/>
  22. <meta name="color:Tool Tip" content="#000000"/>
  23. <meta name="color:Tool Tip Text" content="#ffffff"/>
  24. <meta name="color:Buttons" content="#f7f7f7"/>
  25. <meta name="color:Buttons Border" content="#dedddd"/>
  26. <meta name="color:Buttons Text" content="#000000"/>
  27.  
  28. <!--Images-->
  29. <meta name="image:Background" content""/>
  30.  
  31. <!--Options-->
  32. <meta name="if:Infinite Scroll" content=""/>
  33. <meta name="if:Captions" content="1"/>
  34. <meta name="if:Inverted Images" content=""/>
  35. <meta name="if:Faded Images" content=""/>
  36. <meta name="if:Tiny Cursor" content=""/>
  37. <meta name="if:Bigger Posts" content="1"/>
  38. <meta name="if:Underlined Links" content="1"/>
  39. <meta name="if:Tags" content="1"/>
  40. <meta name="if:Search Bar" content="1"/>
  41. <meta name="if:Full Bkg Img" content="1" />
  42. <meta name="if:Blog Title" content="1"/>
  43.  
  44.  
  45. <!--Links-->
  46. <meta name="text:Link 1 URL" content="/"/>
  47. <meta name="text:Link 1 name" content=""/>
  48. <meta name="text:Link 2 URL" content="/"/>
  49. <meta name="text:Link 2 name" content=""/>
  50. <meta name="text:Link 3 URL" content="/"/>
  51. <meta name="text:Link 3 name" content=""/>
  52. <meta name="text:Link 4 URL" content="/"/>
  53. <meta name="text:Link 4 name" content=""/>
  54.  
  55. <meta name="font:Font" content=""/>
  56.  
  57. {block:Description}
  58. <meta name="description" content="{MetaDescription}" />
  59. {/block:Description}
  60. <meta charset="utf-8">
  61. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  62. <title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  63. <link rel="shortcut icon" href="{Favicon}">
  64. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  65. <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  66. <style type="text/css">
  67.  
  68. 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;}
  69. iframe#tumblr_controls:hover{opacity:1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  70. ::-webkit-scrollbar {width:8px; height:8px; background: {color:Background}; }
  71. ::-webkit-scrollbar-thumb {background:{color:Buttons};border:1px outset {color:Buttons Border};color:{color:Buttons Text};}
  72. ::-webkit-scrollbar-thumb:hover {background:{color:Buttons};border:1px inset {color:Buttons Border};color:{color:Buttons Text};}
  73. body{background-color: {color:Background};{block:ifbackgroundimage}background-image:url('{image:background}');{/block:ifbackgroundimage}background-attachment:fixed;background-repeat:repeat;background-position:center;{block:ifFullBkgImg}background-size:100% 100%;{/block:ifFullBkgImg}font-family:{font:Font};font-size: 12px;line-height: 14px;color:{color:Text};{block:ifTinyCursor}cursor: url(http://media.tumblr.com/63bedef90e1ae5190794323d2b03dc8c/tumblr_inline_moawjfcUAG1qz4rgp.png), progress;{/block:ifTinyCursor}
  74. }
  75. a:link, a:active, a:visited{
  76. color: {color:Link};{block:ifUnderlinedLinks}text-decoration:underline;{/block:ifUnderlinedLinks}{block:ifNotUnderlinedLinks}text-decoration:none;{/block:ifNotUnderlinedLinks}-webkit-transition: all 0.s ease-out;-moz-transition: all 0.s ease-out;transition: all 0.s ease-out;
  77. }
  78. a:hover{background:{color:Link Hover Bkg};color:{color:Link Hover};{block:ifTinyCursor}cursor: url(http://media.tumblr.com/63bedef90e1ae5190794323d2b03dc8c/tumblr_inline_moawjfcUAG1qz4rgp.png), progress;{/block:ifTinyCursor}}
  79. #s-m-t-tooltip {max-width:300px;padding:2px;padding-bottom:2px;padding-left:4px;padding-right:4px;margin:25px 20px 25px 20px;background-color:{color:Tool Tip};color:{color:Tool Tip Text};font-size:11px;line-height:12px;z-index:999999999999999999999999999999999999;box-shadow:rgba(0,0,0,0,07) 7px 7px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
  80. #container {{block:ifBiggerPosts}width:500px;{/block:ifBiggerPosts}{block:ifNotBiggerPosts}width:400px;{/block:ifNotBiggerPosts}margin:auto;}
  81. #content {{block:ifBiggerPosts}width:500px;{/block:ifBiggerPosts}{block:ifNotBiggerPosts}width:400px;{/block:ifNotBiggerPosts}padding-bottom:80px;margin:auto;}
  82. article {margin-top:50px;margin-bottom:60px;{block:ifBiggerPosts}width:500px;{/block:ifBiggerPosts}{block:ifNotBiggerPosts}width:400px;{/block:ifNotBiggerPosts}}
  83. article img{MAX-WIDTH:100%;{block:ifFadedImages}opacity:.8;{/block:ifFadedImages}{block:ifInvertedImages}opacity:1;{/block:ifInvertedImages}-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
  84. article img:hover{{block:ifFadedImages}opacity:1;{/block:ifFadedImages}{block:ifInvertedImages}opacity:.8;/*u alwyz step2my girl*/{/block:ifInvertedImages}}
  85. #ps {overflow:hidden;{block:ifFadedImages}opacity:.8;{/block:ifFadedImages}{block:ifInvertedImages}opacity:1;{/block:ifInvertedImages}-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
  86. #ps:hover{{block:ifFadedImages}opacity:1;{/block:ifFadedImages}{block:ifInvertedImages}opacity:.8;{/block:ifInvertedImages}}
  87. article #permalink{margin-top:5px;line-height:16px;}
  88. .com:last-child{display:none;}
  89. #side {{block:ifBiggerPosts}width:500px;{/block:ifBiggerPosts}{block:ifNotBiggerPosts}width:400px;{/block:ifNotBiggerPosts}margin-top:50px;z-index:9999;}
  90. .navigate{margin-top:0px;margin-left:0px;}
  91. .navigate a{-webkit-transition: all 0.s ease;-moz-transition: all 0.s ease;transition: all 0.s ease; background:{color:Buttons};padding:2px 4px 2px 4px;border:1px outset {color:Buttons Border};font-size:11px;line-height:12px;margin-right:5px;color:{color:Buttons Text};text-decoration:none;display:inline-block;margin-bottom:8px;}
  92. .navigate a:hover{ background:{color:Buttons};border:1px inset {color:Buttons Border};}
  93. .blogtitle{font-size:24px;letter-spacing:1px;line-height:28px;margin-bottom:13px;margin-top:10px;}
  94. .blogtitle a{text-decoration:none;}
  95. .blogtitle a:hover{background:transparent;color:{color:Link};}
  96. .posttitle{font-size:22px;line-height:24px;font-style: italic;}
  97. #ask {padding:15px;background:{color:Ask Background};color:{color:Ask Text};}
  98. .askername{font-weight:bold;}
  99. .askername a{color:{color:Ask Text};}
  100. .askername a:hover{color:{color:Link Hover};}
  101. .chat .line{padding: 2px;}
  102. .chat .line .odd{padding:2px;}
  103. .audiop{background:black;padding:10px;}
  104. .audioplayer {position:absolute;margin-top:-53px;margin-left:100px;overflow:hidden;}
  105. .audiop img{{block:ifFadedImages}opacity:1;{/block:ifFadedImages}{block:ifInvertedImages}opacity:1;{/block:ifInvertedImages}}
  106. .audiop img:hover{{block:ifFadedImages}opacity:1;{/block:ifFadedImages}{block:ifInvertedImages}opacity:1;{/block:ifInvertedImages}}
  107. blockquote{margin-left:10px;padding-left:4px;border-left: 3px solid {color:Text};}
  108. .p { padding-top: 5px; }
  109. .ol, ul { margin-left: 10px; padding: 5px; }
  110. .ul { list-style-type: square; }
  111. .notes img{width:10px;position:left;margin-right:5px;top:3px; -webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px; margin-right:5px; line-height:15px;}
  112. .notes ul {list-style-type:none;margin-left:-30px;padding:5px;text-align:left;border-bottom:1px solid {color:Border};}
  113. .pagination{margin-top:20px;}
  114. .l a:hover{background:transparent;}
  115. {CustomCSS}
  116. </style>
  117. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  118. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  119. <script>
  120. (function($){
  121. $(document).ready(function(){
  122. $("a[title]").style_my_tooltips({
  123. tip_follows_cursor:true,
  124. tip_delay_time:90,
  125. tip_fade_speed:100,
  126. attribute:"title"
  127. });
  128. });
  129. })(jQuery);
  130. </script>
  131. </head>
  132. <body>
  133. <div style="position:fixed;bottom:0;right:0;padding-right:20px;padding-bottom:10px;"><a title="theme by tomkirk"href="http://tomkirk.tumblr.com/">▲</a></div>
  134.  
  135. <div id="container">
  136. <div id="side">
  137. <div style="osition:absolute;float:right;">
  138. {block:ifSearchBar}<form action="/search" id="nav-search" method="get">
  139. <input name="q" type="text" value="{SearchQuery}"style="background:white;border:1px inset {color:Buttons Border};font-family:{font:Font};"/>
  140. <input type="submit" class="search-button" value="search" style="background:{color:Buttons};border:1px outset {color:Buttons Border};color:{color:Buttons Text};"/></form>{/block:ifSearchBar}</div>
  141. <div class="navigate">
  142. {block:ifLink1name}
  143. <a href="{text:Link 1 URL}">{text:Link 1 name}</a>
  144. {/block:ifLink1name}
  145. {block:ifLink2name}
  146. <a href="{text:Link 2 URL}">{text:Link 2 name}</a>
  147. {/block:ifLink2name}
  148. {block:ifLink3name}
  149. <a href="{text:Link 3 URL}">{text:Link 3 name}</a>
  150. {/block:ifLink3name}
  151. {block:ifLink4name}
  152. <a href="{text:Link 4 URL}">{text:Link 4 name}</a>
  153. {/block:ifLink4name}
  154. </div>
  155. {block:IfBlogTitle}<div class="blogtitle"><a href="/">{Title}</a></div>{/block:IfBlogTitle}
  156. <div style="padding-top:0px;padding-bottom:5px;">
  157. {Description}
  158. </div>
  159. </div>
  160. </div>
  161.  
  162. <div id="content">
  163. {block:Posts}
  164. <article>
  165. {block:Answer}<div id="ask"><div class="askername">{Asker} asked:</div>{Question}</div>{Answer}{/block:Answer}
  166. {block:Text}{block:Title}<div class="posttitle">{Title}</div>{/block:Title}{Body}{/block:Text}
  167. {block:Link}<div class="posttitle"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}{/block:Link}
  168. {block:Photo}
  169. <center><div class="l">{LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></a>{LinkCloseTag}</div></center>
  170. {block:ifCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifCaptions}{block:ifNotCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:ifNotCaptions}
  171. {block:ContentSource}
  172. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  173. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  174. {/block:SourceLogo}
  175. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  176. {/block:ContentSource}
  177. {block:ReblogParentURL}
  178. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  179. {/block:ReblogParentURL}
  180. {/block:Photo}
  181. {block:Photoset}<div id="ps">{block:ifBiggerPosts}{Photoset-500}{/block:ifBiggerPosts}{block:ifNotBiggerPosts}{Photoset-400}{/block:ifNotBiggerPosts}</div>{block:ifCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifCaptions}{block:ifNotCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:ifNotCaptions}{/block:Photoset}
  182. {block:Quote}<div class="posttitle">"{Quote}"</div>{block:Source}<br>- {Source}{/block:Source}{/block:Quote}
  183. {block:Chat}{block:Title}<div class="posttitle">{Title}</div><br>{/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}
  184. </div>{/block:Chat}
  185. {block:Audio}<div class="audiop">{block:AlbumArt}<img src="{AlbumArtURL}" width="70px;" style="position:absolute;margin:5px;z-index:1;">{/block:AlbumArt}<img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" width="70px;" style="position:relative;margin:5px;">{block:AudioPlayer}<div class="audioplayer">{AudioPlayerBlack}</div>{/block:AudioPlayer}
  186. </div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  187. {block:Video}<div id="ps">{block:ifBiggerPosts}{Video-500}{/block:ifBiggerPosts}{block:ifNotBiggerPosts}{Video-400}{/block:ifNotBiggerPosts}</div>
  188. {block:ifCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifCaptions}{block:ifNotCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:ifNotCaptions}
  189. {/block:Video}
  190.  
  191. {block:IndexPage}
  192. <div id="permalink">
  193. <a href="{Permalink}">Posted {TimeAgo} with {NoteCountWithLabel}</a>
  194. <span style="float:right;"><a href="{ReblogURL}" target="_blank" class="details">Reblog</a></span>
  195. {block:ifTags}
  196. {block:HasTags}
  197. <br>
  198. Tagged As:
  199. {block:Tags}<a href="{TagURL}">#{Tag}</a><span class="com"> ,</span>
  200. {/block:Tags}
  201. {/block:HasTags}
  202. {/block:ifTags}
  203. </div>
  204. {/block:IndexPage}
  205.  
  206. {block:PermalinkPage}
  207. <div id="permalink">
  208. <div style="margin-top:2px;text-align:right;">
  209. {block:Date}
  210. <b>Posted:</b> {TimeAgo} on
  211. {ShortMonth} {DayofMonth},{Year} at
  212. {12Hour}:{Minutes} {CapitalAmPm}
  213. {/block:Date}
  214. {block:NoteCount}<br>
  215. <b>Notes:</b>
  216. {NoteCount}
  217. {/block:NoteCount}
  218. {block:HasTags}
  219. <br>
  220. <b>Tags:</b>
  221. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  222. {/block:Tags}
  223. {/block:HasTags}
  224. <br>{block:RebloggedFrom}via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>· (©: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
  225. </div>
  226. </div>
  227. {/block:PermalinkPage}
  228.  
  229. {block:PostNotes}
  230. {PostNotes}
  231. {/block:PostNotes}
  232. </article>
  233. {/block:Posts}
  234.  
  235. {block:Pagination}
  236. <div class="pagination">
  237. {block:PreviousPage}
  238. <a href="{PreviousPage}">{block:ifInfiniteScroll} {/block:ifInfiniteScroll}{block:ifNotInfiniteScroll}Last{/block:ifNotInfiniteScroll}</a>{/block:PreviousPage}
  239. {block:JumpPagination length="5"}
  240. {block:CurrentPage}
  241. <span class="current_page">{PageNumber}</span>&nbsp;
  242. {/block:CurrentPage}
  243. {block:JumpPage}
  244. <a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;
  245. {/block:JumpPage}
  246. {/block:JumpPagination}
  247. {block:NextPage}
  248. <a href="{NextPage}">{block:ifInfiniteScroll} {/block:ifInfiniteScroll}{block:ifNotInfiniteScroll}Next{block:ifNotInfiniteScroll}</a>{/block:NextPage}
  249. </div>
  250. {/block:Pagination}
  251.  
  252. </div>
  253.  
  254.  
  255. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  256.  
  257. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  258. {block:ifInfiniteScroll}
  259. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  260. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  261. {/block:ifInfiniteScroll}
  262. <!-- wtf is a matt bellamy -->
  263. <script>
  264. (function() {
  265. var $tumblelog = $('#content');
  266. {block:IfInfiniteScroll}
  267. $tumblelog.infinitescroll({
  268. navSelector : ".pagination",
  269. nextSelector : ".pagination a:first",
  270. itemSelector : "article",
  271. bufferPx : 50,
  272. done : "",
  273. loading: {
  274. finishedMsg: "<p> </p>",
  275. img : " ",
  276. msg: null,
  277. msgText: "<p> </p>"
  278. },
  279. },
  280. function( newElements ) {
  281. var $newElems = $( newElements ).css({ opacity: 0 });
  282. $newElems.imagesLoaded(function(){
  283. $newElems.animate({ opacity: 1 });
  284. $tumblelog.masonry( 'appended', $newElems);
  285. });
  286. }
  287. );
  288. {/block:IfInfiniteScroll}
  289. $tumblelog.imagesLoaded( function(){
  290. $tumblelog.masonry({
  291. columnWidth: function( containerWidth ) {
  292. return containerWidth / 100;
  293. }
  294. });
  295. });
  296. })();
  297. </script>
  298.  
  299. <script>
  300. var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']];
  301. (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  302. g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  303. s.parentNode.insertBefore(g,s)}(document,'script'));
  304. </script>
  305. </body>
  306. </html>
  307. </body>
  308. </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!