API tools faq
paste
Advertisement
tomkirk

#002

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