API tools faq
paste
Advertisement
reptilha

Vies Sèches — 004

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