API tools faq
paste
Advertisement
tomkirk

#001

tomkirk
Mar 7th, 2013
2,318
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.32 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. TOMKIRK.TUMBLR.COM
  4. ------------------
  5. #001
  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="#fae6e6"/>
  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. <meta name="color:Sidelinks" content="#fae6e6"/>
  23. <meta name="color:Sidelinks Text" content="#ffffff"/>
  24.  
  25. <!--Images-->
  26. <meta name="image:Background" content""/>
  27. <meta name="image:Side" content""/>
  28.  
  29. <!--Options-->
  30. <meta name="if:Lazy Load" content=""/>
  31. <meta name="if:Faded Images" content=""/>
  32. <meta name="if:Inverted Images" content=""/>
  33. <meta name="if:Infinite Scrolling" content=""/>
  34. <meta name="if:Captions" content=""/>
  35. <meta name="if:Tiny Cursor" content=""/>
  36.  
  37. <!--Links-->
  38. <meta name="text:Link 1 URL" content="/"/>
  39. <meta name="text:Link 1 name" content=""/>
  40. <meta name="text:Link 2 URL" content="/"/>
  41. <meta name="text:Link 2 name" content=""/>
  42. <meta name="text:Link 3 URL" content="/"/>
  43. <meta name="text:Link 3 name" content=""/>
  44. <meta name="text:Link 4 URL" content="/"/>
  45. <meta name="text:Link 4 name" content=""/>
  46.  
  47. <script type="text/javascript" language="javascript" src="http://assets.tumblr.com/javascript/tumblelog.js?7"></script>
  48.  
  49. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  50.  
  51. {block:ifInfiniteScrolling}
  52. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  53. {/block:ifInfiniteScrolling}
  54.  
  55. {block:Description}
  56. <meta name="description" content="{MetaDescription}" />{/block:Description}
  57. <title>
  58. {block:PostSummary}
  59. {PostSummary} - {/block:PostSummary}{Title}</title>
  60. </style>
  61.  
  62. <style type="text/css">
  63.  
  64. {block:ifInvertedImages}img{
  65. opacity: 1;
  66. filter:alpha(opacity=10);
  67. -moz-opacity: 0.1;
  68. -moz-transition: all .9s ease;
  69. -o-transition: all .9s ease;
  70. transition: all .9s ease;
  71. -webkit-transition: all .9s ease;}
  72. {/block:ifInvertedImages}
  73.  
  74.  
  75. {block:ifInvertedImages} img:hover{
  76. opacity: .8;
  77. filter:alpha(opacity=100);
  78. -moz-opacity: 1;
  79. -moz-transition: all .9s ease;
  80. -o-transition: all .9s ease;
  81. transition: all .9s ease;
  82. -webkit-transition: all .9s ease;}
  83. {/block:ifInvertedImages}
  84.  
  85. {block:ifFadedImages}img{
  86. opacity: .8;
  87. filter:alpha(opacity=10);
  88. -moz-opacity: 0.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:ifFadedImages}
  94.  
  95.  
  96. {block:ifFadedImages} img:hover{
  97. opacity: 1;
  98. filter:alpha(opacity=100);
  99. -moz-opacity: 1;
  100. -moz-transition: all .9s ease;
  101. -o-transition: all .9s ease;
  102. transition: all .9s ease;
  103. -webkit-transition: all .9s ease;}
  104. {/block:ifFadedImages}
  105.  
  106. {block:ifInvertedImages}.photo {
  107. opacity: 1;
  108. filter:alpha(opacity=10);
  109. -moz-opacity: 0.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:ifInvertedImages}
  115.  
  116.  
  117. {block:ifInvertedImages}.photo:hover{
  118. opacity: .8;
  119. filter:alpha(opacity=100);
  120. -moz-opacity: 1;
  121. -moz-transition: all .9s ease;
  122. -o-transition: all .9s ease;
  123. transition: all .9s ease;
  124. -webkit-transition: all .9s ease;}
  125. {/block:ifInvertedImages}
  126.  
  127. {block:ifFadedImages}.photo {
  128. opacity: .8;
  129. filter:alpha(opacity=10);
  130. -moz-opacity: 0.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:ifFadedImages}
  136.  
  137.  
  138. {block:ifFadedImages}.photo:hover{
  139. opacity: 1;
  140. filter:alpha(opacity=100);
  141. -moz-opacity: 1;
  142. -moz-transition: all .9s ease;
  143. -o-transition: all .9s ease;
  144. transition: all .9s ease;
  145. -webkit-transition: all .9s ease;}
  146. {/block:ifFadedImages}
  147.  
  148.  
  149. 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;}
  150.  
  151.  
  152. 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;}
  153.  
  154. ::-webkit-scrollbar {width:6px; height:6px; background: {color:Background};}
  155. ::-webkit-scrollbar-thumb { background-color: {color:Scrollbar};}
  156.  
  157. body{background-color: {color:Background};background-image: url({image:Background});background-attachment: fixed;background-repeat: repeat;background-position: center;font-family:cambria;font-size:10px;line-height:12px;color:{color:Text};{block:ifTinyCursor}cursor:url(http://img69.imageshack.us/img69/7673/cursorw.png), progress; {/block:ifTinyCursor}}
  158.  
  159. 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;}
  160.  
  161. a:hover{
  162. text-decoration:none;
  163. color:{color:Link Hover};
  164. {block:ifTinyCursor}
  165. cursor:url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;
  166. {/block:ifTinyCursor}
  167. }
  168.  
  169. #pic img{display:block;}
  170.  
  171. #container {margin:auto;padding:5px;width:480px;}
  172.  
  173. #content{width:500px;padding:10px;}
  174.  
  175. #entry {width:500px;margin-top:40px;margin-left:40px;}
  176.  
  177. #entry img{max-width:500px;}
  178.  
  179. #entry .permalink{opacity:0;position:absolute;margin-left:508px;font-size:8px;line-height:11px;font-style:italic;text-transform:uppercase;color:{color:Link};-webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear;}
  180.  
  181. #entry:hover .permalink{opacity:1;}
  182.  
  183. #side {position:fixed;width:130px;margin-top:120px;margin-left:-130px;}
  184.  
  185. #side img{display:block;width:130px;margin:auto;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:3px;}
  186.  
  187. #side .navigate{opacity:0;position:absolute;width:110px;margin-top:-85px;padding:10px;padding-top:10px;z-index:9;-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; transition: all 0.5s linear;}
  188.  
  189. #side:hover .navigate{opacity:1;}
  190.  
  191. .navigate a{opacity:.8;display:block;margin-top:2px;padding:1px;padding-left:3px;font-weight:bold;font-style:italic;background:{color:Sidelinks};color:{color:Sidelinks Text};-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
  192.  
  193. .navigate a:hover{opacity:.9;background:transparent;text-shadow: 2px 2px 2px {color:Sidelinks};}
  194.  
  195. #ask {padding:5px;width:492px;background:{color:Ask Background};color:{color:Ask Text};}
  196.  
  197. .askername{font-size:10px;font-weight:bold;}
  198.  
  199. h1{font-size:16px;line-height:20px;font-weight:normal;text-transform:uppercase;}
  200.  
  201. h2{font-size:15px;line-height:20px;margin-bottom:-1px;margin-top:3px;font-weight:normal;text-transform:uppercase;}
  202.  
  203. blockquote{padding-left:5px;margin-left:23px;border-left:4px solid {color:Border};}
  204.  
  205. .p { padding-top: 5px; }
  206. .ol, ul { margin-left: 30px; padding: 5px; }
  207. .ul { list-style-type: square; }
  208.  
  209. .chat .line{padding: 2px;}
  210.  
  211. .chat .line .odd{padding:2px;{color:Ask Text};background:{color:Ask Background};}
  212.  
  213. .label {font-weight:bold;}
  214.  
  215. .audiop{background:black;padding:10px;}
  216. .audioplayer {position:absolute;margin-top:-53px;margin-left:100px;}
  217.  
  218. .notes img{width:10px; position:left;top:3px;-webkit-border-radius: 10px;
  219. -moz-border-radius: 10px; border-radius: 10px;}
  220.  
  221. .notes li {list-style-type:none;margin-left:-30px;padding:5px;text-align:left;border-bottom:1px solid {color:Border};}
  222.  
  223. #pgs{text-align:left;margin-top:5px;}
  224.  
  225. #z{position:fixed;bottom:0;right:0;padding:15px;}
  226.  
  227. #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);}
  228.  
  229. #z:hover .y{opacity:1;-webkit-transform: scale(1.0);margin-left:-12px;}
  230.  
  231. #z .x{font-size:23px;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;}
  232.  
  233. #z:hover .x{opacity:0;-webkit-transform: scale(.10);}
  234.  
  235. {CustomCSS}
  236. </style>
  237.  
  238. <link rel="shortcut icon" href="{Favicon}">
  239. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  240. {block:ifLazyLoad}
  241. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  242. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  243. <script type="text/javascript" charset="utf-8">
  244. var $j = jQuery.noConflict();
  245. $j(function() {
  246. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  247. $j("img").lazyload({
  248. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  249. effect: "fadeIn",
  250. });
  251. });
  252. </script>
  253. {/block:ifLazyLoad}
  254. </head>
  255. <body>
  256. <div id="container">
  257. <div id="z"><div class="x">▲</div>
  258. <div class="y"><a href="http://tomkirk.tumblr.com/">tomkirk</a></div>
  259. </div>
  260. <div id="side">
  261. <img src="{image:Side}">
  262. <div class="navigate">
  263. <a href="{text:Link 1 URL}">{text:Link 1 name}</a>
  264. <a href="{text:Link 2 URL}">{text:Link 2 name}</a>
  265. <a href="{text:Link 3 URL}">{text:Link 3 name}</a>
  266. <a href="{text:Link 4 URL}">{text:Link 4 name}</a>
  267. </div>
  268. <h2><a href="/">{Title}</a></h2>
  269. {Description}
  270. {block:ifNotInfiniteScrolling}
  271. <div id="pgs">
  272. {block:Pagination}
  273. {block:PreviousPage} <a href="{PreviousPage}">«</a>{/block:PreviousPage}
  274. {block:JumpPagination length="5"}
  275. {block:CurrentPage}
  276. <span class="current_page">{PageNumber}</span>&nbsp;&nbsp;
  277. {/block:CurrentPage}
  278. {block:JumpPage}
  279. <a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;
  280. {/block:JumpPage}
  281. {/block:JumpPagination}
  282. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  283. {/block:Pagination}
  284. </div>
  285. {/block:ifNotInfiniteScrolling}
  286. </div>
  287.  
  288. <div id="content">
  289. {block:Posts}
  290. <div id="entry">
  291.  
  292.  
  293. {block:IndexPage}
  294. <div class="permalink">
  295. <a href="{Permalink}">+ {NoteCountWithLabel}</a>
  296. {block:HasTags}
  297. <br>
  298. {block:Tags}
  299. <a href="{TagURL}">#{Tag}</a><br>
  300. {/block:Tags}
  301. {/block:HasTags}
  302. </div>
  303. {/block:IndexPage}
  304.  
  305. {block:Answer}
  306. <div id="ask">
  307. <div class="askername">{Asker} asked:</div>
  308. {Question}
  309. </div>
  310. {Answer}
  311. {/block:Answer}
  312.  
  313. {block:Text}
  314. {block:Title}
  315. <h1>{Title}</h1>
  316. {/block:Title}
  317. {Body}
  318. {/block:Text}
  319.  
  320. {block:Link}
  321. <h1><a href="{URL}">{Name} »</a></h1>
  322. {block:Description}{Description}{/block:Description}
  323. {/block:Link}
  324.  
  325. {block:Photo}
  326. {LinkOpenTag}
  327. <div id="pic">
  328. <div class="ep">
  329. <a href="{permalink}">
  330. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"></a>
  331. </div></div>
  332. {LinkCloseTag}
  333. {block:ifCaptions}
  334. {block:Caption}{Caption}{/block:Caption}
  335. {/block:ifCaptions}
  336. {block:ifNotCaptions}
  337. {block:PermalinkPage}
  338. {block:Caption}{Caption}{/block:Caption}
  339. {/block:PermalinkPage}
  340. {/block:ifNotCaptions}
  341. {block:ContentSource}
  342. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  343. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  344. {/block:SourceLogo}
  345. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  346. {/block:ContentSource}
  347. {block:ReblogParentURL}
  348. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  349. {/block:ReblogParentURL}
  350. {/block:Photo}
  351.  
  352. {block:Photoset}
  353. <div class="photo">
  354. <center>
  355. {Photoset-500}
  356. </center>
  357. </div>
  358. {block:ifCaptions}
  359. {block:Caption}{Caption}{/block:Caption}
  360. {/block:ifCaptions}
  361. {block:ifNotCaptions}
  362. {block:PermalinkPage}
  363. {block:Caption}{Caption}{/block:Caption}
  364. {/block:PermalinkPage}
  365. {/block:ifNotCaptions}
  366. {/block:Photoset}
  367.  
  368. {block:Quote}
  369. <h1>"{Quote}"</h1>
  370. {block:Source}
  371. <i> - {Source}</i>
  372. {/block:Source}
  373. {/block:Quote}
  374.  
  375. {block:Chat}
  376. {block:Title}
  377. <div class="posttitle">
  378. {Title}
  379. </div>
  380. {/block:Title}
  381. <div class="chat">
  382. {block:Lines}
  383. <div class="chat">
  384. <div class="line {Alt}">
  385. <div class="{Alt} user_{UserNumber}">
  386. {block:Label}
  387. <b>{Label} </b>
  388. {/block:Label}
  389. {Line}
  390. </div>
  391. </div>
  392. </div>
  393. {/block:Lines}
  394. </div>
  395. {/block:Chat}
  396.  
  397. {block:Audio}
  398. <div class="audiop">
  399. {block:AlbumArt}
  400. <img src="{AlbumArtURL}" width="70px;" style="margin:5px;">
  401. {/block:AlbumArt}
  402. {block:AudioPlayer}
  403. <div class="audioplayer">
  404. {AudioPlayerBlack}
  405. </div>
  406. </div>
  407. {/block:AudioPlayer}
  408. {block:Caption}{Caption}{/block:Caption}
  409. {/block:Audio}
  410.  
  411. {block:Video}
  412. <div class="photo">
  413. <center>
  414. {Video-500}
  415. </center>
  416. </div>
  417. {block:ifCaptions}
  418. {block:Caption}{Caption}{/block:Caption}
  419. {/block:ifCaptions}
  420. {block:ifNotCaptions}
  421. {block:PermalinkPage}
  422. {block:Caption}{Caption}{/block:Caption}
  423. {/block:PermalinkPage}
  424. {/block:ifNotCaptions}
  425. {/block:Video}
  426.  
  427. {block:PermalinkPage}
  428. <center>
  429. <div id="permalinkpage">
  430. {block:Date}
  431. {TimeAgo} on
  432. {ShortMonth} {DayofMonth},{Year}
  433. {/block:Date}
  434. {block:NoteCount} · {NoteCountWithLabel}
  435. {/block:NoteCount}
  436. {block:HasTags} · Tags:
  437. {block:Tags}<a href="{TagURL}">#{Tag} </a>
  438. {/block:Tags}
  439. {/block:HasTags}
  440. <br>{block:RebloggedFrom}via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>· (©: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
  441. </div>
  442. </center>
  443. {/block:PermalinkPage}
  444.  
  445. {block:PostNotes}
  446. {PostNotes}
  447. {/block:PostNotes}
  448. </div>
  449. {/block:Posts}
  450. </div>
  451. </div>
  452. </body>
  453. </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!