API tools faq
paste
Advertisement
Guest User

xx

a guest
Apr 26th, 2018
73
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.14 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!----------
  3. nhac @theme ❋ cactu❋
  4.  
  5. themesarcaicas em passo-html
  6. ------------>
  7.  
  8. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  9. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  10.  
  11. <html xmlns="http://www.w3.org/1999/xhtml">
  12. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  13.  
  14.  
  15.  
  16.  
  17. <title>{Title}{block:PostTitle}: {PostTitle}{/block:PostTitle}</title>
  18. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  19.  
  20. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  21. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  22.  
  23.  
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26.  
  27.  
  28. <meta name="color:Links" content="#888"/>
  29. <meta name="color:Hover" content="#888"/>
  30.  
  31.  
  32. <meta name="text:Link 1" content="page"/>
  33. <meta name="text:Link 1 URL" content="/"/>
  34. <meta name="text:Link 2" content="ask"/>
  35. <meta name="text:Link 2 URL" content="/ask"/>
  36. <meta name="text:Link 3" content=""/>
  37. <meta name="text:Link 3 URL" content=""/>
  38. <meta name="text:Link 4" content=""/>
  39. <meta name="text:Link 4 URL" content=""/>
  40. <meta name="text:Link 5" content=""/>
  41. <meta name="text:Link 5 URL" content=""/>
  42. <meta name="text:Link 6" content=""/>
  43. <meta name="text:Link 6 URL" content=""/>
  44.  
  45.  
  46.  
  47.  
  48. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
  49. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  50. <script src="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  51.  
  52.  
  53. <link href="https://fonts.googleapis.com/css?family=Crimson+Text|Lora" rel="stylesheet">
  54.  
  55.  
  56.  
  57.  
  58. </head>
  59.  
  60. <style type="text/css">
  61. *html, body { width:100%; margin:0; } body { margin:0; }
  62.  
  63.  
  64. #dai-cf {display:none;}
  65.  
  66.  
  67. body { background:#fff; color:#000; font-size:14px; line-height:1.3em; text-align:justify; font-family:Crimson Text; background-attachment: fixed; }
  68.  
  69.  
  70.  
  71. a {color:{color:Links}; text-decoration:none; transition:all 1s ease;}
  72. a:hover {color:{color:Hover}; transition:all 1s ease;}
  73.  
  74.  
  75.  
  76. p::first-letter {}
  77.  
  78. hr { border:1px solid #e1e1e1; transform: scaleX(.3);}
  79.  
  80. pre {padding-left:30px; font-family:consolas; line-height:17px; font-size:11px;overflow:hidden;}
  81.  
  82.  
  83.  
  84.  
  85. blockquote { overflow:hidden; }
  86. blockquote p{ margin:5px;
  87. }
  88.  
  89.  
  90. .video {overflow:hidden;}
  91. .youtube-embed,#youtube_iframe {display:block;width:100%;}
  92.  
  93.  
  94.  
  95. #infscr-loading { position:relative!important;}
  96. #infscr-loading img {}
  97. #pagination {display:none;}
  98. .clear {clear:both;}
  99. .clearfix:after {display:block; clear:both; visibility:hidden; line-height:0; height:0; content:".";}
  100. .clearfix {display:inline-block;}
  101. html[xmlns] .clearfix {display:block;}* html .clearfix {height:1%;}
  102.  
  103.  
  104.  
  105.  
  106.  
  107. /* dê estilo aos posts */
  108. .post {width:300px; float:left; position:relative;
  109. margin:5px; overflow:hidden;
  110.  
  111. }
  112.  
  113. /* caixa post, regule o width para os posts ficarem 'confortaveis' dentro */
  114. #content {width:620px; float:right; }
  115.  
  116. /* centralização, regule o width para a caixa dos posts e sidebar ficarem 'confortaveis' dentro */
  117. #contain {margin-left:auto;margin-right:auto;width:880px; margin-top:0px; background: rgba( 255, 255, 255, 0.6); /*background:#444*/;}
  118.  
  119.  
  120.  
  121. .box {position:relative;}
  122. .box img {display:block; max-width:100%; position:relative!important;}
  123. .box iframe {max-width:100%;}
  124.  
  125.  
  126.  
  127. .page { margin-left:auto;margin-right:auto; position:relative; margin-bottom:30px; text-align:center; }
  128. .page a { margin:10px; }
  129.  
  130.  
  131.  
  132. h1, h2, h3 { font-weight:300; color:#000; margin:5px 0; font-family:Lora; line-height:1.4em;}
  133.  
  134.  
  135.  
  136. .load {cursor:pointer;display:block;text-align:center;}
  137.  
  138.  
  139. #header {position:fixed; width:200px; top:40px; z-index:2; text-align:right; }
  140. #header a {font-size:11px; color:#ccc; font-weight:300;}
  141. #header h1 {font-family:Zeyada; font-size:20px; text-transform:lowercase;}
  142. #header img {width:150px;}
  143.  
  144. .ya {text-align:right; }
  145.  
  146.  
  147.  
  148. #notes-arc{bottom:-5px;position:absolute;opacity:1;transition:all 1s ease;background:#fff;padding:3px;opacity:0; width:100%;}
  149.  
  150. #notes-arc a {letter-spacing:1px; color:#000; text-transform:lowercase;}
  151.  
  152. #notes-arc a:hover {color:#ccc; text-decoration:none;}
  153. .post:hover #notes-arc {opacity:1;bottom:0px; z-index:9}
  154.  
  155. .caption {
  156.  
  157. }
  158.  
  159. .tumblr_parent a{border-bottom:1px solid #ccc;}
  160. .tumblr_avatar {display:none;}
  161.  
  162. </style>
  163. <body>
  164. <div id="contain" class="clearfix">
  165.  
  166. <div id="header">
  167. <img src="{favicon}" />
  168. <p>{Description}</p>
  169. <p>
  170. {block:iflink1}<a href="{text:link 1 url}"> {text:link 1}</a> / {/block:iflink1}
  171. {block:iflink2}<a href="{text:link 2 url}"> {text:link 2}</a> / {/block:iflink2}
  172. {block:iflink3}<a href="{text:link 3 url}"> {text:link 3}</a> / {/block:iflink3}
  173. {block:iflink4}<a href="{text:link 4 url}"> {text:link 4}</a> / {/block:iflink4}
  174. {block:iflink5}<a href="{text:link 5 url}"> {text:link 5}</a> / {/block:iflink5}
  175. {block:iflink6}<a href="{text:link 6 url}"> {text:link 6}</a> / {/block:iflink6}
  176. </p>
  177. </div>
  178.  
  179.  
  180.  
  181.  
  182.  
  183. <div id="content">
  184. {block:Posts}
  185. <div class="post">
  186.  
  187.  
  188.  
  189. {block:IndexPage}
  190.  
  191. <div id="notes-arc">
  192. <a href="{Permalink}" target="_blank" >
  193. {Month} / {Year}
  194. </a>
  195. <a href="{ReblogURL}" target="_blank" style="float:right">
  196. Reblog</a>
  197. </div>
  198.  
  199. {/block:IndexPage}
  200.  
  201. {block:Text}
  202. {block:Title}<h1>{Title}</h1>{/block:Title}
  203. {block:Body}
  204. <div class="caption">{Body}</div>
  205. {/block:Body}
  206. {/block:Text}
  207.  
  208.  
  209.  
  210.  
  211.  
  212.  
  213.  
  214. {block:Photo}
  215. <div class="box">
  216. <img src="{PhotoURL-500}" width="100%" />
  217. </div>
  218. {/block:Photo}
  219.  
  220.  
  221.  
  222.  
  223.  
  224.  
  225.  
  226.  
  227. {block:Photoset}
  228. <div class="box">{Photoset}</div>
  229. {/block:Photoset}
  230.  
  231.  
  232.  
  233. {block:Quote}
  234. {Quote}
  235. {block:Source}<div class="ya">{Source}</div>{/block:Source}
  236. {/block:Quote}
  237.  
  238.  
  239.  
  240.  
  241.  
  242. {block:Link}
  243. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  244. {block:Description} {Description} {/block:Description}
  245. {/block:Link}
  246.  
  247.  
  248.  
  249. {block:Chat}
  250. {block:Lines}
  251. {block:Label}
  252. <b>{Label}</b>
  253. {/block:Label}
  254. {Line}</br>
  255. {/block:Lines}
  256. {/block:Chat}
  257.  
  258.  
  259.  
  260.  
  261. {block:Audio}
  262. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  263. {/block:Audio}
  264.  
  265.  
  266.  
  267.  
  268. {block:Video}
  269. <div class="video">{Video-500}</div>
  270. {/block:Video}
  271.  
  272.  
  273.  
  274.  
  275. {block:Answer}
  276. <b>{Asker}:</b>
  277. {Question}
  278. {Answer}
  279. {/block:Answer}
  280.  
  281. {block:Caption}<div class="caption" >{Caption}</div> {block:Caption}
  282.  
  283.  
  284.  
  285.  
  286.  
  287. </div>
  288.  
  289.  
  290. {block:ContentSource}
  291. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  292. {/block:ContentSource}
  293. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  294.  
  295.  
  296.  
  297. {/block:Posts}
  298.  
  299.  
  300.  
  301. </div>
  302.  
  303.  
  304. </div>
  305.  
  306.  
  307.  
  308.  
  309. {block:IndexPage}
  310. <a class="load">load more</a>
  311. {/block:IndexPage}
  312.  
  313.  
  314. {block:Pagination}
  315. <div id="pagination">{block:NextPage}<a id="nextPage" href="{NextPage}"></a>{/block:NextPage}
  316. </div>
  317. {/block:Pagination}
  318.  
  319. <script src="//static.tumblr.com/wgg6svp/ohGobvaye/unnest.min.js"></script>
  320. <script src="https://secure.static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  321. <script src="https://secure.static.tumblr.com/i5s2zks/0ILo8v362/masonry.pkgd.min.js"></script>
  322.  
  323. <script type="text/javascript">
  324.  
  325. $('.post').unnest({
  326. yourCaption: ".caption",
  327. wrapName: ".tumblr_parent",
  328. newCaptionUsername: false,
  329. originalPostCaptionUsername: false,
  330. tumblrAvatars: false,
  331. tumblrAvatarClass: ".tumblr_avatar",
  332. usernameColon: false
  333. });
  334.  
  335.  
  336.  
  337.  
  338. /**
  339. * Infinite Scroll + Masonry + ImagesLoaded
  340. */
  341. (function() {
  342.  
  343. // Main content container
  344. var $container = $('#content');
  345.  
  346. // Masonry + ImagesLoaded
  347. $container.imagesLoaded(function(){
  348. $container.masonry({
  349. // selector for entry content
  350. itemSelector: '.post',
  351.  
  352. });
  353. });
  354.  
  355. // Infinite Scroll
  356. $container.infinitescroll({
  357.  
  358. // selector for the paged navigation (it will be hidden)
  359. navSelector : "#pagination",
  360. // selector for the NEXT link (to page 2)
  361. nextSelector : "#nextPage",
  362. // selector for all items you'll retrieve
  363. itemSelector : ".post",
  364.  
  365. // finished message
  366. loading: {
  367. finishedMsg: 'No more pages to load.'
  368. }
  369. },
  370. function( newElements ) {
  371. var $newElems = $( newElements ).css({ opacity: 0 });
  372. $newElems.unnest();
  373. $newElems.animate({ opacity: 1 });
  374. // ensure that images load before adding to masonry layout
  375. $newElems.imagesLoaded(function(){
  376. // show elems now they're ready
  377. $newElems.animate({ opacity: 1 });
  378. $container.masonry( 'appended', $newElems, true );
  379. });
  380.  
  381. resizeVideos();
  382.  
  383. });
  384.  
  385. /**
  386. * OPTIONAL!
  387. * Load new pages by clicking a link
  388. */
  389.  
  390. // Pause Infinite Scroll
  391. $(window).unbind('.infscr');
  392.  
  393. // Resume Infinite Scroll
  394. $(window).unbind(".infscr");
  395. $(".load").click(function(){
  396. $("#content").infinitescroll("retrieve");
  397. });
  398.  
  399. })();
  400.  
  401.  
  402.  
  403. </script>
  404.  
  405.  
  406. </body>
  407. <!----------
  408. nhac @theme base arcaicas em passo-html
  409. ------------>
  410. </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!