API tools faq
paste
Advertisement
tomkirk

#019

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