Advertisement
rasperries

tomkirk 1

Aug 28th, 2014
278
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.70 KB | None | 0 0
  1. <!--
  2.  
  3. [ T H E M E B Y ]
  4.  
  5. ○ ● ○
  6.  
  7. [ T O M K I R K ]
  8.  
  9. -->
  10. <html>
  11. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  12. <html xmlns="http://www.w3.org/1999/xhtml">
  13. <head>
  14. <!--Default Variables-->
  15. <!--Colors-->
  16. <meta name="color:Ask Background" content="#ffffff"/>
  17. <meta name="color:Ask Text" content="#000000"/>
  18. <meta name="color:Background" content="#ffffff"/>
  19. <meta name="color:Border" content="#f7f7f7"/>
  20. <meta name="color:Text" content="#696969"/>
  21. <meta name="color:Link" content="#000000"/>
  22. <meta name="color:Link Hover" content="#ffffff"/>
  23. <meta name="color:Link Hover Bkg" content="#000000"/>
  24. <meta name="color:Scrollbar" content="#000000"/>
  25. <meta name="color:Tool Tip" content="#000000"/>
  26. <meta name="color:Tool Tip Text" content="#ffffff"/>
  27.  
  28. <!--Images-->
  29. <meta name="image:Background" content""/>
  30. <meta name="image:Side" content""/>
  31.  
  32. <!--Options-->
  33. <meta name="if:250px" content=""/>
  34. <meta name="if:400px" content="1"/>
  35. <meta name="if:500px" content=""/>
  36. <meta name="if:Show Tags" content="1"/>
  37. <meta name="if:Infinite Scrolling" content=""/>
  38. <meta name="if:Underlined Links" content="1"/>
  39. <meta name="if:Captions" content=""/>
  40. <meta name="if:Faded Images" content=""/>
  41. <meta name="if:Inverted Images" content=""/>
  42. <meta name="if:Lazy Load" content=""/>
  43. <meta name="if:Full Bkg Img" content="1" />
  44. <meta name="if:Sidepic" content="1"/>
  45. <meta name="if:Blog Title" content="1"/>
  46. <meta name="if:Rounded Nav Links" content="1"/>
  47.  
  48. <!--Links-->
  49. <meta name="text:Link 1 URL" content="/"/>
  50. <meta name="text:Link 1 name" content=""/>
  51. <meta name="text:Link 2 URL" content="/"/>
  52. <meta name="text:Link 2 name" content=""/>
  53. <meta name="text:Link 3 URL" content="/"/>
  54. <meta name="text:Link 3 name" content=""/>
  55. <meta name="text:Link 4 URL" content="/"/>
  56. <meta name="text:Link 4 name" content=""/>
  57.  
  58. <meta name="font:Font" content="helvetica"/>
  59. <link href='http://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  60.  
  61. {block:Description}
  62. <meta name="description" content="{MetaDescription}" />{/block:Description}
  63. <title>
  64. {block:PostSummary}
  65. {PostSummary} - {/block:PostSummary}{Title}</title>
  66. </style>
  67.  
  68. <style type="text/css">
  69.  
  70. {block:ifInvertedImages}img{
  71. opacity: 1;
  72. filter:alpha(opacity=10);
  73. -moz-opacity: 0.1;
  74. -moz-transition: all .9s ease;
  75. -o-transition: all .9s ease;
  76. transition: all .9s ease;
  77. -webkit-transition: all .9s ease;}
  78. {/block:ifInvertedImages}
  79.  
  80.  
  81. {block:ifInvertedImages} img:hover{
  82. opacity: .8;
  83. filter:alpha(opacity=100);
  84. -moz-opacity: 1;
  85. -moz-transition: all .9s ease;
  86. -o-transition: all .9s ease;
  87. transition: all .9s ease;
  88. -webkit-transition: all .9s ease;}
  89. {/block:ifInvertedImages}
  90.  
  91. {block:ifFadedImages}img{
  92. opacity: .8;
  93. filter:alpha(opacity=10);
  94. -moz-opacity: 0.1;
  95. -moz-transition: all .9s ease;
  96. -o-transition: all .9s ease;
  97. transition: all .9s ease;
  98. -webkit-transition: all .9s ease;}
  99. {/block:ifFadedImages}
  100.  
  101.  
  102. {block:ifFadedImages} img:hover{
  103. opacity: 1;
  104. filter:alpha(opacity=100);
  105. -moz-opacity: 1;
  106. -moz-transition: all .9s ease;
  107. -o-transition: all .9s ease;
  108. transition: all .9s ease;
  109. -webkit-transition: all .9s ease;}
  110. {/block:ifFadedImages}
  111.  
  112. {block:ifInvertedImages}.photo {
  113. opacity: 1;
  114. filter:alpha(opacity=10);
  115. -moz-opacity: 0.1;
  116. -moz-transition: all .9s ease;
  117. -o-transition: all .9s ease;
  118. transition: all .9s ease;
  119. -webkit-transition: all .9s ease;}
  120. {/block:ifInvertedImages}
  121.  
  122.  
  123. {block:ifInvertedImages}.photo:hover{
  124. opacity: .8;
  125. filter:alpha(opacity=100);
  126. -moz-opacity: 1;
  127. -moz-transition: all .9s ease;
  128. -o-transition: all .9s ease;
  129. transition: all .9s ease;
  130. -webkit-transition: all .9s ease;}
  131. {/block:ifInvertedImages}
  132.  
  133. {block:ifFadedImages}.photo {
  134. opacity: .8;
  135. filter:alpha(opacity=10);
  136. -moz-opacity: 0.1;
  137. -moz-transition: all .9s ease;
  138. -o-transition: all .9s ease;
  139. transition: all .9s ease;
  140. -webkit-transition: all .9s ease;}
  141. {/block:ifFadedImages}
  142.  
  143.  
  144. {block:ifFadedImages}.photo:hover{
  145. opacity: 1;
  146. filter:alpha(opacity=100);
  147. -moz-opacity: 1;
  148. -moz-transition: all .9s ease;
  149. -o-transition: all .9s ease;
  150. transition: all .9s ease;
  151. -webkit-transition: all .9s ease;}
  152. {/block:ifFadedImages}
  153.  
  154.  
  155. 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;}
  156.  
  157. 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;}
  158. ::-webkit-scrollbar {width:8px; height:8px; background: {color:Background}; }
  159.  
  160. ::-webkit-scrollbar {width:7px; height:7px; background: {color:Background};border-left:1px solid {color:Scrollbar};}
  161. ::-webkit-scrollbar-thumb { background-color: {color:Scrollbar};}
  162. body{background:{color:Background};background-image:url({image:Background});background-attachment:fixed;background-repeat:repeat;background-position:center;font-family:'inconsolata', consolas, monospace;font-size:10px;line-height:16px;color:{color:Text};{block:ifFullBkgImg}background-size:100% 100%;{/block:ifFullBkgImg}}
  163. a:link, a:active, a:visited{
  164. 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;}
  165. 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}}
  166. #s-m-t-tooltip {max-width:300px;padding:3px 5px 3px 5px;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) 3px 3px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
  167. #pic {position:relative;box-shadow:rgba(0,0,0,0.4)0px 0px 10px;}
  168. #pic img{display:block;}
  169. #container {margin:auto;{block:IndexPage}{block:if250px}width: 250px;{/block:if250px}{block:if400px}width: 400px;{/block:if400px}{block:if500px}width: 500px;{/block:if500px}{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}}
  170. #content{{block:IndexPage}{block:if250px}width: 250px;{/block:if250px}{block:if400px}width: 400px;{/block:if400px}{block:if500px}width: 500px;{/block:if500px}{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}}
  171. #entry {{block:IndexPage}{block:if250px}width: 250px;{/block:if250px}{block:if400px}width: 400px;{/block:if400px}{block:if500px}width: 500px;{/block:if500px}{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}margin-bottom:40px;}
  172. #entry img{max-width:100%;}
  173. #entry #permalink{position:relative;line-height:20px;margin:15px 0 0 0;opacity:1;-webkit-transition: all 0.7s linear;-moz-transition: all 0.7s linear;transition: all 0.7s linear;z-index:1;}
  174. #permalinkpg{margin-top:15px;}
  175. .com:last-child{display:none;}
  176. #side {position:fixed;margin:120px 0 0 -190px;width:130px;}
  177. .spi a:hover{background:transparent;}
  178. .spi img{width:130px;}
  179. .nav{line-height:20px;}
  180. .nav a{display:block;font-size:10px;}
  181. .nav a:hover{color:;background:transparent;}
  182. .nav .dot {display:inline-block;margin:0 5px 0 0;width:5px;height:5px;background:{color:Link};border:1px solid {color:Link};{block:ifRoundedNavLinks}border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;{/block:ifRoundedNavLinks}}
  183. .nav:hover .dot{background:transparent;border:1px solid ;}
  184. #ask {padding:15px;background:{color:Ask Background};color:{color:Ask Text};}
  185. .askername{font-weight:bold;}
  186. .askername a{color:{color:Ask Text};}
  187. .askername a:hover{color:{color:Link Hover};}
  188. .asktri{font-size:40px;color:{color:Ask Background};margin:-1px 0 0 20px;}
  189. .pt{font-size:10px;line-height:20px;font-weight:;}
  190. .bt a{font-size:20px;line-height:20px;font-weight:lighter;text-decoration:none;}
  191. .bt a:hover{background:transparent;color:;}
  192. blockquote{padding-left:15px;margin:10px 0 10px 15px;border-left:1px solid {color:border};}
  193. p {margin:15px 0 0 0;}
  194. .ol, ul {margin-left:30px;padding:5px; }
  195. .ul {list-style-type:square; }
  196. .chat .line{padding: 2px;}
  197. .chat .line .odd{padding:2px;color:{color:Ask Text};background:{color:Ask Background};}
  198. .label {font-weight:bold;}
  199. .audiop{background:black;padding:0px;}
  200. .audioplayer {position:absolute;margin-top:-53px;margin-left:0px;width:30px;overflow:hidden;}
  201. .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;}
  202. .notes {line-height:20px;}
  203. #pgs{margin:80px 0 40px 0;}
  204.  
  205. {CustomCSS}
  206. </style>
  207.  
  208. <link rel="shortcut icon" href="{Favicon}">
  209. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  210. {block:ifLazyLoad}
  211. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  212. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  213. <script type="text/javascript" charset="utf-8">
  214. var $j = jQuery.noConflict();
  215. $j(function() {
  216. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  217. $j("img").lazyload({
  218. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  219. effect: "fadeIn",
  220. });
  221. });
  222. </script>
  223. {/block:ifLazyLoad}
  224.  
  225. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  226. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  227. <script>
  228. (function($){
  229. $(document).ready(function(){
  230. $("a[title]").style_my_tooltips({
  231. tip_follows_cursor:true,
  232. tip_delay_time:90,
  233. tip_fade_speed:100,
  234. attribute:"title"
  235. });
  236. });
  237. })(jQuery);
  238. </script>
  239. </head>
  240. <body>
  241.  
  242. <div id="container">
  243.  
  244. <div id="side">
  245. {block:ifSidePic}
  246. <div class="spi"><a href="/"><img src="{image:Side}" style="margin:10px 0 0 0;"></a></div>
  247. {/block:ifSidepic}
  248. <div style="margin:5px 0 5px 0;">{Description}</div>
  249. {block:ifLink1name}
  250. <div class="nav">
  251. <a href="{text:Link 1 URL}"><div class="dot"></div>{text:Link 1 name}</a>
  252. </div>
  253. {/block:ifLink1name}
  254. {block:ifLink2name}
  255. <div class="nav">
  256. <a href="{text:Link 2 URL}"><div class="dot"></div>{text:Link 2 name}</a>
  257. </div>
  258. {/block:ifLink2name}
  259. {block:ifLink3name}
  260. <div class="nav">
  261. <a href="{text:Link 3 URL}"><div class="dot"></div>{text:Link 3 name}</a>
  262. </div>
  263. {/block:ifLink3name}
  264. {block:ifLink4name}
  265. <div class="nav">
  266. <a href="{text:Link 4 URL}"><div class="dot"></div>{text:Link 4 name}</a>
  267. </div>
  268. {/block:ifLink4name}
  269. </div>
  270.  
  271. <div id="content">
  272. {block:Posts}
  273. <br><br><br><br><br>
  274. <div id="entry">
  275.  
  276. {block:Answer}
  277. <div id="ask">
  278. <div class="askername">{Asker} asked:</div>
  279. {Question}
  280. </div><div class="asktri">▼</div>
  281. {Answer}
  282. {/block:Answer}
  283.  
  284. {block:Text}
  285. {block:Title}
  286. <span class="pt">{Title}</span>
  287. {/block:Title}
  288. {Body}
  289. {/block:Text}
  290.  
  291. {block:Link}
  292. <span class="pt"><a href="{URL}">{Name} »</a></span>
  293. {block:Description}{Description}{/block:Description}
  294. {/block:Link}
  295.  
  296. {block:Photo}
  297. {LinkOpenTag}
  298. <div id="pic">
  299. <center>
  300. <a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></a>
  301. </center>
  302. </div>
  303. {LinkCloseTag}
  304. {block:ifCaptions}
  305. {block:Caption}{Caption}{/block:Caption}
  306. {/block:ifCaptions}
  307. {block:ifNotCaptions}
  308. {block:PermalinkPage}
  309. {block:Caption}{Caption}{/block:Caption}
  310. {/block:PermalinkPage}
  311. {/block:ifNotCaptions}
  312. {block:ContentSource}
  313. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  314. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  315. {/block:SourceLogo}
  316. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  317. {/block:ContentSource}
  318. {block:ReblogParentURL}
  319. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  320. {/block:ReblogParentURL}
  321. {/block:Photo}
  322.  
  323. {block:Photoset}
  324. <div class="photo">
  325. <center>
  326. {block:IndexPage}{block:if250px}{Photoset-250}{/block:if250px}{block:if400px}{Photoset-400}{/block:if400px}{block:if500px}{Photoset-500}{/block:if500px}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  327. </center>
  328. </div>
  329. {block:ifCaptions}
  330. {block:Caption}{Caption}{/block:Caption}
  331. {/block:ifCaptions}
  332. {block:ifNotCaptions}
  333. {block:PermalinkPage}
  334. {block:Caption}{Caption}{/block:Caption}
  335. {/block:PermalinkPage}
  336. {/block:ifNotCaptions}
  337. {/block:Photoset}
  338.  
  339. {block:Quote}
  340. <span class="pt">{Quote}</span>
  341. {block:Source}
  342. <br><i> - {Source}</i>
  343. {/block:Source}
  344. {/block:Quote}
  345.  
  346. {block:Chat}
  347. {block:Title}
  348. <span class="pt">{Title}</span>
  349. {/block:Title}
  350. <div class="chat">
  351. {block:Lines}
  352. <div class="chat">
  353. <div class="line {Alt}">
  354. <div class="{Alt} user_{UserNumber}">
  355. {block:Label}
  356. <b>{Label} </b>
  357. {/block:Label}
  358. {Line}
  359. </div>
  360. </div>
  361. </div>
  362. {/block:Lines}
  363. </div>
  364. {/block:Chat}
  365.  
  366. {block:Audio}
  367. <div class="audiop">
  368. {block:AudioPlayer}
  369. <div class="audioplayer">
  370. {AudioPlayerWhite}
  371. </div>
  372. </div>
  373. {/block:AudioPlayer}
  374. {block:Caption}{Caption}{/block:Caption}
  375. {/block:Audio}
  376.  
  377. {block:Video}
  378. <div class="photo">
  379. <center>
  380. {block:IndexPage}{block:if250px}{Video-250}{/block:if250px}{block:if400px}{Video-400}{/block:if400px}{block:if500px}{Video-500}{/block:if500px}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  381. </center>
  382. </div>
  383. {block:ifCaptions}
  384. {block:Caption}{Caption}{/block:Caption}
  385. {/block:ifCaptions}
  386. {block:ifNotCaptions}
  387. {block:PermalinkPage}
  388. {block:Caption}{Caption}{/block:Caption}
  389. {/block:PermalinkPage}
  390. {/block:ifNotCaptions}
  391. {/block:Video}
  392.  
  393. {block:IndexPage}
  394. <div id="permalink">
  395. <a href="{Permalink}">{ShortMonth} {DayOfMonth} / {NoteCountWithLabel}</a>
  396. {block:ifShowTags}
  397. {block:HasTags}<br>
  398. {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp<span class="com"></span>
  399. {/block:Tags}
  400. {/block:HasTags}
  401. {/block:ifShowTags}
  402. </div>
  403. {/block:IndexPage}
  404.  
  405. {block:PermalinkPage}
  406. {block:Date}
  407. <div id="permalinkpg">
  408. <b>Posted:</b> {TimeAgo} on
  409. {Month} {DayofMonth} , {Year} at
  410. {12Hour}:{Minutes} {CapitalAmPm}
  411. {block:NoteCount}<br>
  412. <b>Notes:</b>
  413. {NoteCount}
  414. {/block:NoteCount}
  415. {block:HasTags}
  416. <br>
  417. <b>Tags:</b>
  418. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  419. {/block:Tags}
  420. {/block:HasTags}
  421. <br>{block:RebloggedFrom}<b>Via:</b> <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a><br><b>Source:</b> <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a> {/block:RebloggedFrom}
  422. {block:PostNotes}
  423. {PostNotes}
  424. {/block:PostNotes}
  425. </div> {/block:Date}
  426. {/block:PermalinkPage}
  427.  
  428. </div>
  429. {/block:Posts}
  430. </div>
  431.  
  432.  
  433. {block:ifNotInfiniteScrolling}
  434. <div id="pgs">
  435. {block:Pagination}
  436. {block:PreviousPage} <a href="{PreviousPage}">«</a>{/block:PreviousPage}
  437. {block:JumpPagination length="5"}
  438. {block:CurrentPage}
  439. <span class="current_page">{PageNumber}</span>&nbsp;&nbsp;
  440. {/block:CurrentPage}
  441. {block:JumpPage}
  442. <a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;
  443. {/block:JumpPage}
  444. {/block:JumpPagination}
  445. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  446. {/block:Pagination}
  447. </div>
  448. <br><br>
  449. {/block:ifNotInfiniteScrolling}
  450. <div style="position:fixed;font-size:9px;right:0;bottom:0;padding:15px;">
  451. <script language="JavaScript">
  452. var ref = (''+document.referrer+'');
  453. var w_h = window.screen.width + " x " + window.screen.height;
  454. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID4091188&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');
  455. </script>
  456. </div>
  457. </div>
  458.  
  459. {block:ifInfiniteScrolling}
  460. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  461. {/block:ifInfiniteScrolling}
  462.  
  463. </body>
  464. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement