API tools faq
paste
Advertisement
tomkirk

#025

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