Advertisement
tomkirk

Erase

May 2nd, 2014
24,219
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.64 KB | None | 0 0
  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:Border" content="#000000"/>
  19. <meta name="color:Text" content="#000000"/>
  20. <meta name="color:Link" content="#000000"/>
  21. <meta name="color:Link Hover" content="#ffffff"/>
  22. <meta name="color:Post Bkg" content="#ffffff"/>
  23. <meta name="color:Tool Tip" content="#000000"/>
  24.  
  25. <!--Images-->
  26. <meta name="image:Background" content""/>
  27.  
  28. <!--Options-->
  29. <meta name="if:Infinite Scroll" content=""/>
  30. <meta name="if:Captions" content="1"/>
  31. <meta name="if:Inverted Images" content=""/>
  32. <meta name="if:Faded Images" content=""/>
  33. <meta name="if:Tiny Cursor" content="1"/>
  34. <meta name="if:Bigger Posts" content="1"/>
  35. <meta name="if:Underlined Links" content="1"/>
  36. <meta name="if:Tags" content="1"/>
  37. <meta name="if:Full Bkg Img" content="1" />
  38.  
  39.  
  40. <!--Links-->
  41. <meta name="text:Link 1 URL" content="/"/>
  42. <meta name="text:Link 1 name" content=""/>
  43. <meta name="text:Link 2 URL" content="/"/>
  44. <meta name="text:Link 2 name" content=""/>
  45. <meta name="text:Link 3 URL" content="/"/>
  46. <meta name="text:Link 3 name" content=""/>
  47. <meta name="text:Link 4 URL" content="/"/>
  48. <meta name="text:Link 4 name" content=""/>
  49. <meta name="text:Link 5 URL" content="/"/>
  50. <meta name="text:Link 5 name" content=""/>
  51. <meta name="text:Link 6 URL" content="/"/>
  52. <meta name="text:Link 6 name" content=""/>
  53.  
  54. {block:Description}
  55. <meta name="description" content="{MetaDescription}" />
  56. {/block:Description}
  57. <meta charset="utf-8">
  58. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  59. <title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  60. <link rel="shortcut icon" href="{Favicon}">
  61. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  62. <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  63. <style type="text/css">
  64.  
  65. 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;}
  66. 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;}
  67.  
  68. body{background-color: {color:Background};background-image:url({image:Background});background-attachment:fixed;background-repeat:repeat;background-position:center;{block:ifFullBkgImg}background-size:100% 100%;{/block:ifFullBkgImg}font-family:courier new;font-size: 11px;line-height: 14px;color:{color:Text};{block:ifTinyCursor}cursor: url(http://media.tumblr.com/63bedef90e1ae5190794323d2b03dc8c/tumblr_inline_moawjfcUAG1qz4rgp.png), progress;{/block:ifTinyCursor}
  69. }
  70. a:link, a:active, a:visited{
  71. color: {color:Link};{block:ifUnderlinedLinks}text-decoration:underline;{/block:ifUnderlinedLinks}{block:ifNotUnderlinedLinks}text-decoration:none;{/block:ifNotUnderlinedLinks}-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
  72. text-shadow: -4px 0px transparent, 4px 0px transparent;}
  73. a:hover{color:{color:Link Hover};{block:ifTinyCursor}cursor: url(http://media.tumblr.com/63bedef90e1ae5190794323d2b03dc8c/tumblr_inline_moawjfcUAG1qz4rgp.png), progress;{/block:ifTinyCursor}text-shadow: 0px 0px {color:Link Hover}, 0px 0px {color:Link Hover};}
  74. #s-m-t-tooltip {max-width:300px;padding:2px;padding-bottom:2px;padding-left:4px;padding-right:4px;margin:25px 20px 25px 20px;border:1px dashed {color:Tool Tip};color:{color:Tool Tip};font-size:11px;line-height:12px;z-index:999999999999999999999999999999999999;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  75. #container {{block:ifBiggerPosts}width:400px;{/block:ifBiggerPosts}{block:ifNotBiggerPosts}{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:400px;{/block:PermalinkPage}{/block:ifNotBiggerPosts}margin:auto;}
  76. #content {{block:ifBiggerPosts}width:400px;{/block:ifBiggerPosts}{block:ifNotBiggerPosts}{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:400px;{/block:PermalinkPage}{/block:ifNotBiggerPosts}padding-bottom:80px;margin:auto;}
  77. article {float:left;margin-top:100px;margin-bottom:0px;{block:ifBiggerPosts}width:400px;{/block:ifBiggerPosts}{block:ifNotBiggerPosts}{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:400px;{/block:PermalinkPage}{/block:ifNotBiggerPosts}border:1px dashed {color:Border};padding:10px;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
  78. 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;}
  79. article img:hover{{block:ifFadedImages}opacity:1;{/block:ifFadedImages}{block:ifInvertedImages}opacity:.8;/*u alwyz step2my girl*/{/block:ifInvertedImages}}
  80. article:hover{background:{color:Post Bkg};}
  81. #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;}
  82. #ps:hover{{block:ifFadedImages}opacity:1;{/block:ifFadedImages}{block:ifInvertedImages}opacity:.8;{/block:ifInvertedImages}}
  83. article #permalink{opacity:1;margin-top:10px;line-height:16px;}
  84. .com:last-child{display:none;}
  85. #side {position:fixed;width:200px;margin-left:-300px;bottom:0;padding-bottom:79px;z-index:9999;}
  86. #mat{border:1px dashed {color:Border};padding:10px;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;margin-top:20px;}
  87. #mat:hover{background:{color:Post Bkg};}
  88. .navigate{margin-bottom:0px;line-height:17px;}
  89. .navigate a{margin-right:0px;border:1px dashed transparent;text-decoration:none;padding:0 3px 2px 3px;}
  90. .navigate a:hover{border:1px dashed {color:Link Hover}}
  91. .blogtitle{font-size:24px;letter-spacing:1px;line-height:28px;margin-bottom:13px;margin-top:10px;}
  92. .blogtitle a{text-decoration:none;}
  93. .blogtitle a:hover{background:transparent;color:{color:Link};}
  94. .posttitle{font-size:22px;line-height:24px;}
  95. #ask {padding:15px;background:{color:Ask Background};color:{color:Ask Text};}
  96. .askername{font-weight:bold;}
  97. .askername a{color:{color:Ask Text};}
  98. .askername a:hover{color:{color:Link Hover};}
  99. .chat .line{padding: 2px;}
  100. .chat .line .odd{padding:2px;}
  101. .audiop{background:black;padding:10px;}
  102. .audioplayer {position:absolute;margin-top:-53px;margin-left:100px;overflow:hidden;width:30px;}
  103. .audiop img{{block:ifFadedImages}opacity:1;{/block:ifFadedImages}{block:ifInvertedImages}opacity:1;{/block:ifInvertedImages}}
  104. .audiop img:hover{{block:ifFadedImages}opacity:1;{/block:ifFadedImages}{block:ifInvertedImages}opacity:1;{/block:ifInvertedImages}}
  105. blockquote{margin-left:10px;padding-left:4px;border-left: 3px solid {color:Text};}
  106. .p { padding-top: 5px; }
  107. .ol, ul { margin-left: 10px; padding: 5px; }
  108. .ul { list-style-type: square; }
  109. .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;}
  110. .notes{line-height:20px;}
  111. .notes ul {list-style-type:none;margin-left:-30px;padding:5px;text-align:left;border-bottom:1px solid {color:Border};}
  112. .pagination{margin-right:10px;}
  113.  
  114. {CustomCSS}
  115. </style>
  116. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  117. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  118. <script>
  119. (function($){
  120. $(document).ready(function(){
  121. $("a[title]").style_my_tooltips({
  122. tip_follows_cursor:true,
  123. tip_delay_time:90,
  124. tip_fade_speed:100,
  125. attribute:"title"
  126. });
  127. });
  128. })(jQuery);
  129. </script>
  130. </head>
  131. <body>
  132. <div style="position:fixed;bottom:0;right:0;padding:0 40px 20px 0;">
  133. <a title="theme by tomkirk"href="http://tomkirk.tumblr.com/">❏</a>
  134. </div>
  135. <div id="container">
  136. <div id="side">
  137. <div id="mat">
  138. {Description}
  139. </div>
  140. <div id="mat">
  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. {block:ifLink5name}
  155. <a href="{text:Link 5 URL}">{text:Link 5 name}</a>
  156. {/block:ifLink5name}
  157. {block:ifLink6name}
  158. <a href="{text:Link 6 URL}">{text:Link 6 name}</a>
  159. {/block:ifLink6name}
  160. </div>
  161. </div>
  162.  
  163. {block:Pagination}
  164. {block:ifNotInfiniteScroll}<div id="mat">{/block:ifNotInfiniteScroll}
  165. <div class="pagination">
  166. {block:PreviousPage}
  167. <a href="{PreviousPage}">{block:ifInfiniteScroll} {/block:ifInfiniteScroll}{block:ifNotInfiniteScroll}last{/block:ifNotInfiniteScroll}</a>{/block:PreviousPage}
  168. {block:NextPage}
  169. <a href="{NextPage}">{block:ifInfiniteScroll} {/block:ifInfiniteScroll}{block:ifNotInfiniteScroll}next{block:ifNotInfiniteScroll}</a>{/block:NextPage}
  170. </div>
  171. {block:ifNotInfiniteScroll}</div>{/block:ifNotInfiniteScroll}
  172. {/block:Pagination}
  173. </div>
  174.  
  175. <div id="content">
  176. {block:Posts}
  177. <article>
  178.  
  179. {block:Answer}
  180. <div id="ask">
  181. <div class="askername">{Asker} asked:</div>
  182. {Question}
  183. </div>
  184. {Answer}
  185. {/block:Answer}
  186.  
  187. {block:Text}
  188. {block:Title}
  189. <div class="posttitle">{Title}</div>
  190. {/block:Title}
  191. {Body}
  192. {/block:Text}
  193.  
  194. {block:Link}
  195. <div class="posttitle">
  196. <a href="{URL}">{Name}</a>
  197. </div>
  198. {block:Description}{Description}{/block:Description}
  199. {/block:Link}
  200.  
  201. {block:Photo}
  202. <center>
  203. {LinkOpenTag}
  204. <a href="{permalink}">
  205. <img src="{PhotoURL-500}" alt="{PhotoAlt}"></a>
  206. {LinkCloseTag}
  207. </center>
  208. {block:ifCaptions}
  209. {block:Caption}{Caption}{/block:Caption}
  210. {/block:ifCaptions}
  211. {block:ifNotCaptions}
  212. {block:PermalinkPage}
  213. {block:Caption}{Caption}{/block:Caption}
  214. {/block:PermalinkPage}
  215. {/block:ifNotCaptions}
  216. {block:ContentSource}
  217. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  218. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  219. {/block:SourceLogo}
  220. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  221. {/block:ContentSource}
  222. {block:ReblogParentURL}
  223. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  224. {/block:ReblogParentURL}
  225. {/block:Photo}
  226.  
  227. {block:Photoset}
  228. <div id="ps">
  229. {block:ifBiggerPosts}{Photoset-400}{/block:ifBiggerPosts}{block:ifNotBiggerPosts}{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}{/block:ifNotBiggerPosts}
  230. </div>
  231. {block:ifCaptions}
  232. {block:Caption}{Caption}{/block:Caption}
  233. {/block:ifCaptions}
  234. {block:ifNotCaptions}
  235. {block:PermalinkPage}
  236. {block:Caption}{Caption}{/block:Caption}
  237. {/block:PermalinkPage}
  238. {/block:ifNotCaptions}
  239. {/block:Photoset}
  240.  
  241. {block:Quote}
  242. <div class="posttitle">"{Quote}"</div>
  243. {block:Source}
  244. <br>
  245. - {Source}
  246. {/block:Source}
  247. {/block:Quote}
  248.  
  249. {block:Chat}
  250. {block:Title}
  251. <div class="posttitle">{Title}</div><br>
  252. {/block:Title}
  253. <div class="chat">
  254. {block:Lines}
  255. <div class="chat">
  256. <div class="line {Alt}">
  257. <div class="{Alt} user_{UserNumber}">
  258. {block:Label}
  259. <b>{Label} </b>
  260. {/block:Label}
  261. {Line}
  262. </div>
  263. </div>
  264. </div>
  265. {/block:Lines}
  266. </div>
  267. {/block:Chat}
  268.  
  269. {block:Audio}
  270.  
  271. <div class="audiop">
  272. {block:AlbumArt}
  273. <img src="{AlbumArtURL}" width="70px;" style="position:absolute;margin:5px;z-index:1;">
  274. {/block:AlbumArt}
  275.  
  276. <img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" width="70px;" style="position:relative;margin:5px;">
  277.  
  278. {block:AudioPlayer}
  279. <div class="audioplayer">
  280. {AudioPlayerBlack}
  281. </div>
  282. {/block:AudioPlayer}
  283. </div>
  284.  
  285. {block:Caption}{Caption}{/block:Caption}
  286. {/block:Audio}
  287.  
  288. {block:Video}
  289. <div id="ps">
  290. {block:ifBiggerPosts}
  291. {block:IndexPage}{Video-400}{/block:IndexPage}
  292. {/block:ifBiggerPosts}
  293. {block:ifNotBiggerPosts}
  294. {block:IndexPage}{Video-250}{/block:IndexPage}
  295. {/block:ifNotBiggerPosts}
  296. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  297. </div>
  298. {block:ifCaptions}
  299. {block:Caption}{Caption}{/block:Caption}
  300. {/block:ifCaptions}
  301. {block:ifNotCaptions}
  302. {block:PermalinkPage}
  303. {block:Caption}{Caption}{/block:Caption}
  304. {/block:PermalinkPage}
  305. {/block:ifNotCaptions}
  306. {/block:Video}
  307.  
  308. {block:IndexPage}
  309. <div id="permalink">
  310. <a href="{Permalink}">{NoteCountWithLabel}</a>
  311. <span style="float:right;"><a href="{ReblogURL}" target="_blank" class="details">Reblog</a></span>
  312. {block:ifTags}
  313. {block:HasTags}
  314. <br>
  315. Tagged As:
  316. {block:Tags}<a href="{TagURL}">#{Tag}</a><span class="com"> ,</span>
  317. {/block:Tags}
  318. {/block:HasTags}
  319. {/block:ifTags}
  320. </div>
  321. {/block:IndexPage}
  322.  
  323. {block:PermalinkPage}
  324. <div id="permalink">
  325. <div style="margin-top:2px;">
  326. {block:Date}
  327. <b>Posted:</b> {TimeAgo} on
  328. {ShortMonth} {DayofMonth},{Year} at
  329. {12Hour}:{Minutes} {CapitalAmPm}
  330. {/block:Date}
  331. {block:NoteCount}<br>
  332. <b>Notes:</b>
  333. {NoteCount}
  334. {/block:NoteCount}
  335. {block:HasTags}
  336. <br>
  337. <b>Tags:</b>
  338. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  339. {/block:Tags}
  340. {/block:HasTags}
  341. <br>{block:RebloggedFrom}via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>· (©: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
  342. </div>
  343. </div>
  344. {/block:PermalinkPage}
  345.  
  346. {block:PostNotes}
  347. {PostNotes}
  348. {/block:PostNotes}
  349. </article>
  350. {/block:Posts}
  351. </div>
  352.  
  353.  
  354. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  355.  
  356. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  357. {block:ifInfiniteScroll}
  358. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  359. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  360. {/block:ifInfiniteScroll}
  361. <!-- wtf is a matt bellamy -->
  362. <script>
  363. (function() {
  364. var $tumblelog = $('#content');
  365. {block:IfInfiniteScroll}
  366. $tumblelog.infinitescroll({
  367. navSelector : ".pagination",
  368. nextSelector : ".pagination a:first",
  369. itemSelector : "article",
  370. bufferPx : 50,
  371. done : "",
  372. loading: {
  373. finishedMsg: "<p> </p>",
  374. img : " ",
  375. msg: null,
  376. msgText: "<p> </p>"
  377. },
  378. },
  379. function( newElements ) {
  380. var $newElems = $( newElements ).css({ opacity: 0 });
  381. $newElems.imagesLoaded(function(){
  382. $newElems.animate({ opacity: 1 });
  383. $tumblelog.masonry( 'appended', $newElems);
  384. });
  385. }
  386. );
  387. {/block:IfInfiniteScroll}
  388. $tumblelog.imagesLoaded( function(){
  389. $tumblelog.masonry({
  390. columnWidth: function( containerWidth ) {
  391. return containerWidth / 100;
  392. }
  393. });
  394. });
  395. })();
  396. </script>
  397.  
  398. <script>
  399. var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']];
  400. (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  401. g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  402. s.parentNode.insertBefore(g,s)}(document,'script'));
  403. </script>
  404. </body>
  405. </html>
  406. </body>
  407. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement