API tools faq
paste
Advertisement
tomkirk

#007

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