Advertisement
tomkirk

#011

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