API tools faq
paste
Advertisement
tomkirk

///////

tomkirk
Jul 21st, 2014
441
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.32 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. -->
  9. <!DOCTYPE html>
  10. <html>
  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:Link Hover" content="#e8e8e8"/>
  18. <meta name="color:Border" content="#000000"/>
  19. <meta name="color:Scrollbar" content="#000000"/>
  20. <meta name="color:Ask Background" content="#000000"/>
  21. <meta name="color:Ask Text" content="#ffffff"/>
  22. <meta name="color:Tool Tip" content="#000000"/>
  23. <meta name="color:Tool Tip Text" content="#ffffff"/>
  24. <meta name="color:Bubble" content="#ffffff"/>
  25. <meta name="color:Bubble Text" content="#000000"/>
  26.  
  27. <!--Options-->
  28. <meta name="if:Infinite Scroll" content="1"/>
  29. <meta name="if:Captions" content=""/>
  30. <meta name="if:Faded Images" content=""/>
  31. <meta name="if:Inverted Images" content=""/>
  32.  
  33. <!--Images-->
  34. <meta name="image:Background" 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. <meta name="text:Link 5 URL" content="/"/>
  46. <meta name="text:Link 5 Name" content=""/>
  47.  
  48.  
  49. {block:Description}
  50. <meta name="description" content="{MetaDescription}" />
  51. {/block:Description}
  52. <meta charset="utf-8">
  53. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  54. <title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  55. <link rel="shortcut icon" href="{Favicon}">
  56. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  57. <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  58. <style type="text/css">
  59. /*Basic styles*/
  60.  
  61.  
  62. {block:ifInvertedImages}img{
  63. opacity: 1;
  64. filter:alpha(opacity=10);
  65. -moz-opacity: 0.1;
  66. -moz-transition: all .9s ease;
  67. -o-transition: all .9s ease;
  68. transition: all .9s ease;
  69. -webkit-transition: all .9s ease;}
  70. {/block:ifInvertedImages}
  71.  
  72.  
  73. {block:ifInvertedImages} img:hover{
  74. opacity: .8;
  75. filter:alpha(opacity=100);
  76. -moz-opacity: 1;
  77. -moz-transition: all .9s ease;
  78. -o-transition: all .9s ease;
  79. transition: all .9s ease;
  80. -webkit-transition: all .9s ease;}
  81. {/block:ifInvertedImages}
  82.  
  83. {block:ifFadedImages}img{
  84. opacity: .8;
  85. filter:alpha(opacity=10);
  86. -moz-opacity: 0.1;
  87. -moz-transition: all .9s ease;
  88. -o-transition: all .9s ease;
  89. transition: all .9s ease;
  90. -webkit-transition: all .9s ease;}
  91. {/block:ifFadedImages}
  92.  
  93.  
  94. {block:ifFadedImages} img:hover{
  95. opacity: 1;
  96. filter:alpha(opacity=100);
  97. -moz-opacity: 1;
  98. -moz-transition: all .9s ease;
  99. -o-transition: all .9s ease;
  100. transition: all .9s ease;
  101. -webkit-transition: all .9s ease;}
  102. {/block:ifFadedImages}
  103.  
  104. {block:ifInvertedImages}.photo {
  105. opacity: 1;
  106. filter:alpha(opacity=10);
  107. -moz-opacity: 0.1;
  108. -moz-transition: all .9s ease;
  109. -o-transition: all .9s ease;
  110. transition: all .9s ease;
  111. -webkit-transition: all .9s ease;}
  112. {/block:ifInvertedImages}
  113.  
  114.  
  115. {block:ifInvertedImages}.photo:hover{
  116. opacity: .8;
  117. filter:alpha(opacity=100);
  118. -moz-opacity: 1;
  119. -moz-transition: all .9s ease;
  120. -o-transition: all .9s ease;
  121. transition: all .9s ease;
  122. -webkit-transition: all .9s ease;}
  123. {/block:ifInvertedImages}
  124.  
  125. {block:ifFadedImages}.photo {
  126. opacity: .8;
  127. filter:alpha(opacity=10);
  128. -moz-opacity: 0.1;
  129. -moz-transition: all .9s ease;
  130. -o-transition: all .9s ease;
  131. transition: all .9s ease;
  132. -webkit-transition: all .9s ease;}
  133. {/block:ifFadedImages}
  134.  
  135.  
  136. {block:ifFadedImages}.photo:hover{
  137. opacity: 1;
  138. filter:alpha(opacity=100);
  139. -moz-opacity: 1;
  140. -moz-transition: all .9s ease;
  141. -o-transition: all .9s ease;
  142. transition: all .9s ease;
  143. -webkit-transition: all .9s ease;}
  144. {/block:ifFadedImages}
  145.  
  146. .photo a:hover{background:transparent;}
  147.  
  148. iframe#tumblr_controls {-webkit-filter:invert(100%);-moz-filter:invert(100%);-filter:invert(100%);right:3px;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;}
  149.  
  150. iframe#tumblr_controls:hover{opacity:1;}
  151.  
  152.  
  153. body{background-color: {color:Background};background-image:url({image:Background});background-attachment:fixed;background-repeat:repeat;background-position:center;font-family:times new roman;font-size:13px;line-height:16px;color:{color:Text};}
  154.  
  155. a:link, a:active, a:visited{color: {color:Link};text-decoration:none;}
  156.  
  157. a:hover{color:{color:Link Hover};text-decoration:underline;}
  158.  
  159. #s-m-t-tooltip {max-width:300px;padding:3px 5px 5px 5px;margin:25px 20px 25px 20px;background-color:{color:Tool Tip};color:{color:Tool Tip Text};font-size:11px;line-height:12px;z-index:999999999999999999999999999999999999;box-shadow:rgba(0,0,0,0.07) 3px 3px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
  160.  
  161. #content {margin:auto;{block:IndexPage}width:1000px;{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}}
  162. #cage {margin:auto;padding:20px 0 20px 0;width:600px;}
  163.  
  164. blockquote{padding-left:8px;margin:0 0 0 20px;border-left:2px solid {color:Link};}
  165.  
  166. .p { padding-top: 5px; }
  167. .ol, ul { margin-left: 30px; padding: 5px; }
  168. .ul { list-style-type: square; }
  169.  
  170. p{margin-top:1px;}
  171. .pt{font-size:20px;line-height:24px;font-weight:bold;}
  172. .b{font-size:19px;line-height:15px;font-weight:bold;text-transform:uppercase;}
  173.  
  174. .navigate{margin-top:8px;}
  175. .navigate a{font-family:arial;line-height:14px;margin-left:4px;}
  176.  
  177. .audioplayer{background:black;padding:10px;opacity:0.8;}
  178. .audioinfo{color:white;padding:10px;background:black;opacity:0.8;border-top:1px solid white;}
  179.  
  180. #ask {background:{color:Ask Background};margin-top:0px;padding:10px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;color:{color:Ask Text};}
  181. #ask #ds{position:absolute;margin-top:7px;margin-left:30px;color:{color:Ask Background};font-size:30px;font-family:arial;font-weight:bold;}
  182. .askername{position:Absolute;margin-top:-24px;margin-left:37px;margin-bottom:1px;}
  183. .askername a{color:{color:Ask Text};} .askername a:hover{text-decoration:underline;}
  184. .askerimg{padding-bottom:4px;margin-bottom:1px;}
  185. .askerimg img{width:30px;}
  186.  
  187. iframe, img, embed, object, video {max-width: 100%;}
  188.  
  189. #side {position:fixed;width:120px;z-index:999;margin-top:40px;{block:IndexPage}margin-left:750px;{/block:IndexPage}{block:PermalinkPage}margin-left:570px;{/block:PermalinkPage}}
  190.  
  191. article img{display:block;max-width:100%;}
  192.  
  193. article {padding:6px;{block:IndexPage}width:400px;margin:20px;{/block:IndexPage}{block:PermalinkPage}width:500px;margin:20px 0 0 -50px;{/block:PermalinkPage}}
  194.  
  195. article .permat{width:400px;position:absolute;opacity:0;margin:10px 0 10px 0;text-align:right;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear; transition: all 0.5s linear;}
  196.  
  197. article:hover .permat{opacity:1;}
  198.  
  199. .chat .line{padding: 2px;}
  200.  
  201. .chat .line .odd{padding:2px;color:{color:Ask Text};background:{color:Ask Background};}
  202.  
  203. .label {font-weight:bold;}
  204.  
  205. .notes img{width:10px; position:left;margin-right:5px;top:3px;-webkit-border-radius: 10px;
  206. -moz-border-radius: 10px; border-radius: 10px;display:inline;}
  207. .notes {line-height:21px;}
  208.  
  209. .pagination{margin-top:5px;font-weight:bold;font-family:consolas;}
  210.  
  211. .nav{line-height:20px;}
  212. .nav a{display:block;}
  213. .nav a:hover{color:{color:Link Hover Bkg};background:transparent;}
  214.  
  215. {CustomCSS}
  216. </style>
  217. </head>
  218.  
  219. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  220.  
  221. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  222.  
  223. <script>
  224. (function($){
  225. $(document).ready(function(){
  226. $("a[title]").style_my_tooltips({
  227. tip_follows_cursor:true,
  228. tip_delay_time:90,
  229. tip_fade_speed:300,
  230. attribute:"title"
  231. });
  232. });
  233. })(jQuery);
  234. </script>
  235. <body>
  236.  
  237. <div id="cage">
  238.  
  239. <header id="side">
  240. <div class="b"><a href="/">{Title}</a></div>
  241. <div style="margin:5px 0 5px 0;">{Description}</div>
  242. {block:ifLink1name}
  243. <div class="nav">
  244. <a href="{text:Link 1 URL}"><div class="dot"></div>{text:Link 1 name}</a>
  245. </div>
  246. {/block:ifLink1name}
  247. {block:ifLink2name}
  248. <div class="nav">
  249. <a href="{text:Link 2 URL}"><div class="dot"></div>{text:Link 2 name}</a>
  250. </div>
  251. {/block:ifLink2name}
  252. {block:ifLink3name}
  253. <div class="nav">
  254. <a href="{text:Link 3 URL}"><div class="dot"></div>{text:Link 3 name}</a>
  255. </div>
  256. {/block:ifLink3name}
  257. {block:ifLink4name}
  258. <div class="nav">
  259. <a href="{text:Link 4 URL}"><div class="dot"></div>{text:Link 4 name}</a>
  260. </div>
  261. {/block:ifLink4name}
  262. {block:ifLink5name}
  263. <div class="nav">
  264. <a href="{text:Link 5 URL}"><div class="dot"></div>{text:Link 5 name}</a>
  265. </div>
  266. {/block:ifLink5name}
  267. </div>
  268.  
  269. {block:Pagination}
  270. <div class="pagination">
  271. {block:PreviousPage}<a href="{PreviousPage}">{block:ifInfiniteScroll} {/block:ifInfiniteScroll}{block:ifNotInfiniteScroll}←{/block:ifNotInfiniteScroll}</a><br>{/block:PreviousPage}
  272. {block:NextPage}<a href="{NextPage}">{block:ifInfiniteScroll} {/block:ifInfiniteScroll}{block:ifNotInfiniteScroll}→{block:ifNotInfiniteScroll}</a>{/block:NextPage}
  273. </div>
  274. {/block:Pagination}
  275.  
  276. </header>
  277.  
  278. <div id="content">
  279. {block:Posts}
  280. <article>
  281.  
  282. {block:Text}
  283. {block:Title}
  284. <div class="pt">{Title}</div>
  285. {/block:Title}
  286. {Body}
  287. {/block:Text}
  288.  
  289. {block:Photo}
  290. <div class="photo">
  291. {LinkOpenTag}
  292. <a href="{permalink}">
  293. <center><img src="{PhotoURL-500}" alt="{PhotoAlt}"></center>
  294. </a>
  295. {LinkCloseTag}
  296. {block:ifCaptions}
  297. {block:Caption}{Caption}{/block:Caption}
  298. {/block:ifCaptions}
  299. {block:ifNotCaptions}
  300. {block:PermalinkPage}
  301. {block:Caption}{Caption}{/block:Caption}
  302. {/block:PermalinkPage}
  303. {/block:ifNotCaptions}
  304. {block:ContentSource}
  305. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  306. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  307. {/block:SourceLogo}
  308. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  309. {/block:ContentSource}
  310. {block:ReblogParentURL}
  311. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  312. {/block:ReblogParentURL}
  313. {/block:Photo}
  314.  
  315. {block:Photoset}
  316. <div class="photoset">
  317. <div class="photo">
  318. {block:IndexPage}{Photoset-400}{/block:IndexPage}
  319. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  320. </div>
  321. </div>
  322. {block:Caption}{Caption}{/block:Caption}
  323. {/block:Photoset}
  324.  
  325. {block:Quote}
  326. <div class="pt">
  327. "{Quote}"
  328. </div>
  329. {block:Source}-{Source}{/block:Source}
  330. {/block:Quote}
  331.  
  332. {block:Link}
  333. <div class="pt">
  334. <a href="{URL}">{Name} »</a>
  335. </div>
  336. {block:Description}{Description}{/block:Description}
  337. {/block:Link}
  338.  
  339. {block:Chat}
  340. <div class="chat">
  341. {block:Lines}
  342. <div class="chat">
  343. <div class="line {Alt}">
  344. <div class="{Alt} user_{UserNumber}">
  345. {block:Label}
  346. <b>{Label} </b>
  347. {/block:Label}
  348. {Line}
  349. </div>
  350. </div>
  351. {/block:Lines}
  352. {/block:Chat}
  353.  
  354. {block:Audio}
  355. {block:AlbumArt}
  356. <img src="{AlbumArtURL}">
  357. {/block:AlbumArt}
  358. {block:AudioPlayer}
  359. <div class="audioplayer">
  360. {AudioPlayerBlack}
  361. </div>
  362. {/block:AudioPlayer}
  363. {block:TrackName}
  364. <div class="audioinfo">
  365. Song : {TrackName}
  366. </div>
  367. {/block:TrackName}
  368. {block:Artist}
  369. <div class="audioinfo">
  370. Artist : {Artist}
  371. </div>
  372. {/block:Artist}
  373. {block:Album}
  374. <div class="audioinfo">
  375. Album : {Album}
  376. </div>
  377. {/block:Album}
  378. {block:Caption}{Caption}{/block:Caption}
  379. {/block:Audio}
  380.  
  381. {block:Video}
  382. <div class="video">
  383. <div class="video-player">{block:IndexPage}{Video-400}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</div>
  384. {block:ifCaptions}
  385. {block:Caption}{Caption}{/block:Caption}
  386. {/block:ifCaptions}
  387. {block:ifNotCaptions}
  388. {block:PermalinkPage}
  389. {block:Caption}{Caption}{/block:Caption}
  390. {/block:PermalinkPage}
  391. {/block:ifNotCaptions}
  392. {/block:Video}
  393.  
  394. {block:Panorama}
  395. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
  396. {block:ifCaptions}
  397. {block:Caption}{Caption}{/block:Caption}
  398. {/block:ifCaptions}
  399. {block:ifNotCaptions}
  400. {block:PermalinkPage}
  401. {block:Caption}{Caption}{/block:Caption}
  402. {/block:PermalinkPage}
  403. {/block:ifNotCaptions}
  404. {/block:Panorama}
  405.  
  406. {block:Answer}<div id="ask"><div class="askerimg"><img src="{AskerPortraitURL-128}" style="-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;"></div><span class="askername"> {Asker} asked:</span> <span style="padding-left:3px;padding-right:3px;">{Question}</span> <div id="ds">▼</div></div><div style="margin-top:20px;">{Answer}</div>{/block:Answer}
  407.  
  408. {block:IndexPage}
  409. <div class="permat">
  410. <a href="{Permalink}">{NoteCount}</a> : <a href="{ReblogURL}" target="_blank" class="details">Reblog</a>
  411. </div>
  412. {/block:IndexPage}
  413.  
  414. {block:PermalinkPage}
  415. {block:Date}
  416. <div style="margin-top:5px;"><!--ok-->
  417. <b>Posted:</b> {TimeAgo} on
  418. {ShortMonth} {DayofMonth},{Year} at
  419. {12Hour}:{Minutes} {CapitalAmPm}
  420. {block:NoteCount}<br>
  421. <b>Notes:</b>
  422. {NoteCount}
  423. {/block:NoteCount}
  424. {block:HasTags}
  425. <br>
  426. <b>Tags:</b>
  427. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  428. {/block:Tags}
  429. {/block:HasTags}
  430. <br>{block:RebloggedFrom}via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>· (©: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
  431. </div>
  432. {/block:Date}
  433. {/block:PermalinkPage}
  434. {block:PostNotes}
  435. {PostNotes}
  436. {/block:PostNotes}
  437. </article>
  438. {/block:Posts}
  439.  
  440. </div>
  441. </div>
  442.  
  443. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  444.  
  445. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  446. {block:ifInfiniteScroll}
  447. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  448. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  449. {/block:ifInfiniteScroll}
  450.  
  451.  
  452. <script>
  453. (function() {
  454. var $tumblelog = $('#content');
  455. {block:IfInfiniteScroll}
  456. $tumblelog.infinitescroll({
  457. navSelector : ".pagination",
  458. nextSelector : ".pagination a:first",
  459. itemSelector : "article",
  460. bufferPx : 50,
  461. done : "",
  462. loading: {
  463. finishedMsg: "<p> </p>",
  464. img : " ",
  465. msg: null,
  466. msgText: "<p> </p>"
  467. },
  468. },
  469. function( newElements ) {
  470. var $newElems = $( newElements ).css({ opacity: 0 });
  471. $newElems.imagesLoaded(function(){
  472. $newElems.animate({ opacity: 1 });
  473. $tumblelog.masonry( 'appended', $newElems);
  474. });
  475. }
  476. );
  477. {/block:IfInfiniteScroll}
  478. $tumblelog.imagesLoaded( function(){
  479. $tumblelog.masonry({
  480. columnWidth: function( containerWidth ) {
  481. return containerWidth / 100;
  482. }
  483. });
  484. });
  485. })();
  486. </script>
  487. <!--am-->
  488. <script>
  489. var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']];
  490. (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  491. g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  492. s.parentNode.insertBefore(g,s)}(document,'script'));
  493. </script>
  494.  
  495.  
  496.  
  497.  
  498. <div style="position:fixed;bottom:0;right:0;padding-right:20px;padding-bottom:10px;"><a title="theme by tomkirk"href="http://tomkirk.tumblr.com/">▲</a></div>
  499. </body>
  500. </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!