API tools faq
paste
Advertisement
tomkirk

#008

tomkirk
Jun 1st, 2013
5,984
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.57 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. TOMKIRK.TUMBLR.COM
  4. ------------------
  5. #008
  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="#f6f6f6"/>
  15. <meta name="color:Text" content="#696969"/>
  16. <meta name="color:Link" content="#c5dade"/>
  17. <meta name="color:Link Hover" content="#e8e8e8"/>
  18. <meta name="color:Scrollbar" content="#c5dade"/>
  19. <meta name="color:Ask Background" content="#f7f7f7"/>
  20. <meta name="color:Ask Text" content="#696969"/>
  21. <meta name="color:Border" content="#e8e8e8"/>
  22. <meta name="color:Permalink" content="#e8e8e8"/>
  23.  
  24. <!--Images-->
  25. <meta name="image:Side" content""/>
  26. <meta name="image:Background" content""/>
  27.  
  28. <!--Options-->
  29. <meta name="if:Lazy Load" content=""/>
  30. <meta name="if:Infinite Scrolling" content=""/>
  31. <meta name="if:Captions" content="1"/>
  32. <meta name="if:Tiny Cursor" content=""/>
  33. <meta name="if:Dropdown Links" content="1"/>
  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. <meta name="text:Link 5 URL" content="/"/>
  45. <meta name="text:Link 5 name" content=""/>
  46.  
  47. <meta name="text:Icon 1 Url" content=""/>
  48. <meta name="text:Icon 2 Url" content=""/>
  49. <meta name="text:Icon 3 Url" content=""/>
  50. <meta name="text:Icon 4 Url" content=""/>
  51.  
  52. <script type="text/javascript" language="javascript" src="http://assets.tumblr.com/javascript/tumblelog.js?7"></script>
  53.  
  54. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  55.  
  56. {block:ifInfiniteScrolling}
  57. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  58. {/block:ifInfiniteScrolling}
  59.  
  60. {block:Description}
  61. <meta name="description" content="{MetaDescription}" />{/block:Description}
  62. <title>
  63. {block:PostSummary}
  64. {PostSummary} - {/block:PostSummary}{Title}</title>
  65. </style>
  66.  
  67. <style type="text/css">
  68.  
  69. iframe#tumblr_controls {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;}
  70.  
  71. .photo{overflow:hidden;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
  72.  
  73. 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;}
  74.  
  75. ::-webkit-scrollbar {width:6px; height:6px; background: {color:Background};}
  76. ::-webkit-scrollbar-thumb { background-color: {color:Scrollbar};}
  77.  
  78. body{background-color: {color:Background};background-image: url({image:Background});background-attachment: fixed;background-repeat: repeat;background-position: center;font-family:arial;font-size:12px;line-height:14px;color:{color:Text};{block:ifTinyCursor}cursor:url(http://img69.imageshack.us/img69/7673/cursorw.png), progress; {/block:ifTinyCursor}}
  79.  
  80. a:link, a:active, a:visited{color:{color:Link};-webkit-transition: all 0s linear;-moz-transition: all 0s linear;transition: all 0s linear;text-decoration:underline;}
  81.  
  82. a:hover{text-decoration:none;color:{color:Link Hover};{block:ifTinyCursor}cursor:url(http://img69.imageshack.us/img69/7673/cursorw.png), progress; {/block:ifTinyCursor}}
  83.  
  84. #pic img{display:block;}
  85. #pic a:hover{background:transparent;}
  86.  
  87. #container {margin:auto;width:700px;}
  88.  
  89. #content{{block:IndexPage}width:400px;margin-left:200px;{/block:IndexPage}{block:PermalinkPage}width:500px;margin-left:150px;{/block:PermalinkPage}}
  90.  
  91. #entry {{block:IndexPage}width:400px;{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}margin-top:30px;margin-bottom:40px;padding:0px;}
  92.  
  93. #entry img{{block:IndexPage}max-width:400px;{/block:IndexPage}{block:PermalinkPage}max-width:500px;{/block:PermalinkPage}}
  94.  
  95. #entry .permalink{opacity:1;margin-top:1px;font-size:10px;margin-top:5px;padding-left:5px;background:{color:Permalink};
  96. border:1px solid {color:Border};}
  97. #entry:hover .permalink{ }
  98. .permalink a{text-decoration:none;}
  99.  
  100. #side {position:fixed;width:180px;text-align:center;margin-top:100px;{block:IndexPage}margin-left:-20px;{/block:IndexPage}{block:PermalinkPage}margin-left:-70px;{/block:PermalinkPage}}
  101.  
  102. .navigate a{line-height:15px;margin-left:5px;margin-right:5px;}
  103.  
  104. .navigate a img{max-width:20px;}
  105.  
  106. #ask {padding:8px;background:{color:Ask Background};color:{color:Ask Text};}
  107.  
  108. .askername{font-weight:bold;}
  109.  
  110. .p{font-size:20px;line-height:20px;}
  111.  
  112. .b{font-size:20px;line-height:20px;margin-top:5px;margin-bottom:5px;font-weight:bold;text-transform:uppercase;}
  113.  
  114. blockquote{padding-left:5px;margin-left:23px;border-left:4px solid {color:Border};}
  115.  
  116. .ol, ul { margin-left: 30px; padding: 5px; }
  117. .ul { list-style-type: square; }
  118.  
  119. .chat .line{padding: 2px;}
  120.  
  121. .chat .line .odd{padding:2px;{color:Ask Text};background:{color:Ask Background};}
  122.  
  123. .label {font-weight:bold;}
  124.  
  125. .audiop{background:black;padding:10px;}
  126. .audioplayer {position:absolute;margin-top:-53px;margin-left:100px;}
  127.  
  128. .notes img{width:10px; position:left;top:3px;-webkit-border-radius: 10px;
  129. -moz-border-radius: 10px; border-radius: 10px;}
  130.  
  131. .notes ul {list-style-type:none;margin-left:-30px;padding:5px;text-align:left;border-bottom:1px solid {color:Border};}
  132.  
  133. #pgs{text-align:center;margin-top:-10px;width:400px;font-size:35px;font-weight:bold;}
  134.  
  135. #pgs a{text-decoration:none;}
  136.  
  137. {CustomCSS}
  138. </style>
  139.  
  140. <link rel="shortcut icon" href="{Favicon}">
  141. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  142. {block:ifLazyLoad}
  143. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  144. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  145. <script type="text/javascript" charset="utf-8">
  146. var $j = jQuery.noConflict();
  147. $j(function() {
  148. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  149. $j("img").lazyload({
  150. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  151. effect: "fadeIn",
  152. });
  153. });
  154. </script>
  155. {/block:ifLazyLoad}
  156. </head>
  157. <body>
  158.  
  159. <div id="dhtmltooltip"></div>
  160.  
  161. <script type="text/javascript">
  162.  
  163. var offsetxpoint=-60 //Customize x offset of tooltip
  164. var offsetypoint=20 //Customize y offset of tooltip
  165. var ie=document.all
  166. var ns6=document.getElementById && !document.all
  167. var enabletip=false
  168. if (ie||ns6)
  169. var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""
  170.  
  171. function ietruebody(){
  172. return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
  173. }
  174.  
  175. function ddrivetip(thetext, thecolor, thewidth){
  176. if (ns6||ie){
  177. if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
  178. if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
  179. tipobj.innerHTML=thetext
  180. enabletip=true
  181. return false
  182. }
  183. }
  184.  
  185. function positiontip(e){
  186. if (enabletip){
  187. var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
  188. var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
  189.  
  190. var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
  191. var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20
  192.  
  193. var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000
  194.  
  195.  
  196. if (rightedge<tipobj.offsetWidth)
  197.  
  198. tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
  199. else if (curX<leftedge)
  200. tipobj.style.left="1px"
  201. else
  202.  
  203. tipobj.style.left=curX+offsetxpoint+"px"
  204.  
  205. if (bottomedge<tipobj.offsetHeight)
  206. tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"
  207. else
  208. tipobj.style.top=curY+offsetypoint+"px"
  209. tipobj.style.visibility="visible"
  210. }
  211. }
  212. function hideddrivetip(){
  213. if (ns6||ie){
  214. enabletip=false
  215. tipobj.style.visibility="hidden"
  216. tipobj.style.left="-1000px"
  217. tipobj.style.backgroundColor=''
  218. tipobj.style.width=''
  219. }
  220. }
  221.  
  222. document.onmousemove=positiontip
  223.  
  224. </script>
  225.  
  226. <div id="container">
  227. <div id="side">
  228. <div style="position:absolute;width:50px;margin-left:-50px">
  229.  
  230. <a href="{text:Icon 1 URL}"><img src="http://media.tumblr.com/7a5e52100e4111084d8c363e1e88a9c9/tumblr_inline_mnnmnbFLZi1qz4rgp.png"></a>
  231.  
  232. <a href="{text:Icon 2 URL}"><img src="http://media.tumblr.com/7c38511ac701d725af8c4d4c73b64369/tumblr_inline_mnnmrzDYS91qz4rgp.png"></a>
  233.  
  234. <a href="{text:Icon 3 URL}"><img src="http://media.tumblr.com/c14c4864a7f172edc5177988eaf3e15f/tumblr_inline_mnnllkcP6G1qz4rgp.png"></a>
  235.  
  236. <a href="{text:Icon 4 URL}"><img src="http://media.tumblr.com/1b88197e2543d8a5c139b250fc12ffea/tumblr_inline_mnnmkqr22c1qz4rgp.png"></a>
  237. <br>
  238. <a href="http://tomkirk.tumblr.com/"><img src="http://media.tumblr.com/ab3e1670ad8d0ff19fa736850dfcfe93/tumblr_inline_mnnmmrjnC91qz4rgp.png"></a>
  239. </div>
  240. <div class="sp">
  241. <a href="/"><img src="{image:Side}" width="177"></a>
  242. </div>
  243. <div style="position:relative;margin-top:5px;margin-bottom:3px;">
  244. {Description}
  245. </div>
  246. {block:ifDropdownLinks}
  247. <select style="width:170px;border:1px solid {color:Border};font-size:12px;font-family:arial;padding:0px;text-transform:lowercase;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin-top:4px;-webkit-sappearance: none;" onChange="location.href=this.options[this.selectedIndex].value;">
  248. <option value="/">navigate</option>
  249. {block:ifLink1name}
  250. <option value="{text:Link 1 URL}">{text:Link 1 name}</option>
  251. {/block:ifLink1name}
  252. {block:ifLink2name}
  253. <option value="{text:Link 2 URL}">{text:Link 2 name}</option>
  254. {/block:ifLink2name}
  255. {block:ifLink3name}
  256. <option value="{text:Link 3 URL}">{text:Link 3 name}</option>
  257. {/block:ifLink3name}
  258. {block:ifLink4name}
  259. <option value="{text:Link 4 URL}">{text:Link 4 name}</option>
  260. {/block:ifLink4name}
  261. {block:ifLink5name}
  262. <option value="{text:Link 5 URL}">{text:Link 5 name}</option>
  263. {/block:ifLink5name}
  264. </select>
  265. {/block:ifDropdownLinks}
  266. </div>
  267.  
  268. <div id="content">
  269. {block:Posts}
  270. <div id="entry">
  271.  
  272. {block:Answer}
  273. <div id="ask">
  274. <div class="askername">{Asker} asked:</div>
  275. {Question}
  276. </div>
  277. {Answer}
  278. {/block:Answer}
  279.  
  280. {block:Text}
  281. {block:Title}
  282. <span class="p">{Title}</span>
  283. {/block:Title}
  284. {Body}
  285. {/block:Text}
  286.  
  287. {block:Link}
  288. <span class="p"><a href="{URL}">{Name} »</a></span>
  289. {block:Description}{Description}{/block:Description}
  290. {/block:Link}
  291.  
  292. {block:Photo}
  293. {LinkOpenTag}
  294. <a href="{permalink}">
  295. <img src="{PhotoURL-500}" alt="{PhotoAlt}"></a>
  296. {LinkCloseTag}
  297. {block:ifCaptions}
  298. {block:Caption}{Caption}{/block:Caption}
  299. {/block:ifCaptions}
  300. {block:ifNotCaptions}
  301. {block:PermalinkPage}
  302. {block:Caption}{Caption}{/block:Caption}
  303. {/block:PermalinkPage}
  304. {/block:ifNotCaptions}
  305. {block:ContentSource}
  306. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  307. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  308. {/block:SourceLogo}
  309. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  310. {/block:ContentSource}
  311. {block:ReblogParentURL}
  312. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  313. {/block:ReblogParentURL}
  314. {/block:Photo}
  315.  
  316. {block:Photoset}
  317. <span class="photo">
  318. <center>
  319. {block:IndexPage}
  320. {Photoset-400}
  321. {/block:IndexPage}
  322. {block:PermalinkPage}
  323. {Photoset-500}
  324. {/block:PermalinkPage}
  325. </center>
  326. </span>
  327. {block:ifCaptions}
  328. {block:Caption}{Caption}{/block:Caption}
  329. {/block:ifCaptions}
  330. {block:ifNotCaptions}
  331. {block:PermalinkPage}
  332. {block:Caption}{Caption}{/block:Caption}
  333. {/block:PermalinkPage}
  334. {/block:ifNotCaptions}
  335. {/block:Photoset}
  336.  
  337. {block:Quote}
  338. <span class="p">"{Quote}"</span>
  339. {block:Source}
  340. <i> - {Source}</i>
  341. {/block:Source}
  342. {/block:Quote}
  343.  
  344. {block:Chat}
  345. {block:Title}
  346. <span class="p">
  347. {Title}
  348. </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:AlbumArt}
  369. <img src="{AlbumArtURL}" width="70px;" style="position:absolute;margin:5px;z-index:1;">
  370. {/block:AlbumArt}
  371. <img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" width="70px;" style="position:relative;margin:5px;">
  372. {block:AudioPlayer}
  373. <div class="audioplayer">
  374. {AudioPlayerBlack}
  375. </div>
  376. </div>
  377. {/block:AudioPlayer}
  378. {block:Caption}{Caption}{/block:Caption}
  379. {/block:Audio}
  380.  
  381. {block:Video}
  382. <span class="photo">
  383. <center>
  384. {block:IndexPage}
  385. {Video-400}
  386. {/block:IndexPage}
  387. {block:PermalinkPage}
  388. {Video-500}
  389. {/block:PermalinkPage}
  390. </center>
  391. </span>
  392. {block:ifCaptions}
  393. {block:Caption}{Caption}{/block:Caption}
  394. {/block:ifCaptions}
  395. {block:ifNotCaptions}
  396. {block:PermalinkPage}
  397. {block:Caption}{Caption}{/block:Caption}
  398. {/block:PermalinkPage}
  399. {/block:ifNotCaptions}
  400. {/block:Video}
  401.  
  402. {block:IndexPage}
  403. <div class="permalink">
  404. <a href="{Permalink}">{NoteCountWithLabel} </a>
  405. <span style="float:right;padding-right:4px;">
  406. <a href="{ReblogURL}" target="_blank" class="details">Reblog</a>
  407. </span>
  408. </div>
  409. {block:HasTags}
  410. <div class="permalink">
  411. <b>Tags:</b>
  412. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  413. {/block:Tags}
  414. </div>
  415. {/block:HasTags}
  416. {/block:IndexPage}
  417.  
  418. {block:PermalinkPage}
  419. <div style="margin-top:5px;">
  420. {block:Date}
  421. <b>Posted:</b> {TimeAgo} on
  422. {ShortMonth} {DayofMonth},{Year} at
  423. {12Hour}:{Minutes} {CapitalAmPm}
  424. {/block:Date}
  425. {block:NoteCount}<br>
  426. <b>Notes:</b>
  427. {NoteCount}
  428. {/block:NoteCount}
  429. {block:HasTags}
  430. <br>
  431. <b>Tags:</b>
  432. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  433. {/block:Tags}
  434. {/block:HasTags}
  435. <br>{block:RebloggedFrom}via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>· (©: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
  436. </div>
  437. {/block:PermalinkPage}
  438.  
  439. {block:PostNotes}
  440. {PostNotes}
  441. {/block:PostNotes}
  442. </div>
  443. {/block:Posts}
  444. {block:ifNotInfiniteScrolling}
  445. <center>
  446. <div id="pgs">
  447. {block:Pagination}
  448. {block:PreviousPage} <a href="{PreviousPage}">←</a>{/block:PreviousPage}
  449. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  450. {/block:Pagination}
  451. </div>
  452. <br><br>
  453. {/block:ifNotInfiniteScrolling}
  454. </div>
  455. </div>
  456. </body>
  457. </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!