API tools faq
paste
Advertisement
tomkirk

#006

tomkirk
May 8th, 2013
4,052
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.09 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. TOMKIRK.TUMBLR.COM
  4. ------------------
  5. #006
  6.  
  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. <!--Default Variables-->
  13. <!--Colors-->
  14. <meta name="color:Background" content="#ffffff"/>
  15. <meta name="color:Text" content="#696969"/>
  16. <meta name="color:Link" content="#f3baba"/>
  17. <meta name="color:Link Hover" content="#e8e8e8"/>
  18. <meta name="color:Scrollbar" content="#faeded"/>
  19. <meta name="color:Ask Background" content="#f7f7f7"/>
  20. <meta name="color:Ask Text" content="#696969"/>
  21. <meta name="color:Border" content="#da8596"/>
  22.  
  23. <!--Images-->
  24. <meta name="image:Background" content""/>
  25. <meta name="image:Icon" content""/>
  26.  
  27. <!--Options-->
  28. <meta name="if:Lazy Load" content=""/>
  29. <meta name="if:Infinite Scrolling" content=""/>
  30. <meta name="if:Captions" content=""/>
  31. <meta name="if:Faded Images" content=""/>
  32. <meta name="if:Inverted Images" content=""/>
  33.  
  34. <!--Links-->
  35. <meta name="text:Link 1 URL" content="/"/>
  36. <meta name="text:Link 1 name" content=""/>
  37. <meta name="text:Link 2 URL" content="/"/>
  38. <meta name="text:Link 2 name" content=""/>
  39. <meta name="text:Link 3 URL" content="/"/>
  40. <meta name="text:Link 3 name" content=""/>
  41. <meta name="text:Link 4 URL" content="/"/>
  42. <meta name="text:Link 4 name" content=""/>
  43.  
  44. <script type="text/javascript" language="javascript" src="http://assets.tumblr.com/javascript/tumblelog.js?7"></script>
  45.  
  46. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  47.  
  48. <script src="jquery.js"></script>
  49. <script>
  50. $(document).ready(function(){
  51. $("#flip").click(function(){
  52. $("#panel").slideToggle("fast");
  53. });
  54. });
  55. </script>
  56.  
  57. <script type="text/javascript" language="javascript" src="http://assets.tumblr.com/javascript/tumblelog.js?7"></script>
  58.  
  59. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  60.  
  61. {block:ifInfiniteScrolling}
  62. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  63. {/block:ifInfiniteScrolling}
  64.  
  65. {block:Description}
  66. <meta name="description" content="{MetaDescription}" />{/block:Description}
  67. <title>
  68. {block:PostSummary}
  69. {PostSummary} - {/block:PostSummary}{Title}</title>
  70. </style>
  71.  
  72. <style type="text/css">
  73.  
  74. {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.  
  84.  
  85. {block:ifInvertedImages} img:hover{
  86. opacity: .8;
  87. filter:alpha(opacity=100);
  88. -moz-opacity: 1;
  89. -moz-transition: all .9s ease;
  90. -o-transition: all .9s ease;
  91. transition: all .9s ease;
  92. -webkit-transition: all .9s ease;}
  93. {/block:ifInvertedImages}
  94.  
  95. {block:ifFadedImages}img{
  96. opacity: .8;
  97. filter:alpha(opacity=10);
  98. -moz-opacity: 0.1;
  99. -moz-transition: all .9s ease;
  100. -o-transition: all .9s ease;
  101. transition: all .9s ease;
  102. -webkit-transition: all .9s ease;}
  103. {/block:ifFadedImages}
  104.  
  105.  
  106. {block:ifFadedImages} img:hover{
  107. opacity: 1;
  108. filter:alpha(opacity=100);
  109. -moz-opacity: 1;
  110. -moz-transition: all .9s ease;
  111. -o-transition: all .9s ease;
  112. transition: all .9s ease;
  113. -webkit-transition: all .9s ease;}
  114. {/block:ifFadedImages}
  115.  
  116. {block:ifInvertedImages}.photo {
  117. opacity: 1;
  118. filter:alpha(opacity=10);
  119. -moz-opacity: 0.1;
  120. -moz-transition: all .9s ease;
  121. -o-transition: all .9s ease;
  122. transition: all .9s ease;
  123. -webkit-transition: all .9s ease;}
  124. {/block:ifInvertedImages}
  125.  
  126.  
  127. {block:ifInvertedImages}.photo:hover{
  128. opacity: .8;
  129. filter:alpha(opacity=100);
  130. -moz-opacity: 1;
  131. -moz-transition: all .9s ease;
  132. -o-transition: all .9s ease;
  133. transition: all .9s ease;
  134. -webkit-transition: all .9s ease;}
  135. {/block:ifInvertedImages}
  136.  
  137. {block:ifFadedImages}.photo {
  138. opacity: .8;
  139. filter:alpha(opacity=10);
  140. -moz-opacity: 0.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.  
  147.  
  148. {block:ifFadedImages}.photo:hover{
  149. opacity: 1;
  150. filter:alpha(opacity=100);
  151. -moz-opacity: 1;
  152. -moz-transition: all .9s ease;
  153. -o-transition: all .9s ease;
  154. transition: all .9s ease;
  155. -webkit-transition: all .9s ease;}
  156. {/block:ifFadedImages}
  157.  
  158.  
  159. iframe#tumblr_controls {-webkit-filter:invert(100%);right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.6;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  160.  
  161.  
  162. 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;}
  163.  
  164. ::-webkit-scrollbar {width:6px; height:6px; background: {color:Background};}
  165. ::-webkit-scrollbar-thumb { background-color: {color:Scrollbar};}
  166.  
  167. body{background-color: {color:Background};background-image:url({image:Background});background-attachment:fixed;background-repeat:repeat;background-position:center;font-family:arial;font-size:9px;line-height:11px;color:{color:Text};}
  168.  
  169. a:link, a:active, a:visited{color: {color:Link};text-decoration:none;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;}
  170.  
  171. a:hover{text-decoration:none;color:{color:Link Hover};}
  172.  
  173. #pic img{display:block;}
  174.  
  175. #container {margin:auto;padding:5px;{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}}
  176.  
  177. #content{{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}}
  178.  
  179. #entry {{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}margin-top:40px;}
  180.  
  181. #entry img{{block:IndexPage}max-width:250px;{/block:IndexPage}{block:PermalinkPage}max-width:500px;{/block:PermalinkPage}}
  182.  
  183. #entry .permat{position:relative;opacity:1;text-align:center;margin-top:5px;text-transform:uppercase;letter-spacing:1px;font-size:7px;line-height:10px;color:{color:Link};-webkit-transition: all 0.7s linear;-moz-transition: all 0.7s linear;transition: all 0.7s linear;z-index:1;}
  184.  
  185. #entry:hover .permat{opacity:1;}
  186.  
  187. #entry .permap{position:absolute;opacity:0;text-align:center;margin:auto;background:black;padding:3px;padding-left:5px;padding-right:5px;text-transform:uppercase;letter-spacing:1px;font-size:7px;line-height:12px;color:{color:Link};-webkit-transition: all 0.7s linear;-moz-transition: all 0.7s linear;transition: all 0.7s linear;z-index:1;}
  188.  
  189. #entry:hover .permap{opacity:.8;}
  190.  
  191. .permap a{color:white;}
  192. .permap a:hover{color:{color:Link Hover};}
  193.  
  194. #side {margin-top:40px;{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}}
  195.  
  196. .navigate{position:absolute;margin-top:11px;margin-left:25px;text-transform:case;letter-spacing:1px;font-size:8px;line-height:11px;}
  197. .navigate a{margin-left:10px;margin-right:10px;}
  198.  
  199. #panel,#flip{padding:1px;display:inline-block;}
  200.  
  201. #flip{padding:1px;}
  202.  
  203. #flip:hover{cursor:help;}
  204.  
  205. #panel{padding:1px;display:none;}
  206.  
  207. #ask {padding:15px;background:{color:Ask Background};color:{color:Ask Text};}
  208.  
  209. .askername{font-weight:bold;}
  210.  
  211. .p{font-size:18px;line-height:20px;font-weight:bold;}
  212.  
  213. .b{font-size:10px;line-height:15px;letter-spacing:1px;font-style:italic;font-weight:bold;text-transform:uppercase;}
  214.  
  215. blockquote{padding-left:5px;margin-left:23px;border-left:4px solid {color:Link};}
  216.  
  217. .p { padding-top: 5px; }
  218. .ol, ul { margin-left: 30px; padding: 5px; }
  219. .ul { list-style-type: square; }
  220.  
  221. .chat .line{padding: 2px;}
  222.  
  223. .chat .line .odd{padding:2px;{color:Ask Text};background:{color:Ask Background};}
  224.  
  225. .label {font-weight:bold;}
  226.  
  227. .audiop{background:black;padding:10px;}
  228. .audioplayer {position:absolute;margin-top:-53px;margin-left:100px;width:70px;overflow:hidden;}
  229.  
  230. .notes img{width:10px; position:left;top:3px;-webkit-border-radius: 10px;
  231. -moz-border-radius: 10px; border-radius: 10px;}
  232.  
  233. .notes ul {list-style-type:none;margin-left:-30px;padding:5px;text-align:left;border-bottom:1px solid {color:Border};}
  234.  
  235. #pgs{text-align:center;margin-top:20px;}
  236.  
  237. #z{position:fixed;bottom:0;right:0;padding:15px;}
  238.  
  239. #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);}
  240.  
  241. #z:hover .y{opacity:1;-webkit-transform: scale(1.0);margin-left:-12px;}
  242.  
  243. #z .x{font-size:23px;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;}
  244.  
  245. #z:hover .x{opacity:0;-webkit-transform: scale(.10);}
  246.  
  247. {CustomCSS}
  248. </style>
  249.  
  250. <link rel="shortcut icon" href="{Favicon}">
  251. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  252. {block:ifLazyLoad}
  253. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  254. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  255. <script type="text/javascript" charset="utf-8">
  256. var $j = jQuery.noConflict();
  257. $j(function() {
  258. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  259. $j("img").lazyload({
  260. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  261. effect: "fadeIn",
  262. });
  263. });
  264. </script>
  265. {/block:ifLazyLoad}
  266. </head>
  267. <body>
  268. <div id="container">
  269. <div id="z"><div class="x">▲</div>
  270. <div class="y"><a href="http://tomkirk.tumblr.com/">tomkirk</a></div>
  271. </div>
  272. <div id="side">
  273. <br>
  274. <div class="navigate">
  275. <a href="{text:Link 1 URL}">{text:Link 1 name}</a>
  276. <a href="{text:Link 2 URL}">{text:Link 2 name}</a>
  277. <a href="{text:Link 3 URL}">{text:Link 3 name}</a>
  278. <a href="{text:Link 4 URL}">{text:Link 4 name}</a>
  279. </div>
  280. <div id="flip">
  281. <img src="{image:Icon}" style="margin-top:5px;">
  282. </div>
  283. <div id="panel">
  284. <div class="b"><a href="/">{Title}</a></div>
  285. {Description}
  286. </div>
  287. </div>
  288.  
  289. <div id="content">
  290. {block:Posts}
  291. <div id="entry">
  292.  
  293. {block:Answer}
  294. <div id="ask">
  295. <div class="askername">{Asker} asked:</div>
  296. {Question}
  297. </div>
  298. {Answer}
  299. {block:IndexPage}
  300. <div class="permat">
  301. <a href="{Permalink}">{NoteCountWithLabel}</a>
  302. <span style="color:red;">♥</span>
  303. <a href="{ReblogURL}" target="_blank" class="details">Reblog</a>
  304. </div>
  305. {/block:IndexPage}
  306. {/block:Answer}
  307.  
  308. {block:Text}
  309. {block:Title}
  310. <span class="p">{Title}</span>
  311. {/block:Title}
  312. {Body}
  313. {block:IndexPage}
  314. <div class="permat">
  315. <a href="{Permalink}">{NoteCountWithLabel}</a>
  316. <span style="color:red;">♥</span>
  317. <a href="{ReblogURL}" target="_blank" class="details">Reblog</a>
  318. </div>
  319. {/block:IndexPage}
  320. {/block:Text}
  321.  
  322. {block:Link}
  323. <span class="p"><a href="{URL}">{Name} »</a></span>
  324. {block:Description}{Description}{/block:Description}
  325. {block:IndexPage}
  326. <div class="permat">
  327. <a href="{Permalink}">{NoteCountWithLabel}</a>
  328. <span style="color:red;">♥</span>
  329. <a href="{ReblogURL}" target="_blank" class="details">Reblog</a>
  330. </div>
  331. {/block:IndexPage}
  332. {/block:Link}
  333.  
  334. {block:Photo}
  335. {block:IndexPage}
  336. <div class="permap">
  337. <a href="{Permalink}">{NoteCountWithLabel}</a>
  338. <span style="color:red;">♥</span>
  339. <a href="{ReblogURL}" target="_blank" class="details">Reblog</a>
  340. </div>
  341. {/block:IndexPage}
  342. {LinkOpenTag}
  343. <div id="pic">
  344. <div class="ep">
  345. <a href="{permalink}">
  346. <center>
  347. <img src="{PhotoURL-500}" alt="{PhotoAlt}"></a>
  348. </center>
  349. </div></div>
  350. {LinkCloseTag}
  351. {block:ifCaptions}
  352. {block:Caption}{Caption}{/block:Caption}
  353. {/block:ifCaptions}
  354. {block:ifNotCaptions}
  355. {block:PermalinkPage}
  356. {block:Caption}{Caption}{/block:Caption}
  357. {/block:PermalinkPage}
  358. {/block:ifNotCaptions}
  359. {block:ContentSource}
  360. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  361. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  362. {/block:SourceLogo}
  363. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  364. {/block:ContentSource}
  365. {block:ReblogParentURL}
  366. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  367. {/block:ReblogParentURL}
  368. {/block:Photo}
  369.  
  370. {block:Photoset}
  371. {block:IndexPage}
  372. <div class="permap">
  373. <a href="{Permalink}">{NoteCountWithLabel}</a>
  374. <span style="color:red;">♥</span>
  375. <a href="{ReblogURL}" target="_blank" class="details">Reblog</a>
  376. </div>
  377. {/block:IndexPage}
  378. <div class="photo">
  379. <center>
  380. {block:IndexPage}
  381. {Photoset-250}
  382. {/block:IndexPage}
  383. {block:PermalinkPage}
  384. {Photoset-500}
  385. {/block:PermalinkPage}
  386. </center>
  387. </div>
  388. {block:ifCaptions}
  389. {block:Caption}{Caption}{/block:Caption}
  390. {/block:ifCaptions}
  391. {block:ifNotCaptions}
  392. {block:PermalinkPage}
  393. {block:Caption}{Caption}{/block:Caption}
  394. {/block:PermalinkPage}
  395. {/block:ifNotCaptions}
  396. {/block:Photoset}
  397.  
  398. {block:Quote}
  399. <span class="p">"{Quote}"</span>
  400. {block:Source}
  401. <i> - {Source}</i>
  402. {/block:Source}
  403. {block:IndexPage}
  404. <div class="permat">
  405. <a href="{Permalink}">{NoteCountWithLabel}</a>
  406. <span style="color:red;">♥</span>
  407. <a href="{ReblogURL}" target="_blank" class="details">Reblog</a>
  408. </div>
  409. {/block:IndexPage}
  410. {/block:Quote}
  411.  
  412. {block:Chat}
  413. {block:Title}
  414. <span class="p">{Title}</span>
  415. {/block:Title}
  416. <div class="chat">
  417. {block:Lines}
  418. <div class="chat">
  419. <div class="line {Alt}">
  420. <div class="{Alt} user_{UserNumber}">
  421. {block:Label}
  422. <b>{Label} </b>
  423. {/block:Label}
  424. {Line}
  425. </div>
  426. </div>
  427. </div>
  428. {/block:Lines}
  429. </div>
  430. {block:IndexPage}
  431. <div class="permat">
  432. <a href="{Permalink}">{NoteCountWithLabel}</a>
  433. <span style="color:red;">♥</span>
  434. <a href="{ReblogURL}" target="_blank" class="details">Reblog</a>
  435. </div>
  436. {/block:IndexPage}
  437. {/block:Chat}
  438.  
  439. {block:Audio}
  440. <div class="audiop">
  441. {block:AlbumArt}
  442. <img src="{AlbumArtURL}" width="70px;" style="position:absolute;margin:5px;z-index:1;">
  443. {/block:AlbumArt}
  444. <img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" width="70px;" style="position:relative;margin:5px;">
  445. {block:AudioPlayer}
  446. <div class="audioplayer">
  447. {AudioPlayerBlack}
  448. </div>
  449. </div>
  450. {/block:AudioPlayer}
  451. {block:Caption}{Caption}{/block:Caption}
  452. {block:IndexPage}
  453. <div class="permat">
  454. <a href="{Permalink}">{NoteCountWithLabel}</a>
  455. <span style="color:red;">♥</span>
  456. <a href="{ReblogURL}" target="_blank" class="details">Reblog</a>
  457. </div>
  458. {/block:IndexPage}
  459. {/block:Audio}
  460.  
  461. {block:Video}
  462. <div class="photo">
  463. <center>
  464. {block:IndexPage}
  465. {Video-250}
  466. {/block:IndexPage}
  467. {block:PermalinkPage}
  468. {Video-500}
  469. {/block:PermalinkPage}
  470. </center>
  471. </div>
  472. {block:ifCaptions}
  473. {block:Caption}{Caption}{/block:Caption}
  474. {/block:ifCaptions}
  475. {block:ifNotCaptions}
  476. {block:PermalinkPage}
  477. {block:Caption}{Caption}{/block:Caption}
  478. {/block:PermalinkPage}
  479. {/block:ifNotCaptions}
  480. {block:IndexPage}
  481. <div class="permat">
  482. <a href="{Permalink}">{NoteCountWithLabel}</a>
  483. <span style="color:red;">♥</span>
  484. <a href="{ReblogURL}" target="_blank" class="details">Reblog</a>
  485. {block:HasTags}
  486. <br> Tagged As:
  487. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  488. {/block:Tags}
  489. {/block:HasTags}
  490. </div>
  491. {/block:IndexPage}
  492. {/block:Video}
  493.  
  494. {block:PermalinkPage}
  495. <div style="margin-top:5px;">
  496. {block:Date}
  497. <b>Posted:</b> {TimeAgo} on
  498. {ShortMonth} {DayofMonth},{Year} at
  499. {12Hour}:{Minutes} {CapitalAmPm}
  500. {/block:Date}
  501. {block:NoteCount}<br>
  502. <b>Notes:</b>
  503. {NoteCount}
  504. {/block:NoteCount}
  505. {block:HasTags}
  506. <br>
  507. <b>Tags:</b>
  508. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  509. {/block:Tags}
  510. {/block:HasTags}
  511. <br>{block:RebloggedFrom}via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>· (©: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
  512. </div>
  513. {/block:PermalinkPage}
  514.  
  515. {block:PostNotes}
  516. {PostNotes}
  517. {/block:PostNotes}
  518. </div>
  519. {/block:Posts}
  520. </div>
  521. <br>
  522. {block:ifNotInfiniteScrolling}
  523. <div id="pgs">
  524. {block:Pagination}
  525. {block:PreviousPage} <a href="{PreviousPage}">«</a>{/block:PreviousPage}
  526. {block:JumpPagination length="5"}
  527. {block:CurrentPage}
  528. <span class="current_page">{PageNumber}</span>&nbsp;&nbsp;
  529. {/block:CurrentPage}
  530. {block:JumpPage}
  531. <a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;
  532. {/block:JumpPage}
  533. {/block:JumpPagination}
  534. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  535. {/block:Pagination}
  536. </div>
  537. <br><br>
  538. {/block:ifNotInfiniteScrolling}
  539. </div>
  540. </body>
  541. </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!