API tools faq
paste
reptilha

Helena — 002

reptilha
Jul 19th, 2018
155
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.84 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Theme desenvolvido por @reptilha
  4. Não copie detalhes e não remova os créditos.
  5.  
  6. Grata pela preferência.
  7. Atenciosamente, G.
  8.  
  9. --->
  10.  
  11.  
  12. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  13. "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  14.  
  15. <html xmlns="https://www.w3.org/1999/xhtml">
  16.  
  17. <head>
  18.  
  19. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  20.  
  21. <title>{Title}</title>
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. <link rel="shortcut icon" href="{Favicon}">
  24. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  25.  
  26. <!-- jquery -->
  27. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  28. <!-- jquery -->
  29.  
  30. <script>
  31. $(document).ready(function(){
  32. /**** tumblr blogs avatars ****/
  33. $(".tumblr_blog").each(function() {
  34. var tumblrblogurl = $(this).text();
  35. $(this).before("<img src='https://api.tumblr.com/v2/blog/" + tumblrblogurl + ".tumblr.com/avatar/24' class='tumblr_blog_avatar'/>");
  36. });
  37. /**** tumblr blogs avatars ****/
  38. });
  39. </script>
  40.  
  41. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  42.  
  43. <meta name="image:Foto" content="" />
  44.  
  45. <meta name="color:Font" content="#000"/>
  46. <meta name="color:Sidebar e Header" content="#f8f8f8"/>
  47. <meta name="color:Background" content="#000"/>
  48. <meta name="color:Links" content="#000"/>
  49. <meta name="color:Links Menu" content="#ccc"/>
  50. <meta name="color:Link Hover" content="#ccc"/>
  51. <meta name="color:Titles" content="#000"/>
  52. <meta name="color:Links Hover Menu" content="#ccc"/>
  53. <meta name="color:Borders" content="#eee"/>
  54.  
  55. <meta name="text:AskLabel" content="perguntou" />
  56. <meta name="if:DarkButtons" content="perguntou" />
  57.  
  58. <meta name="text:Frase" content="Uma curta frase" />
  59.  
  60. <meta name="text:Link 1" content="Link" />
  61. <meta name="text:Link 1 url" content="" />
  62. <meta name="text:Link 2" content="Link" />
  63. <meta name="text:Link 2 url" content="" />
  64. <meta name="text:Link 3" content="Link" />
  65. <meta name="text:Link 3 url" content="" />
  66. <meta name="text:Link 4" content="Link" />
  67. <meta name="text:Link 4 url" content="" />
  68. <meta name="text:Link 5" content="Link" />
  69. <meta name="text:Link 5 url" content="" />
  70.  
  71.  
  72. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  73. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  74. <script> (function($){ $(document).ready(function(){ $("[title],a[title],img[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:100, tip_fade_speed:300, attribute:"title" }); }); })(jQuery); </script>
  75.  
  76. <style type="text/css">
  77.  
  78. /* config */
  79.  
  80. body{
  81. font-family:times;
  82. background:{color:Background};
  83. font-size:15px;
  84. color:{color:Font};
  85. line-height:20px;
  86. overflow-x:hidden;
  87. }
  88.  
  89. img {
  90. height: auto;
  91. width: auto;
  92. }
  93.  
  94. iframe, img, embed, object, video{
  95. max-width: 100%;
  96. }
  97.  
  98. .photo{
  99. width:100%;
  100. }
  101.  
  102.  
  103. a{
  104. color:{color:Links};
  105. cursor:help;
  106. font-weight:bold;
  107. }
  108.  
  109. .box iframe {
  110. max-width: 100%;
  111.  
  112. }
  113.  
  114. .text img {
  115. max-width: 100%;
  116.  
  117. }
  118.  
  119. blockquote{
  120. margin-left:0%;
  121. width:100%;
  122. }
  123.  
  124. .box img {
  125. display: block;
  126.  
  127. }
  128.  
  129. .clear {
  130. clear: both;
  131.  
  132. }
  133.  
  134. #pagination {
  135. display: none;
  136.  
  137. }
  138.  
  139. a:hover{
  140. color:{color:Link Hover};
  141. -webkit-transition: all 0.3s ease-out;
  142. -moz-transition: all 0.3s ease-out;
  143. -o-transition: all 0.3s ease-out;
  144. transition: all 0.3s ease-out;
  145. }
  146.  
  147. .clearfix:after{
  148. content:".";
  149. display:block;
  150. clear:both;
  151. visibility:hidden;
  152. line-height:0;
  153. height:0;
  154.  
  155. }
  156.  
  157. .clearfix{
  158. display:inline-block;
  159.  
  160. }
  161.  
  162. html[xmlns] .clearfix{
  163. display:block;
  164.  
  165. }*
  166.  
  167. html .clearfix{
  168. height:1%;
  169.  
  170. }
  171.  
  172. a{
  173. text-decoration:none;
  174. }
  175.  
  176. .post {
  177. position: relative;
  178. width:450px;
  179. float:left;
  180. margin-bottom:20px;
  181. {block:PermalinkPage}
  182. width:450px;
  183. {/block:PermalinkPage}
  184.  
  185. }
  186.  
  187. #contain {
  188. width:700px;
  189. margin-left:auto;
  190. height:100%;
  191. margin-right:auto;
  192. min-height:700px;
  193.  
  194. }
  195.  
  196. #content {
  197. width:700px;
  198. margin-top:100px;
  199. margin-left:300px;
  200. }
  201.  
  202. #infscr-loading {display:none!important;}
  203. #infscr-loading img {display:none;}
  204. #pagination {display:none;}
  205.  
  206. /**** tumblr blogs avatars ****/
  207. .tumblr_blog {margin-left: 23px;} /** aqui você edita a aparência do link do blog **/
  208. .tumblr_blog_avatar {width: 20px; height: 20px; border-radius: 100%;position:absolute;margin-right:px;margin-top:px;vertical-align:-3px;} /** aqui você edita a aparência do avatar **/
  209. /**** tumblr blogs avatars ****/
  210.  
  211.  
  212. .iframe-controls--desktop {
  213. position:fixed;
  214. padding-top:153px;
  215. padding-right:20px;
  216. z-index:9999999999999999999999999999;
  217. {block:IfDarkButtons}
  218. filter:invert(100%);
  219. -webkit-filter:invert(100%);
  220. {/block:IfDarkButtons}
  221. -webkit-transform:scale(0.6,0.6);
  222. -webkit-transform-origin: 100% 0%;
  223. -ms-transform-origin:100% 0%;
  224. -ms-transform:scale(0.6,0.6);
  225. transform:scale(0.6,0.6);
  226. transform-origin:100% 0%;
  227. }
  228.  
  229. .thememaker{
  230. position:fixed;
  231. margin-top:0px;
  232. right:0px;
  233. font-size:13px;
  234. z-index:9999999999999999999999999999;
  235. {block:IfDarkButtons}
  236. color:black;
  237. {/block:IfDarkButtons}
  238. {block:IfNotDarkButtons}
  239. color:white;
  240. {/block:IfNotDarkButtons}
  241. }
  242.  
  243. #scrollToTop{
  244. right:5px;
  245. bottom:10px;
  246. position:fixed;
  247. font-size:13px;
  248. z-index:9999999999999999999999999999;
  249. {block:IfDarkButtons}
  250. color:black;
  251. {/block:IfDarkButtons}
  252. {block:IfNotDarkButtons}
  253. color:white;
  254. text-shadow: 1px 1px 1px rgba(68,68,68,.4), -1px -1px 1px rgba(68,68,68,.4), -1px 1px 1px rgba(68,68,68,.4), 1px -1px 1px rgba(68,68,68,.4);
  255. {/block:IfNotDarkButtons}
  256. }
  257.  
  258.  
  259. ::-moz-selection {color:inherit;background: transparent;}
  260.  
  261. ::selection {color:inherit;background: transparent;}
  262.  
  263. b{
  264. font-weight:bold;
  265. }
  266.  
  267. .caption{
  268. margin-top:10px;
  269. }
  270.  
  271. ::-webkit-scrollbar
  272. {width: 23px; height: 23px; z-index:-1;}
  273. ::-webkit-scrollbar-track-piece
  274. {background-color: {color:Background};-webkit-border-radius:px;}
  275. ::-webkit-scrollbar-thumb:vertical
  276. {height: 3px; background-color: {color:Borders}; -webkit-border-radius:px;border:10px solid {color:Background}; }
  277. ::-webkit-scrollbar-thumb:horizontal
  278. {width: 3px; background-color: {color:Borders}; -webkit-border-radius:px;border:10px solid {color:Background}; }
  279.  
  280. .source{
  281. font-weight:bold;
  282. margin-top:3px;
  283. }
  284.  
  285. #s-m-t-tooltip {
  286. max-width:200px;
  287. padding:3px 10px 3px 10px;
  288. border:1px solid {color:Borders};
  289. margin:15px 20px;
  290. border-radius:3px;
  291. background:{color:Background};
  292. z-index:123456789;
  293.  
  294. }
  295.  
  296. #tumblr_lightbox {
  297. background-color:rgba(225, 225, 225, .7)!important;
  298. z-index:99999!important;
  299. }
  300.  
  301. #tumblr_lightbox img {opacity:0;}
  302.  
  303. #tumblr_lightbox_caption {
  304. color:black!important;
  305. font-family:arial!important;
  306. font-size:10px!important;
  307. font-weight:normal!important;
  308. text-shadow:none!important;
  309. }
  310. #tumblr_lightbox_center_image,
  311. #tumblr_lightbox_left_image,
  312. #tumblr_lightbox_right_image {
  313. background:white!important;
  314. -moz-box-shadow:none!important;
  315. -webkit-box-shadow:none!important;
  316. box-shadow:none!important;
  317. -moz-border-radius:0px!important;
  318. -webkit-border-radius:0px!important;
  319. border-radius:0px!important;
  320. opacity:1!important;
  321. }
  322.  
  323. #tumblr_lightbox_left_image,
  324. #tumblr_lightbox_right_image {opacity:.6!important;}
  325.  
  326. /* config */
  327.  
  328. reb{
  329. display:block;
  330. font-style:italic;
  331. }
  332.  
  333. reb span{
  334. vertical-align:0px;
  335. margin-left:5px;
  336. margin-right:5px;
  337. display:inline-block;
  338. font-size:8px;
  339. }
  340.  
  341. time{ font-style:italic;
  342. margin-right:20px;
  343. {block:PermalinkPage}
  344. display:none;
  345. {/block:PermalinkPage}
  346. }
  347.  
  348. pd{
  349. display:block;
  350. padding:15px;
  351. }
  352.  
  353. /**Fragile Help**/
  354. .lnotes {display:block; margin-top:5px;}
  355. .lnotes .avatar {border:none; margin:5px; width:46px; padding:0;border-radius:100%;}
  356. .lnotes ol {margin:0; padding:0;}
  357. .lnotes li {list-style:none; border:none; float:left; margin:0; padding:0; margin-right:4px; margin-bottom:-2px;}
  358. .lnotes .note .action {display:none; visibility:hidden; margin:0; padding:0;}
  359. .more_box {display:block; width:500px; height:35px; margin:0; padding:0;width:}
  360. .more_notes_link_container a {width:500px; font-style:italic; font-size:12px; font-style:italic; display:block; text-align:center; width:500px;margin-top:30px;margin-bottom:30px;}
  361. .lnotes blockquote {display:none;}
  362.  
  363. lin{
  364. display:block;
  365. padding:10px;
  366. width:500px;
  367. }
  368.  
  369. lin span{
  370. margin:5px;
  371. font-size:15px;
  372. }
  373. {block:Tags}
  374. a{
  375. font-weight:normal;
  376. }
  377. {/block:Tags}
  378.  
  379. .chat li{
  380. list-style:none;
  381. }
  382.  
  383. blockquote{
  384. margin-left:0px;
  385. }
  386.  
  387. .chat span{
  388. font-weight:bold;
  389. font-family:calibri;
  390. text-transform:uppercase;
  391. letter-spacing:1px;
  392. }
  393.  
  394. important{
  395. top:150px;
  396. position:fixed;
  397. right:30px;
  398. }
  399.  
  400. important a {
  401. background:{color:Background};
  402. color:{color:Links};
  403. padding:5px;
  404. line-height:14px;
  405. width:14px;
  406. border:1px solid {color:Borders};
  407. height:14px;
  408. margin:2px;
  409. border-radius:2px;
  410. text-align:center;
  411. display:block;
  412. transition:all 0.5s ease-in-out;
  413. }
  414.  
  415.  
  416. .pessoa { text-transform:uppercase; font-size:12px;}
  417. .pessoa a{display:;text-transform:uppercase; font-size:13px; font-weight:normal; color:{color:Links Hover};letter-spacing:x;
  418. border-bottom:1px solid {color:Borders};}
  419. .pessoa img{ width:30px;border-radius:100%; vertical-align:-10px;margin-right:5px;}
  420. .pergunta { background:; margin-top:10px;padding-bottom:20px; margin-left:0px; border-bottom:1px solid {color:Borders}; text-align:left; }
  421. .resposta { padding:15px; padding-top:px; padding-bottom:10px; background:transparent;margin-top:-20px;}
  422.  
  423. nav{
  424. padding:10px;
  425. margin-bottom:0px;
  426. margin-top:-35px;
  427. opacity:1.0;
  428. margin-left:5px;
  429. display:block;
  430. -webkit-transition: all 0.3s ease-out;
  431. -moz-transition: all 0.3s ease-out;
  432. -o-transition: all 0.3s ease-out;
  433. transition: all 0.3s ease-out;
  434. }
  435.  
  436. .sidebar{
  437. width:230px;
  438. margin-left:50px;
  439. z-index:-6;
  440. margin-top:-45px;
  441. position:fixed!important;
  442. display:block;
  443. }
  444.  
  445. bio{
  446. text-align:justify;
  447. display:block;
  448. }
  449.  
  450. #menu{
  451. display:block;
  452. margin-left:0px;
  453. margin-top:10px;
  454. height:60px;
  455. margin-bottom:5px;
  456. text-transform:uppercase;
  457. font-size:12px;
  458. letter-spacing:1px;
  459. }
  460.  
  461. .sidebar img{
  462. width:100%;
  463. margin-top:20px;
  464. background:white;
  465. display:block;
  466. }
  467.  
  468. #menu a{
  469. font-family:;
  470. font-weight:bold;
  471. font-family:calibri;
  472. margin:5px;
  473. border-bottom:1px solid transparent;
  474. color:{color:Links Menu};
  475. display:inline-block;
  476. -webkit-transition: all 0.3s ease-out;
  477. -moz-transition: all 0.3s ease-out;
  478. -o-transition: all 0.3s ease-out;
  479. transition: all 0.3s ease-out;
  480. }
  481.  
  482. #menu a::before, #menu a::after{
  483. display:inline-block; opacity:0;
  484. -webkit-transition: -webkit-transform 0.3s,
  485. opacity 0.2s;
  486. -moz-transition: -moz-transform 0.3s,
  487. opacity 0.2s;
  488. transition: transform 0.3s,
  489. opacity 0.2s;
  490.  
  491. }
  492.  
  493. #menu a::before{
  494. margin-right:2px;
  495. content:'[';
  496. -webkit-transform: translateX(10px);
  497. -moz-transform: translateX(10px);
  498. transform: translateX(10px);
  499.  
  500. }
  501.  
  502. #menu a::after{
  503. margin-left:2px; content:']';
  504. -webkit-transform:translateX(-10px);
  505. -moz-transform:translateX(-10px);
  506. transform:translateX(-10px);
  507.  
  508. }
  509.  
  510. #menu a:hover::before, #menu a:hover::after, #menu a:focus::before, #menu a:focus::after{
  511. opacity:1;
  512. -webkit-transform: translateX(0px);
  513. -moz-transform: translateX(0px);
  514. transform: translateX(0px);
  515.  
  516. }
  517.  
  518. .sidebar h1{
  519. font-size:19px;
  520. font-family: 'Dosis', sans-serif;
  521. font-weight:bold;
  522. margin-bottom:10px;
  523. margin-top:10px;
  524. display:block;
  525. }
  526.  
  527. #segunda{
  528. margin-left:930px;
  529. position:fixed!important;
  530. }
  531.  
  532. h1, h2, h3{
  533. font-size:19px;
  534. font-family: 'Dosis', sans-serif;
  535. font-weight:bold;
  536. color:{color:Titles};
  537. }
  538.  
  539. hov a{
  540. margin-right:10px;
  541. color:{color:Links Hover};
  542. text-transform:uppercase;
  543. font-size:12px;
  544. font-weight:normal;
  545. font-family:calibri;
  546. letter-spacing:1px;
  547. -webkit-transition: all 0.3s ease-out;
  548. -moz-transition: all 0.3s ease-out;
  549. -o-transition: all 0.3s ease-out;
  550. transition: all 0.3s ease-out;
  551. opacity:1.0;
  552. font-size:13px;
  553. }
  554.  
  555. hov{
  556. vertical-align:-2px;
  557. {block:PermalinkPage}
  558. display:none;
  559. {/block:PermalinkPage}
  560. }
  561.  
  562. line{
  563. display:block;
  564. width:70%;
  565. height:1px;
  566. margin-top:20px;
  567. margin-bottom:20px;
  568. background:{color:Borders};
  569. }
  570.  
  571. info span{
  572. width:20px;
  573. margin-right:1px;
  574. display:inline-block;
  575. }
  576.  
  577. info{
  578. text-align:left;
  579. }
  580.  
  581. info p{
  582. height:15px;
  583. }
  584.  
  585. bloc{
  586. background:{color:Sidebar e Header};
  587. display:block;
  588. padding:20px;
  589. }
  590.  
  591. header{
  592. width:100%;
  593. height:90px!important;
  594. overflow:hidden;
  595. display:block;
  596. position:fixed;
  597. margin-top:-100px;
  598. z-index:999999;
  599. }
  600.  
  601. frase{
  602. font-size:19px;
  603. font-family: 'Dosis', sans-serif;
  604. font-weight:bold;
  605. color:{color:Titles};
  606. text-transform:none;
  607. display:block;
  608. margin-top:-63px;
  609. position:absolute;
  610. right:40px;
  611. }
  612.  
  613. </style>
  614.  
  615. <a href="#" id="scrollToTop"><span class="fa fa-angle-up" aria-hidden="true"></span></a>
  616.  
  617. <script type="text/javascript" src="https://static.tumblr.com/kecu8nj/auyouzq5m/jquery.js"></script>
  618. <script type="text/javascript" src="https://static.tumblr.com/kecu8nj/uGBow50r6/info.js"></script>
  619.  
  620. <link href="https://fonts.googleapis.com/css?family=Dosis|Markazi+Text|Montserrat|Oxygen|Source+Serif+Pro" rel="stylesheet">
  621.  
  622. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  623.  
  624. <script src="https://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  625.  
  626. <a class="thememaker" href="https://reptilha.tumblr.com/themes"><span class="fa fa-download"></span></a>
  627.  
  628. </head>
  629.  
  630. <body>
  631.  
  632. <header>
  633. <bloc>
  634. <div id="menu">
  635. <a href="{text:Link 1 url}">{text:Link 1}</a>
  636. <a href="{text:Link 2 url}">{text:Link 2}</a>
  637. <a href="{text:Link 3 url}">{text:Link 3}</a>
  638. <a href="{text:Link 4 url}">{text:Link 4}</a>
  639. <a href="{text:Link 5 url}">{text:Link 5}</a>
  640.  
  641. </div>
  642.  
  643. <frase>{text:Frase}</frase>
  644.  
  645. </bloc>
  646.  
  647. </header>
  648.  
  649. <div id="contain">
  650.  
  651. <div class="sidebar">
  652. <center>
  653.  
  654. <img src="{image:Foto}"/>
  655.  
  656. <bloc>
  657.  
  658.  
  659. <bio>
  660. {Description}
  661. </bio>
  662.  
  663. </bloc>
  664. </div>
  665.  
  666. <div id="content">
  667. {block:Posts}
  668. <div class="post">
  669.  
  670. {block:Text}
  671. <pd> {block:Title}
  672. <h1>{Title}</h1>
  673. {/block:Title}{Body}</pd>
  674. {/block:Text}
  675.  
  676. {block:Photo}
  677. <pd> <img src="{PhotoURL-500}" alt="{PhotoAlt}" class="photo"/>
  678.  
  679. {block:Caption}
  680. <div class="caption">{Caption}</div>
  681. {/block:Caption}</pd>
  682. {/block:Photo}
  683.  
  684. {block:Panorama}
  685. {LinkOpenTag}
  686. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  687. {LinkCloseTag}<pd>{block:Caption}
  688. <div class="caption">{Caption}</div>
  689. {/block:Caption}</pd>
  690. {/block:Panorama}
  691.  
  692. {block:Photoset}
  693. <pd> {Photoset}
  694. {block:Caption}{Caption}{/block:Caption}</pd>
  695. {/block:Photoset}
  696.  
  697. {block:Quote}
  698. <pd> {Quote}
  699.  
  700. {block:Source}
  701. <div class="source">{Source}</div><br>
  702. {/block:Source}</pd>
  703. {/block:Quote}
  704.  
  705. {block:Link}
  706. <pd> <a href="{URL}" class="link" {Target}><span class="fa fa-link" style="margin-right:10px;"></span>{Name}</a>
  707. {block:Description}
  708. <div class="description">{Description}</div>
  709. {/block:Description}<br><br></pd>
  710. {/block:Link}
  711.  
  712. {block:Chat}
  713. <pd> {block:Title}
  714. <h3><a href="{Permalink}">{Title}</a></h3>
  715. {/block:Title}
  716.  
  717. <ul class="chat">
  718. {block:Lines}
  719. <li class="{Alt} user_{UserNumber}">
  720. {block:Label}
  721. <span class="label">{Label}</span>
  722. {/block:Label}{Line}
  723. </li>
  724. {/block:Lines}
  725. </ul></pd>
  726. {/block:Chat}
  727.  
  728. {block:Video}
  729. {Video-500}<pd>{block:Caption}
  730. <div class="caption">{Caption}</div>
  731. {/block:Caption}</pd>
  732. {/block:Video}
  733.  
  734. {block:Audio}
  735. {AudioEmbed}<pd>{block:Caption}
  736. <div class="caption">{Caption}</div>
  737. {/block:Caption}</pd>
  738. {/block:Audio}
  739.  
  740. {block:Answer}
  741. <pd><div class="pessoa">{Asker} {text:AskLabel}</div>
  742. <div class="pergunta">{Question}</div></pd>
  743. <div class="resposta">{Answer}</div>
  744. {/block:Answer}
  745.  
  746. {block:ContentSource}
  747. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  748. {/block:ContentSource}
  749. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  750.  
  751. {block:IndexPage}<nav>
  752. <time>{TimeAgo}</time> <hov><a href="{Permalink}" title="Dados da Postagem">{NoteCount}</a> <a href="{ReblogUrl}" title="Compartilhar">Compartilhar</a></hov></nav>{/block:IndexPage}
  753.  
  754. </div>
  755.  
  756. {block:PermalinkPage}
  757. {block:PostNotes}
  758. <div class="post">
  759.  
  760. <lin><span class="fa fa-clock-o"></span> {TimeAgo}</lin>
  761. <lin><span class="fa fa-heart"></span> {NoteCountWithLabel}</lin>
  762. {block:ContentSource}
  763. <lin>{lang:Source}:<a href="{SourceURL}">{Source}</a></lin>{/block:ContentSource}
  764. {block:HasTags}<lin><span class="fa fa-tags"></span> Marcadores:{block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags} </lin>{/block:HasTags}
  765.  
  766. </div>
  767. {/block:PostNotes}
  768. {block:PostNotes}<div class="post"><div class="lnotes">{PostNotes-64}</div><br><br></div>{/block:PostNotes}
  769.  
  770. {/block:PermalinkPage}
  771.  
  772. {block:Pagination}
  773. <div id="pagination">
  774. {block:PreviousPage}
  775. <a href="{PreviousPage}"></a>
  776. {/block:PreviousPage}
  777. {block:NextPage}
  778. <a id="nextPage" href="{NextPage}"></a>
  779. {/block:NextPage}
  780. </div>
  781. {/block:Pagination}
  782.  
  783.  
  784.  
  785.  
  786.  
  787. {block:IndexPage}
  788. <script type="text/javascript">
  789. $(window).load(function () {
  790. $('#content').masonry(),
  791. $('.masonryWrap').infinitescroll({
  792. navSelector : '#pagination',
  793. nextSelector : '#nextPage',
  794. itemSelector : ".post, .loading",
  795. bufferPx : 20,
  796. },
  797. function() { $('#content').masonry({ appendedContent: $(this) }); });
  798. });
  799. </script>
  800. {/block:IndexPage}
  801.  
  802. {/block:Posts}
  803.  
  804.  
  805. </div>
  806.  
  807. <div class="loading"></div>
  808.  
  809.  
  810. </body>
  811.  
  812. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!