API tools faq
paste
Advertisement
tomkirk

#20

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