API tools faq
paste
Advertisement
tomkirk

M79

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