API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Sep 18th, 2014
206
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.09 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <html>
  4. <head>
  5.  
  6. <title>{title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <meta name="image:Background" content="http://spectacularopticalcorp.files.wordpress.com/2012/10/captain_america_torn_by_mikealcantara-d5240md.jpg"/>
  12. <meta name="color:Background" content="#fff8f0"/>
  13. <meta name="image:Sidebar" content="http://longboxgraveyard.files.wordpress.com/2013/04/captain_america_retro_9_poster-p2281774835467285457p1k_500.jpg?w=604"/>
  14. <meta name="if:InfiniteColumns" content="1" />
  15. <meta name="color:Links" content=""/>
  16. <meta name="text:Link 3" content=""/>
  17. <meta name="text:Link 4" content=""/>
  18. <meta name="text:Link 3 Title" content="link 3"/>
  19. <meta name="text:Link 4 Title" content="link 4"/>
  20.  
  21.  
  22.  
  23. <script type="text/javascript" src="http://static.tumblr.com/k6jytng/U1Dnbaj9s/a-c-m-e-secret-agent.regular.ttf"></script>
  24. <script type="text/javascript">
  25. Cufon.replace('body');
  26. </script>
  27. <style type="text/css">
  28.  
  29.  
  30. /*basics*/
  31. body {
  32. background-color:{color:Background};
  33. background-image:url({image:Background});
  34. background-attachment:fixed;
  35. font-family:bloop;
  36. font-size:10px;
  37. background-size:cover;
  38. }
  39.  
  40. iframe#tumblr_controls {opacity: 1;-webkit-filter: invert(100%);transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  41. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1.0;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  42.  
  43. a {
  44. text-decoration:none;
  45. color:#D61F00;
  46. -webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
  47. }
  48.  
  49. a:hover {
  50. color:blue;
  51. }
  52.  
  53. ::-webkit-scrollbar {
  54. width: 10px;
  55. }
  56.  
  57. ::-webkit-scrollbar-track {
  58. /*background:#607AA7;*/
  59. background:#ebebeb;
  60. }
  61.  
  62. ::-webkit-scrollbar-thumb {
  63. background:#D61F00;
  64. }
  65.  
  66. /*update*/
  67. #dropdown {
  68.  
  69. }
  70. #drop a {display:block}
  71. #drop .down {margin-top:-45px;filter: alpha(opacity = 0);opacity:0;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;z-index:10;}
  72. #drop:hover .down {margin-top:0px;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out; filter: alpha(opacity = 100);filter: alpha(opacity = 100);opacity:100;}
  73.  
  74.  
  75. @font-face {
  76. font-family: "bloop"; /*a name to be used later*/
  77. src: url("http://static.tumblr.com/k6jytng/1M0nc43ng/a-c-m-e-secret-agent.regular.ttf") format("truetype"); /*URL to font*/
  78. }
  79.  
  80. @font-face {
  81. font-family: "bleep";
  82. src: url("http://static.tumblr.com/k6jytng/xabnbanxv/avengeance_heroic_avenger.ttf") format("truetype");
  83. }
  84.  
  85. /*sidebar*/
  86.  
  87. #sidebar {
  88. background-image:url({image:Sidebar});
  89. width:225px;
  90. height:300px;
  91. position:fixed;
  92. right:100px;
  93. top:150px;
  94. background-color:#fff;
  95. border-radius:2px;
  96. border:solid 1px #1f1f1f;
  97. background-size:cover;
  98. -webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
  99. z-index:3;
  100. }
  101.  
  102. #des {
  103. width:165px;
  104. height:155px;
  105. margin-top:-100px;
  106. margin-left:150px;
  107. background:url("http://elusiveproducts.com.au/communities/5/004/012/132/415//images/4609805553.png");
  108. background-size:cover;
  109. background-repeat:no-repeat;
  110. position:fixed;
  111. z-index:3;
  112. opacity:0;
  113. padding:2px;
  114. -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.7s ease-in-out;transition: all 0.4s ease-in-out;
  115. -webkit-transform: translate(1em,0);-moz-transform: translate(1em,0);-o-transform: translate(1em,0);
  116. }
  117.  
  118. .text {
  119. padding-top:2px;
  120. padding-left:2px;
  121. padding-right:2px;
  122. padding-bottom:2px;
  123. text-align:center;
  124. width:150px;
  125. height:155px;
  126. overflow:hidden;
  127. display:table-cell;
  128. margin-right:5px;
  129. margin-left:5px;
  130. position:relative;
  131. margin-top:10px;
  132. z-index:4;
  133. color:#000;
  134. -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;
  135. }
  136.  
  137. #sidebar:hover #des {
  138. opacity:1;
  139. -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
  140. }
  141.  
  142. #entries {
  143. padding:10px;
  144. width:400px;
  145. margin-left:10px;
  146. margin-top:140px;
  147. position:relative;
  148. width:250px;
  149. float:left;
  150. background:#fffcf0;
  151. }
  152.  
  153. #all {
  154. width:750px;
  155. }
  156. /* -webkit-column-count: 3; /* Chrome, Safari, Opera */
  157. /* -moz-column-count: 3; /* Firefox */
  158. /* column-count: 3;
  159. -webkit-column-gap: 4px; /* Chrome, Safari, Opera */
  160. /* -moz-column-gap: 4px; /* Firefox */
  161. /* column-gap: 4px; */
  162. }
  163.  
  164. #post {
  165. width:400px;
  166. padding-bottom:10px;
  167.  
  168. }
  169.  
  170. #left {
  171. float:left;
  172. }
  173.  
  174. #right {
  175. float:right;
  176. }
  177.  
  178.  
  179. #entries2 {
  180. position:absolute;
  181. padding:10px;
  182. width:250px;
  183. margin-left:-40px;
  184. margin-top:140px;
  185. left:310px;
  186. float:left;
  187. background:#fffcf0;
  188. }
  189.  
  190. #post2 {
  191. width:250px;
  192. padding-bottom:5px;
  193. }
  194.  
  195. #header {
  196. top:0px;
  197. left:0px;
  198. position:fixed;
  199. width:100%;
  200. background-color:/*#85a9e5*/{color:Background};
  201. height:70px;
  202. z-index:1;
  203. }
  204.  
  205. #marvel {
  206. height:50px;
  207. border-top:solid 4px #1f1f1f;
  208. border-bottom:solid 4px #1f1f1f;
  209. background:#ffcd3d;
  210. margin-top:29px;
  211. }
  212.  
  213. /*posts*/
  214.  
  215. #info {
  216. padding:2px;
  217. font-size:8px;
  218. border:solid 1px #1f1f1f;
  219. text-align:center;
  220. background:#fff;
  221. }
  222.  
  223. #photo {
  224. width:300px;
  225. height:auto;
  226. }
  227.  
  228. #price {
  229. background-color:#fff;
  230. top:0;
  231. left:0;
  232. position:fixed;
  233. z-index:20;
  234. width:auto;
  235. height:auto;
  236. padding-top:3px;
  237. padding-left:3px;
  238. padding-right:3px;
  239. border:solid 2px #1f1f1f;
  240. -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
  241. }
  242.  
  243. #dd {
  244. background-color:#fff;
  245. top:0px;
  246. left:0;
  247. z-index:21;
  248. width:65px;
  249. height:200px;
  250. position:fixed;
  251. padding:3px;
  252. opacity:0;
  253. -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
  254. }
  255.  
  256. #dd:hover {
  257. opacity:1;
  258. z-index:19;
  259. }
  260.  
  261. #tit {
  262. left:100px;
  263. top:10px;
  264. font-size:55px;
  265. font-family:bleep;
  266. position:fixed;
  267. z-index:100;
  268. color: /*#1639c5*/#fff;
  269. text-shadow:5px 5px 0px #D61F00;
  270.  
  271. }
  272.  
  273. #link1 {
  274. width:25px;
  275. height:25px;
  276. border-radius:25px;
  277. background-color:#ffcd3d;
  278. top:455px;
  279. right:300px;
  280. position:fixed;
  281. -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
  282. }
  283.  
  284. #link1:hover {
  285. background-color:#D61F00;
  286. -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
  287. }
  288.  
  289. #link2 {
  290. width:25px;
  291. height:25px;
  292. border-radius:25px;
  293. background-color:#ffcd3d;
  294. top:455px;
  295. right:270px;
  296. position:fixed;
  297. -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
  298. }
  299.  
  300. #link2:hover {
  301. background-color:#D61F00;
  302. -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
  303. }
  304.  
  305. #link3 {
  306. width:25px;
  307. height:25px;
  308. border-radius:25px;
  309. background-color:#ffcd3d;
  310. top:455px;
  311. right:240px;
  312. position:fixed;
  313. -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
  314. }
  315.  
  316. #link3:hover {
  317. background-color:#D61F00;
  318. -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
  319. }
  320.  
  321. #link4 {
  322. width:25px;
  323. height:25px;
  324. border-radius:25px;
  325. background-color:#ffcd3d;
  326. top:455px;
  327. right:210px;
  328. position:fixed;
  329. -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
  330. }
  331.  
  332. #link4:hover {
  333. background-color:#D61F00;
  334. -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
  335. }
  336.  
  337. #pagination {
  338. position:fixed;
  339. right:120px;
  340. top:441px;
  341. font-size:38px;
  342. text-shadow:1px 1px 0px #fff;
  343. }
  344.  
  345.  
  346. </style>
  347. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  348.  
  349. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  350.  
  351. <!--<script>
  352. $(function(){
  353. var $container = $('#entries');
  354. $container.imagesLoaded(function(){
  355. $container.masonry({
  356. itemSelector: '#posts',
  357. });
  358. });
  359. $container.infinitescroll({
  360. itemSelector : "#posts",
  361. navSelector : "div.pagination",
  362. nextSelector : ".pagination a#next",
  363. loadingImg : "",
  364. loadingText : "<em></em>",
  365. bufferPx : 10000,
  366. extraScrollPx: 12000,
  367. },
  368. // trigger Masonry as a callback
  369. function( newElements ) {
  370. var $newElems = $( newElements ).css({ opacity: 0 });
  371. // ensure that images load before adding to masonry layout
  372. $newElems.imagesLoaded(function(){
  373. $newElems.animate({ opacity: 1 });
  374. $container.masonry( 'appended', $newElems, true );
  375. });
  376. }
  377. );
  378. });
  379. </script>-->
  380. </head>
  381. <body>
  382. <!--<div id="drop">
  383. <h4><center><img src="DIRECT IMAGE LINK HERE"></center></h4>
  384. <div class="down">
  385. <div align="center">
  386. <a href="/"><center>Home</center></a>
  387. <a href="/ask">Ask</a><br>
  388. <a href="/submit">Submit</a><br>
  389. <a href="/archive">Archive</a><br>
  390. </div></div></div>
  391. <br>-->
  392. <a href="/ask" title="ask"><div id="link1"></div></a><a href="/submit"title="submit"><div id="link2"></div></a><a href="{text:Link 3}" title="{text:Link 3 Title}"><div id="link3"></div></a><a href="{text:Link 4}" title="{text:Link 4 Title}"><div id="link4"></div></a>
  393. <div id="tit">{title}</div>
  394. <div id="price"><div class="bleck"></div><img src="https://31.media.tumblr.com/793f2d286c494325f679986badac75d5/tumblr_inline_nban5qixua1sxwl9a.png" width="60px"></div>
  395.  
  396.  
  397. <div id="header"><div id="marvel"></div></div>
  398.  
  399. <a href="/"><div id="sidebar">
  400. <div id="des"><div class="text">{description}</div></div>
  401. </div></a>
  402.  
  403.  
  404. <div id="pagination">
  405. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  406. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}{/block:Pagination}
  407. </div>
  408.  
  409. </div>
  410.  
  411. <div id="entries">
  412.  
  413. {block:Posts}<div id="post">
  414.  
  415. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  416.  
  417. <div id="photo">{block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}" width="250px">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  418.  
  419. {block:Photoset}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</div>
  420.  
  421. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  422.  
  423. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  424.  
  425. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  426.  
  427. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  428.  
  429. {block:Video}{Video-200}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  430.  
  431. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker}:<br>{Question}<br>{Answer}{/block:Answer}
  432.  
  433. <div id="info">
  434. {block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">
  435. {NoteCountWithLabel}</a>{block:RebloggedFrom}<br>via:<a href="{ReblogParentURL}"
  436. title="{ReblogParentTitle}">{ReblogParentName}</a> source:<a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}<br> {block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  437.  
  438. </div>
  439.  
  440. {block:PostNotes}{PostNotes}{/block:PostNotes}
  441.  
  442. {/block:Posts}</div>
  443. {/block:Odd}
  444. </div>
  445.  
  446.  
  447.  
  448.  
  449.  
  450. </div>
  451. </body>
  452. </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!