API tools faq
paste
Advertisement
tomkirk

#010

tomkirk
Jun 15th, 2013
2,393
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.92 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. TOMKIRK.TUMBLR
  4. --------------
  5. THEME #010
  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.  
  13. <!--Default Variables-->
  14. <!--Colors-->
  15. <meta name="color:Background" content="#ffffff"/>
  16. <meta name="color:Text" content="#828282"/>
  17. <meta name="color:Link" content="#54f394"/>
  18. <meta name="color:Link Hover" content="#e72525"/>
  19. <meta name="color:Permalink" content="#f8f8f8"/>
  20. <meta name="color:Border" content="#f2f2f2"/>
  21. <meta name="color:Scrollbar" content="#e2e1e1"/>
  22.  
  23. <!--Images-->
  24. <meta name="image:Sidebar" content""/>
  25.  
  26. <!--Options-->
  27. <meta name="if:Infinite Scroll" content=""/>
  28. <meta name="if:Captions" content="1"/>
  29. <meta name="if:Inverted Images" content=""/>
  30. <meta name="if:Faded Images" content=""/>
  31. <meta name="if:Tiny Cursor" content="1"/>
  32.  
  33.  
  34. <!--Links-->
  35. <meta name="text:Link 1 URL" content="/"/>
  36. <meta name="text:Link 1 name" content=""/>
  37. <meta name="text:Link 2 URL" content="/"/>
  38. <meta name="text:Link 2 name" content=""/>
  39. <meta name="text:Link 3 URL" content="/"/>
  40. <meta name="text:Link 3 name" content=""/>
  41. <meta name="text:Link 4 URL" content="/"/>
  42. <meta name="text:Link 4 name" content=""/>
  43. <meta name="text:Link 5 URL" content="/"/>
  44. <meta name="text:Link 5 name" content=""/>
  45. <meta name="text:Link 6 URL" content="/"/>
  46. <meta name="text:Link 6 name" content=""/>
  47.  
  48. {block:Description}
  49. <meta name="description" content="{MetaDescription}" />
  50. {/block:Description}
  51. <meta charset="utf-8">
  52. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  53. <title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  54. <link rel="shortcut icon" href="{Favicon}">
  55. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  56. <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  57. <style type="text/css">
  58.  
  59. 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;}
  60.  
  61. 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;}
  62.  
  63. ::-webkit-scrollbar {width:8px; height:8px; background: {color:Background}; }
  64. ::-webkit-scrollbar-thumb { border-top:3px solid {color:Background}; border-right:3px solid {color:Background};background-color: {color:Scrollbar};}
  65.  
  66. body{
  67. background-color: {color:Background};font-family: cambria;font-size: 9px;line-height: 12px;color:{color:Text};{block:ifTinyCursor}cursor: url(http://media.tumblr.com/63bedef90e1ae5190794323d2b03dc8c/tumblr_inline_moawjfcUAG1qz4rgp.png), progress;{/block:ifTinyCursor}
  68. }
  69.  
  70. a:link, a:active, a:visited{
  71. color: {color:Link};text-decoration:none;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  72. }
  73.  
  74. a:hover{
  75. color: {color:Link Hover};{block:ifTinyCursor}cursor: url(http://media.tumblr.com/63bedef90e1ae5190794323d2b03dc8c/tumblr_inline_moawjfcUAG1qz4rgp.png), progress;{/block:ifTinyCursor}
  76. }
  77.  
  78. #container {margin:auto;width:600px;}
  79.  
  80. #content {margin:auto;{block:IndexPage}width:400px;{/block:IndexPage}{block:PermalinkPage}width:400px;{/block:PermalinkPage}padding-bottom:30px;}
  81.  
  82. article {float:left;margin-top:25px;padding:10px;{block:IndexPage}width:400px;{/block:IndexPage}{block:PermalinkPage}width:400px;{/block:PermalinkPage}}
  83.  
  84. article img{{block:IndexPage}max-width:400px;{/block:IndexPage}{block:PermalinkPage}max-width:400px;{/block:PermalinkPage}{block:ifFadedImages}opacity:.8;{/block:ifFadedImages}{block:ifInvertedImages}opacity:1;{/block:ifInvertedImages}-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
  85.  
  86. article img:hover{{block:ifFadedImages}opacity:1;{/block:ifFadedImages}{block:ifInvertedImages}opacity:.8;/*p i z z a p a r t y if u gotta blunt thn we cn get high*/{/block:ifInvertedImages}}
  87.  
  88. #ps {overflow:hidden;{block:ifFadedImages}opacity:.8;{/block:ifFadedImages}{block:ifInvertedImages}opacity:1;{/block:ifInvertedImages}-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
  89.  
  90. #ps:hover{{block:ifFadedImages}opacity:1;{/block:ifFadedImages}{block:ifInvertedImages}opacity:.8;{/block:ifInvertedImages}}
  91.  
  92. article #permalink{margin-top:5px;padding:1px;line-height:14px;text-align:center;font-size:8px;letter-spacing:1px;text-transform:uppercase;font-family:consolas;background:white;color:{color:Link};background:{color:Permalink};border-top:1px solid {color:Border};z-index:1;}
  93.  
  94. article #permalinkk{position:absolute;width:200px;margin-top:0px;margin-left:407px;padding:2px;line-height:10px;font-size:8px;letter-spacing:1px;text-transform:uppercase;font-family:consolas;color:{color:Link};opacity:0;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
  95.  
  96. article:hover #permalinkk{opacity:1;}
  97.  
  98. #z{position:fixed;bottom:0;right:0;padding:15px;}
  99.  
  100. #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);}
  101.  
  102. #z:hover .y{opacity:1;-webkit-transform: scale(1.0);margin-left:-10px;margin-top:-11px;}
  103.  
  104. #z .x{font-size:23px;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;}
  105. /*dnt get caught w/ a wack calzone */
  106. #z:hover .x{
  107. opacity:0;
  108. -webkit-transform: scale(.10);
  109. }
  110.  
  111. #side { position:fixed;text-align:justify;width:160px;height:100%;top:0;padding-top:200px;z-index:1;border-right:1px solid {color:Border};{block:IndexPage}margin-left:-130px;{/block:IndexPage}{block:PermalinkPage}margin-left:-130px;{/block:PermalinkPage}{block:ifFadedImages}opacity:.8;{/block:ifFadedImages}{block:ifInvertedImages}opacity:1;{/block:ifInvertedImages}}
  112.  
  113. #side .desc{background:white;padding:8px;border:4px double {color:Border};opacity:0;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
  114.  
  115. #side:hover .desc{opacity:1;}
  116.  
  117. .navigate{margin-top:3px;padding-top:3px;text-align:center;border-top:4px double {color:Border};}
  118.  
  119. .navigate a{margin-right:3px;margin-left:3px;padding:1px;font-family:consolas;font-size:8px;line-height:9px;letter-spacing:1px;text-transform:uppercase;}
  120.  
  121. .posttitle{font-size: 17px;line-height: 19px;margin-bottom: -8px;font-style: italic;}
  122.  
  123. .chat .line{padding: 2px;}
  124.  
  125. .chat .line .odd{padding:2px;background:#ffffff;}
  126.  
  127. .audiop{background:black;padding:10px;}
  128.  
  129. .audioplayer {position:absolute;margin-top:-53px;margin-left:100px;width:70px;overflow:hidden;}
  130.  
  131. .audiop img{{block:ifFadedImages}opacity:1;{/block:ifFadedImages}{block:ifInvertedImages}opacity:1;{/block:ifInvertedImages}}
  132.  
  133. .audiop img:hover{{block:ifFadedImages}opacity:1;{/block:ifFadedImages}{block:ifInvertedImages}opacity:1;{/block:ifInvertedImages}}
  134.  
  135. blockquote{margin-left:10px;padding-left:4px;border-left: 3px solid {color:Text};}
  136.  
  137. .p { padding-top: 5px; }
  138. .ol, ul { margin-left: 10px; padding: 5px; }
  139. .ul { list-style-type: square; }
  140.  
  141. .notes img{width:10px;position:left;top:3px;}
  142.  
  143. .notes ul {list-style-type:none;margin-left:-30px;padding:5px;text-align:left;border-bottom:1px solid {color:Border};}
  144.  
  145. .pagination{margin-top:10px;text-transform:uppercase;letter-spacing:1px;font-size:8px;line-height:22px;font-family: consolas;text-align:center;width:400px;}
  146. {CustomCSS}
  147. </style>
  148.  
  149. </head>
  150. <body>
  151. <div id="z"><div class="x">▲</div>
  152. <div class="y"><a href="http://tomkirk.tumblr.com/">tomkirk</a></div>
  153. </div>
  154.  
  155. <div id="container">
  156.  
  157. <div id="side">
  158. <div style="background:url({image:Sidebar});background-size:100%;padding:20px;border:1px solid {color:Border};margin-right:-1px;">
  159. <div class="desc">
  160. {Description}
  161. <div class="navigate">
  162. {block:ifLink1name}
  163. <a href="{text:Link 1 URL}">{text:Link 1 name}</a>
  164. {/block:ifLink1name}
  165. {block:ifLink2name}
  166. <a href="{text:Link 2 URL}">{text:Link 2 name}</a>
  167. {/block:ifLink2name}
  168. {block:ifLink3name}
  169. <a href="{text:Link 3 URL}">{text:Link 3 name}</a>
  170. {/block:ifLink3name}
  171. {block:ifLink4name}
  172. <a href="{text:Link 4 URL}">{text:Link 4 name}</a>
  173. {/block:ifLink4name}
  174. {block:ifLink5name}
  175. <a href="{text:Link 5 URL}">{text:Link 5 name}</a>
  176. {/block:ifLink5name}
  177. {block:ifLink6name}
  178. <a href="{text:Link 6 URL}">{text:Link 6 name}</a>
  179. {/block:ifLink6name}
  180. </div>
  181. </div>
  182. </div>
  183. </div>
  184.  
  185. <div id="content">
  186. {block:Posts}
  187. <article>
  188. {block:IndexPage}
  189. <div id="permalinkk">
  190. {block:HasTags}
  191. <b><i>Filed Under:</i></b><br>
  192. {block:Tags}<a href="{TagURL}">#{Tag}</a><br>
  193. {/block:Tags}
  194. {/block:HasTags}
  195. </div>
  196. {/block:IndexPage}
  197.  
  198. {block:Answer}
  199. <div style="padding:8px;border:1px solid {color:Border}">
  200. {Asker} asked:
  201. {Question}
  202. </div>
  203. {Answer}
  204. {/block:Answer}
  205.  
  206. {block:Text}
  207. {block:Title}
  208. <div class="posttitle">{Title}</div>
  209. {/block:Title}
  210. {Body}
  211. {/block:Text}
  212.  
  213. {block:Link}
  214. <div class="posttitle">
  215. <a href="{URL}">{Name}</a>
  216. </div>
  217. {block:Description}{Description}{/block:Description}
  218. {/block:Link}
  219.  
  220. {block:Photo}
  221. <center>
  222. {LinkOpenTag}
  223. <a href="{permalink}">
  224. <img src="{PhotoURL-500}" alt="{PhotoAlt}"></a>
  225. {LinkCloseTag}
  226. </center>
  227. {block:ifCaptions}
  228. {block:Caption}{Caption}{/block:Caption}
  229. {/block:ifCaptions}
  230. {block:ifNotCaptions}
  231. {block:PermalinkPage}
  232. {block:Caption}{Caption}{/block:Caption}
  233. {/block:PermalinkPage}
  234. {/block:ifNotCaptions}
  235. {block:ContentSource}
  236. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  237. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  238. {/block:SourceLogo}
  239. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  240. {/block:ContentSource}
  241. {block:ReblogParentURL}
  242. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  243. {/block:ReblogParentURL}
  244. {/block:Photo}
  245.  
  246. {block:Photoset}
  247. <div id="ps">
  248. {block:IndexPage}{Photoset-400}{/block:IndexPage}
  249. {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
  250. </div>
  251. {block:ifCaptions}
  252. {block:Caption}{Caption}{/block:Caption}
  253. {/block:ifCaptions}
  254. {block:ifNotCaptions}
  255. {block:PermalinkPage}
  256. {block:Caption}{Caption}{/block:Caption}
  257. {/block:PermalinkPage}
  258. {/block:ifNotCaptions}
  259. {/block:Photoset}
  260.  
  261. {block:Quote}
  262. <div class="posttitle">"{Quote}"</div>
  263. {block:Source}
  264. <br>
  265. - {Source}
  266. {/block:Source}
  267. {/block:Quote}
  268.  
  269. {block:Chat}
  270. {block:Title}
  271. <div class="posttitle">{Title}</div><br>
  272. {/block:Title}
  273. <div class="chat">
  274. {block:Lines}
  275. <div class="chat">
  276. <div class="line {Alt}">
  277. <div class="{Alt} user_{UserNumber}">
  278. {block:Label}
  279. <b>{Label} </b>
  280. {/block:Label}
  281. {Line}
  282. </div>
  283. </div>
  284. </div>
  285. {/block:Lines}
  286. </div>
  287. {/block:Chat}
  288.  
  289. {block:Audio}
  290.  
  291. <div class="audiop">
  292. {block:AlbumArt}
  293. <img src="{AlbumArtURL}" width="70px;" style="position:absolute;margin:5px;z-index:1;">
  294. {/block:AlbumArt}
  295.  
  296. <img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" width="70px;" style="position:relative;margin:5px;">
  297.  
  298. {block:AudioPlayer}
  299. <div class="audioplayer">
  300. {AudioPlayerBlack}
  301. </div>
  302. {/block:AudioPlayer}
  303. </div>
  304.  
  305. {block:Caption}{Caption}{/block:Caption}
  306. {/block:Audio}
  307.  
  308. {block:Video}
  309. <div id="ps">
  310. {block:IndexPage}
  311. {Video-400}
  312. {/block:IndexPage}
  313. {block:PermalinkPage}
  314. {Video-400}
  315. {/block:PermalinkPage}
  316. </div>
  317. {block:ifCaptions}
  318. {block:Caption}{Caption}{/block:Caption}
  319. {/block:ifCaptions}
  320. {block:ifNotCaptions}
  321. {block:PermalinkPage}
  322. {block:Caption}{Caption}{/block:Caption}
  323. {/block:PermalinkPage}
  324. {/block:ifNotCaptions}
  325. {/block:Video}
  326.  
  327.  
  328. {block:IndexPage}
  329. <div id="permalink">
  330. <a href="{Permalink}">{TimeAgo}</a> ▲
  331. <a href="{Permalink}">{NoteCountWithLabel}</a> ▲ <a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  332. </div>
  333. {/block:IndexPage}
  334.  
  335. {block:PermalinkPage}
  336. <div id="permalink">
  337. <div style="margin-top:2px;text-align:right;">
  338. {block:Date}
  339. <b>Posted:</b> {TimeAgo} on
  340. {ShortMonth} {DayofMonth},{Year} at
  341. {12Hour}:{Minutes} {CapitalAmPm}
  342. {/block:Date}
  343. {block:NoteCount}<br>
  344. <b>Notes:</b>
  345. {NoteCount}
  346. {/block:NoteCount}
  347. {block:HasTags}
  348. <br>
  349. <b>Tags:</b>
  350. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  351. {/block:Tags}
  352. {/block:HasTags}
  353. <br>{block:RebloggedFrom}via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>· (©: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
  354. </div>
  355. </div>
  356. {/block:PermalinkPage}
  357.  
  358. {block:PostNotes}
  359. {PostNotes}
  360. {/block:PostNotes}
  361. </article>
  362. {/block:Posts}
  363.  
  364. {block:Pagination}
  365. <div class="pagination">
  366. {block:PreviousPage}<a href="{PreviousPage}">{block:ifInfiniteScroll} {/block:ifInfiniteScroll}{block:ifNotInfiniteScroll}Last{/block:ifNotInfiniteScroll}</a>{/block:PreviousPage} [{CurrentPage} out of {TotalPages}]
  367. {block:NextPage}<a href="{NextPage}">{block:ifInfiniteScroll} {/block:ifInfiniteScroll}{block:ifNotInfiniteScroll}Next{block:ifNotInfiniteScroll}</a>{/block:NextPage}
  368. </div>
  369. {/block:Pagination}
  370. </div>
  371.  
  372. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  373.  
  374. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  375. {block:ifInfiniteScroll}
  376. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  377. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  378. {/block:ifInfiniteScroll}
  379. <!-- wtf is a matt bellamy -->
  380. <script>
  381. (function() {
  382. var $tumblelog = $('#content');
  383. {block:IfInfiniteScroll}
  384. $tumblelog.infinitescroll({
  385. navSelector : ".pagination",
  386. nextSelector : ".pagination a:first",
  387. itemSelector : "article",
  388. bufferPx : 50,
  389. done : "",
  390. loading: {
  391. finishedMsg: "<p> </p>",
  392. img : " ",
  393. msg: null,
  394. msgText: "<p> </p>"
  395. },
  396. },
  397. function( newElements ) {
  398. var $newElems = $( newElements ).css({ opacity: 0 });
  399. $newElems.imagesLoaded(function(){
  400. $newElems.animate({ opacity: 1 });
  401. $tumblelog.masonry( 'appended', $newElems);
  402. });
  403. }
  404. );
  405. {/block:IfInfiniteScroll}
  406. $tumblelog.imagesLoaded( function(){
  407. $tumblelog.masonry({
  408. columnWidth: function( containerWidth ) {
  409. return containerWidth / 100;
  410. }
  411. });
  412. });
  413. })();
  414. </script>
  415.  
  416. <script>
  417. var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']];
  418. (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  419. g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  420. s.parentNode.insertBefore(g,s)}(document,'script'));
  421. </script>
  422. </body>
  423. </html>
  424. </body>
  425. </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!